Minecraft/asys
Archived
0
Fork 0
Code Activity

MCSM: добавил немного кнопок управления

Browse Source
This commit is contained in:
DmitriyMX
2017-03-25 06:19:42 +03:00
parent 99a1d787b7
commit 1ea44aaef2
2 changed files with 39 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
mcserver-manager/src/main/resources/components.js
View File

@@ -53,14 +53,36 @@ var NvLineChart = React.createClass({
} }
}); });
var ServerListItem = React.createClass({
render: function(){
var status;
if (this.props.stopped) {
status = ce('span', {className: 'label label-danger'}, 'остановлен');
} else {
status = ce('span', {className: 'label label-primary'}, this.props.players);
}
return(
ce('a', {className: 'list-group-item clearfix' + (this.props.active ? ' active' : ''), href: '#'},
ce('span', {style: {'padding-top': '15px'}},
ce('span', {className: 'glyphicon glyphicon-tasks'}),
nbsp,
this.props.title
),
ce('span', {className: 'pull-right'}, status)
)
)
}
});
var ServerList = React.createClass({ var ServerList = React.createClass({
render: function(){return( render: function(){return(
ce('div', {className: 'list-group'}, ce('div', {className: 'list-group'},
ce('button', {className: 'list-group-item', type: 'button'}, 'Server 1'), ce(ServerListItem, {title: 'Server 1 [hub-1]', players: 42}),
ce('button', {className: 'list-group-item', type: 'button'}, 'Server 2'), ce(ServerListItem, {title: 'Server 2 [skywars-1]', players: 6, active: true}),
ce('button', {className: 'list-group-item', type: 'button'}, 'Server 3'), ce(ServerListItem, {title: 'Server 3 [bedwars-3]', players: 23}),
ce('button', {className: 'list-group-item', type: 'button'}, 'Server 4'), ce(ServerListItem, {title: 'Server 4', stopped: true}),
ce('button', {className: 'list-group-item', type: 'button'}, 'Server 5') ce(ServerListItem, {title: 'Server 5', stopped: true}),
) )
)} )}
}); });

13
mcserver-manager/src/main/resources/module.js
View File

@@ -42,7 +42,18 @@ var ContentModule = React.createClass({
if (this.state.nvScriptReady == 3) { if (this.state.nvScriptReady == 3) {
element = ce('div', {className: 'row'}, element = ce('div', {className: 'row'},
ce('div', {className: 'col-md-4'}, ce(ServerList)), ce('div', {className: 'col-md-4'}, ce(ServerList)),
ce('div', {className: 'col-md-8'}, ce(NvLineChart)) ce('div', {className: 'col-md-8'},
ce('div', {className: 'pull-right'},
ce('div', {className: 'btn-group'},
ce(Button, {btnSize: 'xs'},
ce('span', {className: 'glyphicon glyphicon-play'}), nbsp+'запуск'),
ce(Button, {btnSize: 'xs'},
ce('span', {className: 'glyphicon glyphicon-stop'}), nbsp+'остановка')
)
),
ce('h2', {style: {'margin-top': '0px'}}, 'Server 2 [skywars-1]'),
ce(NvLineChart)
)
); );
} else if (this.state.nvScriptReady < 0) { } else if (this.state.nvScriptReady < 0) {
element = ce('span', null, 'error'); element = ce('span', null, 'error');