mirror of
https://gitlab.silvrtree.co.uk/martind2000/nci.git
synced 2025-03-12 18:09:59 +00:00
remove after merge components
This commit is contained in:
Vladimir Polyakov
parent
761012f23e
commit
1dedb8c071
@ -1,39 +0,0 @@
|
|||||||
'use strict';
|
|
||||||
|
|
||||||
define([
|
|
||||||
'react',
|
|
||||||
'reflux',
|
|
||||||
'underscore',
|
|
||||||
'./item',
|
|
||||||
'app/actions/build',
|
|
||||||
'app/stores/builds',
|
|
||||||
'templates/app/components/builds/list'
|
|
||||||
], function(React, Reflux, _, Item, BuildActions, buildsStore, template) {
|
|
||||||
template = template.locals({
|
|
||||||
Item: Item
|
|
||||||
});
|
|
||||||
|
|
||||||
var Component = React.createClass({
|
|
||||||
mixins: [
|
|
||||||
Reflux.connectFilter(buildsStore, 'items', function(items) {
|
|
||||||
var projectName = this.props.projectName;
|
|
||||||
if (projectName) {
|
|
||||||
return _(items).filter(function(item) {
|
|
||||||
return item.project && item.project.name === projectName;
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
return items;
|
|
||||||
}
|
|
||||||
})
|
|
||||||
],
|
|
||||||
onShowMoreBuilds: function(projectName) {
|
|
||||||
BuildActions.readAll({
|
|
||||||
projectName: projectName,
|
|
||||||
limit: this.state.items.length + 20
|
|
||||||
});
|
|
||||||
},
|
|
||||||
render: template
|
|
||||||
});
|
|
||||||
|
|
||||||
return Component;
|
|
||||||
});
|
|
||||||
@ -1,66 +0,0 @@
|
|||||||
'use strict';
|
|
||||||
|
|
||||||
define([
|
|
||||||
'react',
|
|
||||||
'react-router',
|
|
||||||
'reflux',
|
|
||||||
'app/actions/build',
|
|
||||||
'app/stores/build',
|
|
||||||
'app/components/terminal/terminal',
|
|
||||||
'app/components/buildSidebar/index',
|
|
||||||
'templates/app/components/builds/view',
|
|
||||||
'app/components/common/index'
|
|
||||||
], function(
|
|
||||||
React, Router, Reflux, BuildActions, buildStore, TerminalComponent,
|
|
||||||
BuildSidebar, template, CommonComponents
|
|
||||||
) {
|
|
||||||
template = template.locals({
|
|
||||||
DateTime: CommonComponents.DateTime,
|
|
||||||
Duration: CommonComponents.Duration,
|
|
||||||
Scm: CommonComponents.Scm,
|
|
||||||
Terminal: TerminalComponent,
|
|
||||||
Link: Router.Link,
|
|
||||||
BuildSidebar: BuildSidebar
|
|
||||||
});
|
|
||||||
|
|
||||||
var Component = React.createClass({
|
|
||||||
mixins: [Reflux.ListenerMixin],
|
|
||||||
statics: {
|
|
||||||
willTransitionTo: function(transition, params, query) {
|
|
||||||
BuildActions.read(Number(params.id));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
componentDidMount: function() {
|
|
||||||
this.listenTo(buildStore, this.updateBuild);
|
|
||||||
},
|
|
||||||
componentWillReceiveProps: function(nextProps) {
|
|
||||||
// reset console status when go from build page to another build
|
|
||||||
// page (did mount and mount not called in this case)
|
|
||||||
if (Number(nextProps.params.id) !== this.state.build.id) {
|
|
||||||
this.setState({showConsole: this.getInitialState().showConsole});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
updateBuild: function(build) {
|
|
||||||
if (build) {
|
|
||||||
BuildActions.readAll({projectName: build.project.name});
|
|
||||||
}
|
|
||||||
this.setState({build: build});
|
|
||||||
},
|
|
||||||
render: template,
|
|
||||||
getInitialState: function() {
|
|
||||||
return {
|
|
||||||
build: null,
|
|
||||||
showConsole: false
|
|
||||||
};
|
|
||||||
},
|
|
||||||
toggleConsole: function() {
|
|
||||||
var consoleState = !this.state.showConsole;
|
|
||||||
if (consoleState) {
|
|
||||||
BuildActions.readTerminalOutput(this.state.build);
|
|
||||||
}
|
|
||||||
this.setState({showConsole: consoleState});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return Component;
|
|
||||||
});
|
|
||||||
@ -1,131 +0,0 @@
|
|||||||
'use strict';
|
|
||||||
|
|
||||||
define([
|
|
||||||
'underscore',
|
|
||||||
'react',
|
|
||||||
'reflux',
|
|
||||||
'app/stores/terminal',
|
|
||||||
'app/stores/build',
|
|
||||||
'ansi_up',
|
|
||||||
'templates/app/components/terminal/terminal'
|
|
||||||
], function(
|
|
||||||
_,
|
|
||||||
React,
|
|
||||||
Reflux,
|
|
||||||
terminalStore,
|
|
||||||
buildStore,
|
|
||||||
ansiUp,
|
|
||||||
template
|
|
||||||
) {
|
|
||||||
var Component = React.createClass({
|
|
||||||
mixins: [Reflux.ListenerMixin],
|
|
||||||
|
|
||||||
shouldScrollBottom: true,
|
|
||||||
data: [],
|
|
||||||
linesCount: 0,
|
|
||||||
|
|
||||||
componentDidMount: function() {
|
|
||||||
this.listenTo(terminalStore, this.updateItems);
|
|
||||||
var node = document.getElementsByClassName('terminal')[0];
|
|
||||||
this.initialScrollPosition = node.getBoundingClientRect().top;
|
|
||||||
if (this.props.showPreloader) {
|
|
||||||
this.getTerminal().insertAdjacentHTML('afterend',
|
|
||||||
'<img src="/images/preloader.gif" class="terminal_preloader"/>'
|
|
||||||
);
|
|
||||||
|
|
||||||
this.listenTo(buildStore, function(build) {
|
|
||||||
if (build.completed) {
|
|
||||||
this.removePreloader();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
window.onscroll = this.onScroll;
|
|
||||||
},
|
|
||||||
removePreloader: function() {
|
|
||||||
var preloader = document.getElementsByClassName(
|
|
||||||
'terminal_preloader'
|
|
||||||
)[0];
|
|
||||||
preloader.parentNode.removeChild(preloader);
|
|
||||||
},
|
|
||||||
componentWillUnmount: function() {
|
|
||||||
window.onscroll = null;
|
|
||||||
},
|
|
||||||
prepareRow: function(row) {
|
|
||||||
return ansiUp.ansi_to_html(row.replace('\r', ''));
|
|
||||||
},
|
|
||||||
prepareOutput: function(output) {
|
|
||||||
var self = this;
|
|
||||||
return output.map(function(row) {
|
|
||||||
return self.prepareRow(row);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
getTerminal: function() {
|
|
||||||
return document.getElementsByClassName('terminal')[0];
|
|
||||||
},
|
|
||||||
getBody: function() {
|
|
||||||
return document.getElementsByTagName('body')[0];
|
|
||||||
},
|
|
||||||
onScroll: function() {
|
|
||||||
var node = this.getTerminal(),
|
|
||||||
body = this.getBody();
|
|
||||||
|
|
||||||
this.shouldScrollBottom = window.innerHeight + body.scrollTop >=
|
|
||||||
node.offsetHeight + this.initialScrollPosition;
|
|
||||||
},
|
|
||||||
ensureScrollPosition: function() {
|
|
||||||
if (this.shouldScrollBottom) {
|
|
||||||
var node = this.getTerminal(),
|
|
||||||
body = this.getBody();
|
|
||||||
|
|
||||||
body.scrollTop = this.initialScrollPosition + node.offsetHeight;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
makeCodeLineContent: function(line) {
|
|
||||||
return '<span class="code-line_counter">' + '</span>' +
|
|
||||||
'<div class="code-line_body">' + this.prepareRow(line) + '</div>';
|
|
||||||
},
|
|
||||||
makeCodeLine: function(line, index) {
|
|
||||||
return '<div class="code-line" data-number="' + index + '">' +
|
|
||||||
this.makeCodeLineContent(line) + '</div>';
|
|
||||||
},
|
|
||||||
renderBuffer: _.throttle(function() {
|
|
||||||
var data = this.data,
|
|
||||||
currentLinesCount = data.length,
|
|
||||||
terminal = document.getElementsByClassName('terminal_code')[0],
|
|
||||||
rows = terminal.childNodes;
|
|
||||||
|
|
||||||
if (rows.length) {
|
|
||||||
// replace our last node
|
|
||||||
var index = this.linesCount - 1;
|
|
||||||
rows[index].innerHTML = this.makeCodeLineContent(data[index]);
|
|
||||||
}
|
|
||||||
|
|
||||||
var self = this;
|
|
||||||
terminal.insertAdjacentHTML('beforeend',
|
|
||||||
_(data.slice(this.linesCount)).map(function(line, index) {
|
|
||||||
return self.makeCodeLine(line, self.linesCount + index);
|
|
||||||
}).join('')
|
|
||||||
);
|
|
||||||
|
|
||||||
this.linesCount = currentLinesCount;
|
|
||||||
this.ensureScrollPosition();
|
|
||||||
}, 100),
|
|
||||||
updateItems: function(build) {
|
|
||||||
// listen just our console update
|
|
||||||
if (build.buildId === this.props.build) {
|
|
||||||
this.data = build.data;
|
|
||||||
this.renderBuffer();
|
|
||||||
}
|
|
||||||
if (this.props.showPreloader && build.buildCompleted) {
|
|
||||||
this.removePreloader();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
shouldComponentUpdate: function() {
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
render: template
|
|
||||||
});
|
|
||||||
|
|
||||||
return Component;
|
|
||||||
});
|
|
||||||
@ -1,66 +0,0 @@
|
|||||||
'use strict';
|
|
||||||
|
|
||||||
define([
|
|
||||||
'underscore', 'reflux', 'app/actions/build', 'app/connect'
|
|
||||||
], function(
|
|
||||||
_, Reflux, BuildActions, connect
|
|
||||||
) {
|
|
||||||
var Store = Reflux.createStore({
|
|
||||||
listenables: BuildActions,
|
|
||||||
|
|
||||||
init: function() {
|
|
||||||
// the only purpose of this hash to reconnect all the time
|
|
||||||
// except first, see notes at using
|
|
||||||
this.connectedResourcesHash = {};
|
|
||||||
},
|
|
||||||
|
|
||||||
onReadTerminalOutput: function(build) {
|
|
||||||
var self = this,
|
|
||||||
output = [],
|
|
||||||
resourceName = 'build' + build.id;
|
|
||||||
|
|
||||||
var connectToBuildDataResource = function() {
|
|
||||||
// reconnect for get data below (at subscribe), coz
|
|
||||||
// data emitted only once during connect
|
|
||||||
if (self.connectedResourcesHash[resourceName]) {
|
|
||||||
connect.resource(resourceName).reconnect();
|
|
||||||
} else {
|
|
||||||
self.connectedResourcesHash[resourceName] = 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
connect.resource(resourceName).subscribe('data', function(data) {
|
|
||||||
var lastLine = _(self.lines).last();
|
|
||||||
if (lastLine && (_(data.lines).first().number === lastLine.number)) {
|
|
||||||
self.lines = _(self.lines).initial();
|
|
||||||
}
|
|
||||||
self.lines = self.lines.concat(data.lines);
|
|
||||||
self.trigger({
|
|
||||||
buildId: build.id,
|
|
||||||
buildCompleted: build.completed,
|
|
||||||
name: 'Console for build #' + build.id,
|
|
||||||
data: _(self.lines).pluck('text')
|
|
||||||
});
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
this.lines = [];
|
|
||||||
this.currentLine = '';
|
|
||||||
|
|
||||||
// create data resource for completed build
|
|
||||||
if (build.completed) {
|
|
||||||
connect.resource('projects').sync(
|
|
||||||
'createBuildDataResource',
|
|
||||||
{buildId: build.id},
|
|
||||||
function(err) {
|
|
||||||
if (err) throw err;
|
|
||||||
connectToBuildDataResource();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
connectToBuildDataResource();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return Store;
|
|
||||||
});
|
|
||||||
Loading…
Reference in New Issue
Block a user