update ipmi page not fin

route/api/index.js

@@ -33,6 +33,7 @@ router
     .use('/link', require('./link.js'))
     .use('/modbus', require('./modbus.js'))
     .use('/ipcam', require('./ipcam.js'))
+    .use('/server', require('./server.js'))
     .use('/wristband', require('./wristband.js'));
 
 // api error handler

route/api/server.js

@@ -22,11 +22,11 @@ router
         }
         n();
     })
-    .post('/getserverlist', (req, res, n) => {
+    .post('/getdevicelist', (req, res, n) => {
         if (!config.permission.server) return n('ERR9000');
 
         let query = "select * from ??.??";
-        let param = [config.db.db11, 'jciocservert'];
+        let param = [config.db.db11, 'dev'];
 
         res.db.query(query, param, (err, row) => {
             if (err) return rt.err(res, err, n, 'ERR8000');
@@ -36,27 +36,105 @@ router
             n();
         })
     })
-    .post('/addserver', (req, res, n) => {
+    .post('/getdevice', async(req, res, n) => {
+        if (!config.permission.server) return n('ERR9000');
+        let arr = req.body;
+        if (!arr.data) return n('ERR0000');
+        if (!arr.data.id) return n('ERR0028');
+
+        let query = "select * from ??.?? where `devuid` = ?";
+        let param = [config.db.db11, 'dev', arr.data.id];
+        try {
+            let dev = await tool.promiseQuery(res, query, param);
+            if (dev.data.length == 0) return n('ERR8000');
+
+            let ipmi_param = [config.db.db11, 'ipmi', arr.data.id];
+            let ipmi = await tool.promiseQuery(res, query, ipmi_param);
+
+            let snmp_param = [config.db.db11, 'snmp', arr.data.id];
+            let snmp = await tool.promiseQuery(res, query, snmp_param);
+
+            res.api_res = {
+                record: tool.checkArray(dev.data),
+                rt: {
+                    ipmi: tool.checkArray(ipmi.data),
+                    snmp: tool.checkArray(snmp.data)
+                }
+            }
+
+        } catch (e) {
+            return rt.err(res, e, n, 'ERR8000');
+        }
+
+        n();
+    })
+    .post('/adddevice', async(req, res, n) => {
         if (!config.permission.server) return n('ERR9000');
         if (!tool.checkPermission(req)) return n('ERR9000');
         let arr = req.body;
         if (!arr.data) return n('ERR0000');
         if (!arr.data.name) return n('ERR0026');
-        if (arr.data.iip) {
-            if (!arr.data.iaccount) return n('ERR0016');
-            if (!arr.data.ipassword) return n('ERR0017');
-            if (!arr.data.imac) return n('ERR0064');
-            if (!arr.data.itype) return n('ERR0009');
-        }
-        if (arr.data.sip) {
-            if (!arr.data.smac) return n('ERR0064');
-            if (!arr.data.stype) return n('ERR0009');
-            if (!arr.data.sname) return n('ERR0026');
-            if (!arr.data.sver) return n('ERR0065');
-            if (arr.data.sver == 'v3' && !arr.data.v3level) return n('ERR0066');
-            if (arr.data.v3level) {
 
+        let u = '';
+        let obj = so.get(req.headers['x-auth-token'] || '');
+        if (obj != null && 'user' in obj && 'account' in obj.user) u = obj.user.account;
+
+        try {
+            let query = "insert into ??.?? (`name`, `ctime`, `cuser`, `mtime`, `muser`) values \
+                (?, unix_timestamp(), ?, unix_timestamp(), ?)";
+            let param = [config.db.db11, 'dev', arr.data.name, u, u];
+
+            await tool.promiseQuery(res, query, param);
+        } catch (e) {
+            return rt.err(res, e, n, 'ERR8001');
         }
+
+        res.api_res = {
+            record: []
+        };
+        n();
+    })
+    .post('/editdevice', async(req, res, n) => {
+        if (!config.permission.server) return n('ERR9000');
+        if (!tool.checkPermission(req)) return n('ERR9000');
+        let arr = req.body;
+        if (!arr.data) return n('ERR0000');
+        if (!arr.data.id) return n('ERR0028');
+        if (!arr.data.name) return n('ERR0026');
+
+        let u = '';
+        let obj = so.get(req.headers['x-auth-token'] || '');
+        if (obj != null && 'user' in obj && 'account' in obj.user) u = obj.user.account;
+
+        try {
+            let query = "update ??.?? set \
+                `name` = ?, \
+                `muser` = ?, \
+                `mtime` = unix_timestamp() \
+                where \
+                `devuid` = ?";
+            let param = [config.db.db11, 'dev', arr.data.name, u, arr.data.id];
+            await tool.promiseQuery(res, query, param);
+        } catch (e) {
+            return rt.err(res, e, n, 'ERR8002');
+        }
+
+        res.api_res = {
+            record: []
+        };
+        n();
+    })
+    .post('/deldevice', async(req, res, n) => {
+        if (!config.permission.server) return n('ERR9000');
+        if (!tool.checkPermission(req)) return n('ERR9000');
+        let arr = req.body;
+        if (!arr.data) return n('ERR0000');
+        if (!arr.data.id) return n('ERR0028');
+
+        try {
+
+        } catch (err) {
+            return rt.err(res, err, n, 'ERR8003');
         }
     })
     .all('*', rt.send);

src/components/AdminPage/Server/DevList.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Menu, List, Icon } from 'semantic-ui-react';
+
+
+class DevList extends React.Component {
+
+
+    render() {
+        let {list, sel,selectDevice, openModal} = this.props;
+        return (
+            <Menu vertical>
+                <Menu.Item>
+                    <Menu.Header className="clearfix">
+                        裝置列表
+                        <Icon name="plus" 
+                            style={{float: 'right',cursor:'pointer'}}
+                            onClick={()=>openModal('device')} />
+                    </Menu.Header>
+                    <Menu.Menu>
+                        {
+                            list.map((t,idx)=>(
+                                <Menu.Item key={idx} active={sel == t.devuid}>
+                                    <span style={{cursor:'pointer'}} onClick={()=>selectDevice(t.devuid)}>{t.name}</span>
+                                    <Icon name="trash"
+                                        style={{cursor:'pointer'}}
+                                        onClick={()=>null} />
+                                    <Icon name="edit"
+                                        style={{cursor:'pointer'}}
+                                        onClick={()=>openModal('device', 1, t)} />
+                                </Menu.Item>
+                            ))
+                        }
+                    </Menu.Menu>
+                </Menu.Item>
+            </Menu>
+        )
+    }
+}
+
+export default DevList;

src/components/AdminPage/Server/IPMIPage/SetListItem.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import {Table, Button} from 'semantic-ui-react';
+
+const SetListItem = ({ i18n, data, openModal }) => {
+
+    return (
+        <Table.Row>
+            <Table.Cell>
+                <Button content="修改" basic onClick={()=>null} />
+                <Button content="刪除" basic onClick={()=>null} />
+                <Button content="ShowInfo" basic onClick={()=>null} />
+            </Table.Cell>
+            <Table.Cell>{data.ip}</Table.Cell>
+            <Table.Cell>{data.account}</Table.Cell>
+            <Table.Cell>{data.mac}</Table.Cell>
+        </Table.Row>
+    )
+}
+
+export default SetListItem;

src/components/AdminPage/Server/IPMIPage/index.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import {Container, Segment, Button, Table} from 'semantic-ui-react';
+import SelListItem from './SetListItem';
+
+const IPMIPage = ({i18n, list, openModal}) => {
+    return (
+        <Container>
+            <Segment className="clearfix">
+                <Button content="新增設定" icon="plus" floated="right" basic color="green" style={{marginBottom: '15px'}} />
+                <Table>
+                    <Table.Header>
+                        <Table.Row>
+                            <Table.HeaderCell>操作</Table.HeaderCell>
+                            <Table.HeaderCell>IP</Table.HeaderCell>
+                            <Table.HeaderCell>帳號</Table.HeaderCell>
+                            <Table.HeaderCell>MAC Address</Table.HeaderCell>
+                        </Table.Row>
+                    </Table.Header>
+                    <Table.Body>
+                        {
+                            list.map((t,idx) => {
+                                return (
+                                    <SelListItem key={idx} 
+                                        i18n={i18n} 
+                                        data={t}
+                                        openModal={openModal}
+                                        closeModal={closeModal} />
+                                )
+                            })
+                        }
+                    </Table.Body>
+                </Table>
+            </Segment>
+        </Container>
+    )
+}
+
+export default IPMIPage;

src/components/AdminPage/Server/Models/DevModal.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import {Modal, Form, Input, Button, Grid} from 'semantic-ui-react';
+
+const DevModel = ({ i18n, open, type, data, closeModal }) => {
+
+    return (
+        <Modal open={open}>
+            <Modal.Header content={type == 1 ? '修改裝置' : '新增裝置'} />
+            <Modal.Content>
+                <Form>
+                    <Form.Field>
+                        <Input label="裝置名稱" name="name" defaultValue={data.name} />
+                    </Form.Field>
+
+                    <Grid columns={2}>
+                        <Grid.Column>
+                            <Button type="submit" content="送出" basic fluid/>
+                        </Grid.Column>
+                        <Grid.Column>
+                            <Button type="button" fluid content="取消" basic onClick={()=>closeModal('device')} />
+                        </Grid.Column>
+                    </Grid>
+                </Form>
+            </Modal.Content>
+        </Modal>
+    )
+}
+
+export default DevModel;

src/components/AdminPage/Server/SNMPPage/index.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import {Container, Segment} from 'semantic-ui-react';
+
+class SNMPPage extends React.Component {
+
+    render() {
+
+        return (
+            <Container>
+                <Segment>
+                    
+                </Segment>
+            </Container>
+        )
+    }
+}
+
+export default SNMPPage;

src/components/AdminPage/Server/index.js

@@ -0,0 +1,173 @@
+import React from 'react';
+import { Container, Segment, Menu, List, Grid } from 'semantic-ui-react';
+import {getRequest} from '../../../actions';
+import DevList from './DevList';
+import IPMIPage from './IPMIPage';
+import DevModal from './Models/DevModal';
+
+const stateDefault = ()=>({
+    list: [],
+    devSel: {
+        id: null,
+        type: null,
+        data: {
+            snmp: [],
+            ipmi: []
+        }
+    },
+    devModal: {
+        open: false,
+        type: 0,
+        data: {}
+    },
+    openedModal: null
+})
+
+class ServerPage extends React.Component {
+    state = {...stateDefault()}
+
+    componentDidMount(){
+        this.getList();
+    }
+
+    getList = () => {
+        let {showDialog, toggleLoading} = this.props;
+        toggleLoading(1);
+        fetch('/api/server/getdevicelist', getRequest())
+            .then(response => response.json())
+            .then(json => {
+                toggleLoading(0);
+                if(json.status != 1) return showDialog(json.message);
+                this.setState({
+                    list: json.data.record || []
+                })
+            })
+    }
+
+    selectDevice = (id) => {
+        if(!id) return ;
+        let {showDialog, toggleLoading} = this.props;
+        toggleLoading(1);
+        fetch('/api/server/getdevice', getRequest({id}))
+            .then(response=>response.json())
+            .then(json => {
+                toggleLoading(0);
+                if(json.status != 1) return showDialog(json.message);
+                let ipmi = json.data.rt.ipmi || [];
+                let snmp = json.data.rt.snmp || [];
+
+                this.setState({
+                    devSel: {
+                        ...stateDefault().devSel,
+                        id,
+                        data: {
+                            ipmi,
+                            snmp
+                        }
+                    }
+                })
+            })
+    }
+    selectDataType = (type) => {
+        this.setState({
+            devSel: {
+                ...this.state.devSel,
+                type: type
+            }
+        })
+    }
+
+    genSubPage = () => {
+        let {i18n, showDialog, toggleLoading, callConfirm} = this.props;
+        switch(this.state.devSel.type){
+            case 'ipmi':
+                return <IPMIPage i18n={i18n}
+                    showDialog={showDialog}
+                    toggleLoading={toggleLoading}
+                    callConfirm={callConfirm}
+                    list={this.state.devSel.data.ipmi}
+                    openModal={this.openModal}
+                    closeModal={this.closeModal} />
+
+            default:
+                return null;
+        }
+    }
+
+    openModal = (mtype, type = 0, data = {}) => {
+        switch(mtype){
+            case 'device':
+                this.setState({
+                    devModal: {
+                        open: true,
+                        type,
+                        data
+                    },
+                    openedModal: mtype
+                })
+                break;
+            default: 
+                return null;
+        }
+    }
+
+    closeModal = (mtype) => {
+        switch(mtype){
+            case 'device':
+                this.setState({devModal: {...stateDefault().devModal}, openedModal: null});
+                break;
+            default: 
+                return null;
+        }
+    }
+
+    submitModal = (type, data) => {
+        let open = this.state.openedModal;
+        if(open == null) return ;
+    }
+
+    render() {
+        let {i18n, showDialog, toggleLoading, callConfirm} = this.props;
+        return (
+            <Container fluid>
+                <Grid>
+                    <Grid.Column width={3}>
+                        <DevList i18n={i18n}
+                            toggleLoading={toggleLoading}
+                            showDialog={showDialog}
+                            callConfirm={callConfirm}
+                            sel={this.state.devSel.id}
+                            selectDevice={this.selectDevice}
+                            list={this.state.list}
+                            openModal={this.openModal} />
+                    </Grid.Column>
+                    <Grid.Column width={13}>
+                        {
+                            this.state.devSel.id != null ? 
+                            (
+                                <Container style={{marginBottom: '10px'}}>
+                                    <Menu fluid widths={2}>
+                                        <Menu.Item name="SNMP" 
+                                            active={this.state.devSel.type == 'snmp'} 
+                                            onClick={()=>this.selectDataType('snmp')}/>
+                                        <Menu.Item name="IPMI" 
+                                            active={this.state.devSel.type == 'ipmi'} 
+                                            onClick={()=>this.selectDataType('ipmi')}/>
+                                    </Menu>
+                                </Container>
+                            ) : null
+                        }
+                        {this.genSubPage()}
+                    </Grid.Column>
+                </Grid>
+                <DevModal i18n={i18n}
+                    open={this.state.devModal.open}
+                    type={this.state.devModal.type}
+                    data={this.state.devModal.data}
+                    closeModal={this.closeModal} />
+            </Container>
+        )
+    }
+}
+
+export default ServerPage;

src/components/MainMenu/index.js

@@ -22,6 +22,7 @@ const MainMenu = ({i18n, show, toggleMenu, children, permissions, showDashboard,
 				<MItem toLink="/admin/link" txt={i18n && 't' in i18n ? i18n.t('menu.item.link') : ''} permission={permissions.link} onClick={()=>toggleMenu()} />
 				<MItem toLink="/admin/ipcam" txt={i18n && 't' in i18n ? i18n.t('menu.item.ipcam') : ''} permission={permissions.ipcam} onClick={()=>toggleMenu()} />
 				<MItem toLink="/admin/wristband" txt={i18n && 't' in i18n ? i18n.t('menu.item.wristband') : ''} permission={permissions.wristband} onClick={()=>toggleMenu()} />
+				<MItem toLink="/admin/server" txt="伺服器(Server)" permission={permissions.server} onClick={()=>toggleMenu()} />
 				<MItem toLink="/admin" txt={i18n && 't' in i18n ? i18n.t('menu.item.logout') : ''} permission={true} onClick={()=>{
 					sessionStorage.clear();
 					location.replace('/');

src/containers/AdminPage/Server.js

@@ -0,0 +1,21 @@
+import { connect } from 'react-redux';
+import { add_dialog_msg, toggle_loading, add_confirm } from '../../actions';
+import ServerPage from '../../components/AdminPage/Server';
+
+const mapStateToProps = (state) => ({
+    i18n: state.i18n
+});
+
+const mapDispatchToProps = (dispatch, ownProps) => ({
+    showDialog: (msg) => {
+        dispatch(add_dialog_msg(msg));
+    },
+    toggleLoading: (flag = false) => {
+        dispatch(toggle_loading(flag));
+    },
+    callConfirm: (msg, act = null) => {
+        dispatch(add_confirm(msg, act));
+    }
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(ServerPage);

src/routes.js

@@ -17,6 +17,7 @@ import ActionLinkAdd from './containers/AdminPage/ActionLinkAdd';
 import IPCam from './containers/AdminPage/IPCam';
 import Wristband from './containers/AdminPage/Wristband';
 import ModbusPreview from './containers/AdminPage/ModbusPreview';
+import ServerPage from './containers/AdminPage/Server';
 
 const Routes = (
 	<Route path="/admin" component={AdminPage}>
@@ -36,6 +37,7 @@ const Routes = (
 		<Route path="modbuslog" component={ModbusLog} />
 		<Route path="ipcam" component={IPCam} />
 		<Route path="wristband" component={Wristband} />
+		<Route path="server" component={ServerPage} />
 	</Route>
 );