From 26b5958913f10c8706f9b87f9cb21d0118a63bfe Mon Sep 17 00:00:00 2001 From: DmitriyMX Date: Tue, 9 May 2017 18:40:12 +0300 Subject: [PATCH] =?UTF-8?q?MCSM:=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD?= =?UTF-8?q?=D0=B5=D0=BD=D1=82=20Tabs?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- mcserver-manager/src/main/resources/components.js | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/mcserver-manager/src/main/resources/components.js b/mcserver-manager/src/main/resources/components.js index f51f1b2..d68238c 100644 --- a/mcserver-manager/src/main/resources/components.js +++ b/mcserver-manager/src/main/resources/components.js @@ -32,6 +32,19 @@ var NvLineChart = React.createClass({ } }); +var Tabs = React.createClass({ + render: function(){ + var tabsElm = []; + this.props.tabs.forEach(function(title, i){ + tabsElm.push(ce('li', (i === 0 ? {className: 'active'} : null), ce('a', {href: '#'}, title))); + }); + + return( + ce('ul', {className: 'nav nav-tabs'}, tabsElm) + ) + } +}); + var ServerInfo = React.createClass({ getInitialState: function(){return { title: null, @@ -44,6 +57,7 @@ var ServerInfo = React.createClass({ return( ce('div', null, ce('h2', {style: {'margin-top': '0px'}}, this.state.title), + ce(Tabs, {tabs: ['Онлайн1', 'Консоль2']}), ce(NvLineChart, {datum: [{ key: 'Online players', color: '#37d668',