update

route/api/server.js

@@ -132,10 +132,168 @@ router
         if (!arr.data.id) return n('ERR0028');
 
         try {
-
+            let query = "delete from ??.?? where `devuid` = ?";
+            let param = [config.db.db11, 'dev', arr.data.id];
+            await tool.promiseQuery(res, query, param);
         } catch (err) {
             return rt.err(res, err, n, 'ERR8003');
         }
+
+        res.api_res = {
+            record: []
+        }
+        return n();
+    })
+    .post('/addipmi', 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.devuid) return n('ERR0028');
+        if (!arr.data.account) return n('ERR0016');
+        if (!arr.data.password) return n('ERR0017');
+        if (!arr.data.ip) return n('ERR0010');
+
+        try {
+            let query = "select count(*) as c from ??.?? where `ip` = ?";
+            let param = [config.db.db11, 'ipmi', arr.data.ip];
+            let c = await tool.promiseQuery(res, query, param);
+            if (c.data.length > 0 && c.data.c > 0) return n('ERR0027');
+        } catch (err) {
+            return rt.err(res, err, n, 'ERR8000');
+        }
+
+        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 ??.?? (`devuid`, `ip`, `account`, `password`, `cuser`, `ctime`, `muser`, `mtime`) values \
+                (?, ?, ?, ?, ?, unix_timestamp(), ?, unix_timestamp())";
+            let param = [config.db.db11, 'ipmi', arr.data.devuid, arr.data.ip, arr.data.account, arr.data.password, u, u];
+            await tool.promiseQuery(res, query, param);
+        } catch (err) {
+            return rt.err(res, err, n, 'ERR8001');
+        }
+
+        res.api_res = {
+            record: []
+        };
+        return n();
+    })
+    .post('/editipmi', 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.account) return n('ERR0016');
+        if (!arr.data.password) return n('ERR0017');
+        if (!arr.data.ip) return n('ERR0010');
+
+        try {
+            let query = "select count(*) as c from ??.?? where `ipmuid` != ? and `ip` = ?";
+            let param = [config.db.db11, 'ipmi', arr.data.id, arr.data.ip];
+            let c = await tool.promiseQuery(res, query, param);
+            if (c.data.length > 0 && c.data.c > 0) return n('ERR0027');
+        } catch (err) {
+            return rt.err(res, err, n, 'ERR8000');
+        }
+
+        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 \
+                `account` = ?, \
+                `password` = ?, \
+                `ip` = ?, \
+                `muser` = ?, \
+                `mtime` = unix_timestamp() \
+                where \
+                `ipmuid` = ?";
+            let param = [config.db.db11, 'ipmi', arr.data.account, arr.data.password, arr.data.ip, u, arr.data.id];
+            await tool.promiseQuery(res, query, param);
+        } catch (err) {
+            return rt.err(res, err, n, 'ERR8002');
+        }
+
+        res.api_res = {
+            record: []
+        };
+        return n();
+    })
+    .post('/delipmi', 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 {
+            let query = "delete from ??.?? where `ipmuid` = ?";
+            let param = [config.db.db11, 'ipmi', arr.data.id];
+
+            await tool.promiseQuery(res, query, param);
+        } catch (err) {
+            return rt.err(res, err, n, 'ERR8003');
+        }
+
+        res.api_res = {
+            record: []
+        };
+        return n();
+    })
+    .post('/getipmiinfo', 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');
+
+        res.api_res = {
+            record: [],
+            rt: {
+                log: [],
+                sensor: [],
+                bmcgroup: [],
+                bmcdata: []
+            }
+        };
+
+        try {
+            let query = "select * from ??.?? where `ipmuid` = ?";
+            let param = [config.db.db11, 'ipmi', arr.data.id];
+            let ipmi = await tool.promiseQuery(res, query, param);
+            if (ipmi.data.length == 0) return n('ERR8000');
+            delete ipmi.data[0].password;
+            res.api_res.record = tool.checkArray(ipmi.data);
+
+            query = "select * from ??.?? order by `guid`";
+            param = [config.db.db11, 'bmg'];
+            let bmg = await tool.promiseQuery(res, query, param);
+            res.api_res.rt.bmcgroup = tool.checkArray(bmg.data);
+
+            query = "select * from ??.?? where `ipmuid` = ?";
+            param = [config.db.db11, 'bmrt', arr.data.id];
+            let bmrt = await tool.promiseQuery(res, query, param);
+            res.api_res.rt.bmcdata = tool.checkArray(bmrt.data);
+
+            query = "select * from ??.?? where `ipmuid` = ?";
+            param = [config.db.db11, 'ipmilogrt', arr.data.id];
+            let log = await tool.promiseQuery(res, query, param);
+            res.api_res.rt.log = tool.checkArray(log.data);
+
+            query = "select * from ??.?? where `ipmuid` = ?";
+            param = [config.db.db11, 'ipmisenrt', arr.data.id];
+            let sensor = await tool.promiseQuery(res, query, param);
+            res.api_res.rt.sensor = tool.checkArray(sensor.data);
+
+        } catch (err) {
+            return rt.err(res, err, n, 'ERR8000');
+        }
+
+        return n();
     })
     .all('*', rt.send);
 

src/components/AdminPage/Server/DevList.js

@@ -6,7 +6,7 @@ class DevList extends React.Component {
 
 
     render() {
-        let {list, sel,selectDevice, openModal} = this.props;
+        let {list, sel,selectDevice, openModal, delData} = this.props;
         return (
             <Menu vertical>
                 <Menu.Item>
@@ -23,7 +23,7 @@ class DevList extends React.Component {
                                     <span style={{cursor:'pointer'}} onClick={()=>selectDevice(t.devuid)}>{t.name}</span>
                                     <Icon name="trash"
                                         style={{cursor:'pointer'}}
-                                        onClick={()=>null} />
+                                        onClick={()=>delData('device', t.devuid)} />
                                     <Icon name="edit"
                                         style={{cursor:'pointer'}}
                                         onClick={()=>openModal('device', 1, t)} />

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

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

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

@@ -1,47 +1,43 @@
 import React from 'react';
-import { Container, Segment, Button, Table } from 'semantic-ui-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 }
-                    /> 
-                )
-            })
-        } <
-        /Table.Body> <
-        /Table> <
-        /Segment> <
-        /Container>
+const IPMIPage = ({i18n, list, openModal, delData}) => {
+    return (
+        <Container>
+            <Segment className="clearfix">
+                <Button content="新增設定" 
+                    icon="plus" 
+                    floated="right" 
+                    basic 
+                    color="green" 
+                    style={{marginBottom: '15px'}}
+                    onClick={()=>openModal('ipmi')} />
+                <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}
+                                        delData={delData} /> 
+                                )
+                            })
+                        }
+                    </Table.Body>
+                </Table>
+            </Segment>
+        </Container>
     )
 }
 

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

@@ -1,13 +1,24 @@
 import React from 'react';
 import {Modal, Form, Input, Button, Grid} from 'semantic-ui-react';
 
-const DevModel = ({ i18n, open, type, data, closeModal }) => {
+const DevModel = ({ i18n, open, type, data, closeModal, submitModal }) => {
 
     return (
         <Modal open={open}>
             <Modal.Header content={type == 1 ? '修改裝置' : '新增裝置'} />
             <Modal.Content>
-                <Form>
+                <Form onSubmit={(e,d) => {
+                        e.preventDefault();
+                        submitModal('device', type, d.formData);
+                    }} serializer={e=>{
+                        let json = {};
+                        let name = e.querySelector('input[name="name"]');
+                        if(name && 'value' in name) json.name = name.value;
+
+                        if(type == 1) json.id = data.devuid;
+
+                        return json;
+                    }}>
                     <Form.Field>
                         <Input label="裝置名稱" name="name" defaultValue={data.name} />
                     </Form.Field>

src/components/AdminPage/Server/Modals/IPMIInfoModal.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import {Modal, Segment} from 'semantic-ui-react';
+
+const stateDefault = () => ({
+    open: false,
+    tabIdx: 1
+})
+class IPMIInfoModal extends React.Component {
+
+    componentWillReceiveProps(nextProps){
+        if(nextProps.open != this.state.open){
+            if(nextProps.open == false){
+                this.setState({...stateDefault()})
+            }else{
+                this.setState({
+                    open: true
+                })
+            }
+        }
+    }
+
+    render() {
+        
+        return (
+            <Modal fluid open={this.state.open} onClose={()=>null}>
+                <Modal.Header content="IPMI Info" />
+                <Modal.Content>
+
+                </Modal.Content>
+            </Modal>
+        )
+    }
+}
+export default IPMIInfoModal;

src/components/AdminPage/Server/Modals/IPMIModal.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import {Modal, Form, Grid, Input, Button } from 'semantic-ui-react';
+
+const IPMIModal = ({ i18n, open, type, data, closeModal, submitModal }) => {
+
+    return (
+        <Modal open={open}>
+            <Modal.Header content={type == 1 ? '修改設定' : '新增設定'} />
+            <Modal.Content>
+                <Form onSubmit={(e,d) => {
+                        e.preventDefault();
+                        submitModal('ipmi', type, d.formData);
+                    }} serializer={e=>{
+                        let json  ={};
+
+                        let ip = e.querySelector('input[name="ip"]');
+                        if(ip && 'value' in ip) json.ip = ip.value;
+                        let account = e.querySelector('input[name="account"]');
+                        if(account && 'value' in account) json.account = account.value;
+                        let pass = e.querySelector('input[name="password"]');
+                        if(pass && 'value' in pass) json.password = pass.value;
+                        if(type == 1 ) json.id = data.ipmuid;
+
+                        return json;
+                    }}>
+                    <Form.Field>
+                        <Input label="IP" name="ip" defaultValue={data.ip} />
+                    </Form.Field>
+                    <Form.Field>
+                        <Input label="帳號" name="account" defaultValue={data.account} />
+                    </Form.Field>
+                    <Form.Field>
+                        <Input label="密碼" name="password" defaultValue={data.password} />
+                    </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('ipmi')} />
+                        </Grid.Column>
+                    </Grid>
+                </Form>
+            </Modal.Content>
+        </Modal>
+    )
+}
+
+export default IPMIModal;

src/components/AdminPage/Server/index.js

@@ -3,7 +3,9 @@ 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';
+import DevModal from './Modals/DevModal';
+import IPMIModal from './Modals/IPMIModal';
+import IPMIInfoModal from './Modals'
 
 const stateDefault = ()=>({
     list: [],
@@ -20,17 +22,29 @@ const stateDefault = ()=>({
         type: 0,
         data: {}
     },
-    openedModal: null
+    ipmiModal: {
+        open: false,
+        type: 0,
+        data: {}
+    },
+    ipmiInfo: {
+        open: false,
+        ipmi: [],
+        log: [],
+        sensor: [],
+        bmcdata: [],
+        bmcgroup: []
+    }
 })
 
 class ServerPage extends React.Component {
     state = {...stateDefault()}
 
     componentDidMount(){
-        this.getList();
+        this.getDevList();
     }
 
-    getList = () => {
+    getDevList = () => {
         let {showDialog, toggleLoading} = this.props;
         toggleLoading(1);
         fetch('/api/server/getdevicelist', getRequest())
@@ -44,7 +58,7 @@ class ServerPage extends React.Component {
             })
     }
 
-    selectDevice = (id) => {
+    selectDevice = (id, refresh = false) => {
         if(!id) return ;
         let {showDialog, toggleLoading} = this.props;
         toggleLoading(1);
@@ -56,15 +70,19 @@ class ServerPage extends React.Component {
                 let ipmi = json.data.rt.ipmi || [];
                 let snmp = json.data.rt.snmp || [];
 
-                this.setState({
-                    devSel: {
+                let jdata = {
                         ...stateDefault().devSel,
                         id,
                         data: {
                             ipmi,
                             snmp
                         }
-                    }
+                    };
+
+                if(refresh) jdata.type = this.state.devSel.type;
+
+                this.setState({
+                    devSel: jdata
                 })
             })
     }
@@ -87,7 +105,8 @@ class ServerPage extends React.Component {
                     callConfirm={callConfirm}
                     list={this.state.devSel.data.ipmi}
                     openModal={this.openModal}
-                    closeModal={this.closeModal} />
+                    closeModal={this.closeModal}
+                    delData={this.delData} />
 
             default:
                 return null;
@@ -102,28 +121,129 @@ class ServerPage extends React.Component {
                         open: true,
                         type,
                         data
-                    },
-                    openedModal: mtype
+                    }
                 })
                 break;
-            default: 
-                return null;
-        }
-    }
-
-    closeModal = (mtype) => {
-        switch(mtype){
-            case 'device':
-                this.setState({devModal: {...stateDefault().devModal}, openedModal: null});
+            case 'ipmi':
+                this.setState({
+                    ipmiModal:{
+                        open: true,
+                        type,
+                        data
+                    }
+                });
+                break;
+            case 'ipmiinfo':
+                this.getIPMIData(data.id);
                 break;
             default: 
                 return null;
         }
     }
 
-    submitModal = (type, data) => {
-        let open = this.state.openedModal;
-        if(open == null) return ;
+    closeModal = (mtype, cb = null) => {
+        switch(mtype){
+            case 'device':
+                this.setState({devModal: {...stateDefault().devModal}});
+                break;
+            case 'ipmi':
+                this.setState({ipmiModal:{...stateDefault().ipmiModal}});
+                break;
+            case 'ipmiinfo':
+                this.setState({ipmiInfo: {...stateDefault().ipmiInfo}});
+                break;
+        }
+
+        if(cb && typeof cb == 'function') cb();
+    }
+
+    submitModal = (mtype, type = 0, data = {}) => {
+        if(!mtype) return ;
+        let {i18n, showDialog, toggleLoading, callConfirm} = this.props;
+        let url = '';
+        switch(mtype){
+            case 'device':
+                if(type == 1 && !data.id) return showDialog('資料讀取錯誤');
+                if(!data.name) return showDialog('請填寫設備名稱');
+                url = type == 1 ? '/api/server/editdevice' : '/api/server/adddevice';
+                fetch(url, getRequest(data))
+                    .then(response => response.json())
+                    .then(json => {
+                        if(json.status != 1) return showDialog(json.message);
+                        this.closeModal(mtype, ()=>{this.getDevList()});
+                    });
+                break;
+            case 'ipmi':
+                if(type == 1 && !data.id) return showDialog('資料讀取錯誤');
+                if(!data.ip) return showDialog('請填寫IP');
+                if(!data.account) return showDialog('請填寫帳號');
+                if(!data.password) return showDialog('請填寫密碼');
+                data.devuid = this.state.devSel.id;
+                url = type == 1 ? '/api/server/editipmi' : '/api/server/addipmi';
+                fetch(url, getRequest(data))
+                    .then(response=>response.json())
+                    .then(json => {
+                        if(json.status != 1) return showDialog(json.message);
+                        this.closeModal(mtype, ()=>{ this.selectDevice(this.state.devSel.id, true); })
+                    })
+            default :
+                return null;
+        }
+    }
+
+    delData = (mtype, id) => {
+        if(!mtype || !id) return ;
+        let {i18n, showDialog, toggleLoading, callConfirm} = this.props;
+        switch(mtype) {
+            case 'device':
+                callConfirm('確定刪除此裝置?', ()=>{
+                    fetch('/api/server/deldevice', getRequest({id}))
+                        .then(response=>response.json())
+                        .then(json => {
+                            if(json.status != 1) return showDialog(json.message);
+                            this.getDevList();
+                        })
+                });
+                break;
+            case 'ipmi':
+                callConfirm('確定刪除此筆設定?', ()=>{
+                    fetch('/api/server/delipmi', getRequest({id}))
+                        .then(response=>response.json())
+                        .then(json => {
+                            if(json.status != 1) return showDialog(json.message);
+                            this.selectDevice(this.state.devSel.id, true);
+                        });
+                });
+                break;
+        }
+    }
+
+    getIPMIData = (id) => {
+        if(!id) return ;
+        let {i18n, showDialog, toggleLoading, callConfirm} = this.props;
+        toggleLoading(1);
+        fetch('/api/server/getipmiinfo', getRequest({id}))
+            .then(response=>response.json())
+            .then(json => {
+                toggleLoading(0);
+                if(json.status != 1) return showDialog(json.message);
+                let ipmi = json.data.record || [];
+                let sensor = json.data.rt.sensor || [];
+                let log = json.data.rt.log || [];
+                let bmcgroup = json.data.rt.bmcgroup || [];
+                let bmcdata = json.data.rt.bmcdata || [];
+
+                this.setState({
+                    ipmiInfo: {
+                        open: true,
+                        log,
+                        sensor,
+                        ipmi,
+                        bmcdata,
+                        bmcgroup
+                    }
+                })
+            })
     }
 
     render() {
@@ -139,7 +259,8 @@ class ServerPage extends React.Component {
                             sel={this.state.devSel.id}
                             selectDevice={this.selectDevice}
                             list={this.state.list}
-                            openModal={this.openModal} />
+                            openModal={this.openModal}
+                            delData={this.delData} />
                     </Grid.Column>
                     <Grid.Column width={13}>
                         {
@@ -164,7 +285,14 @@ class ServerPage extends React.Component {
                     open={this.state.devModal.open}
                     type={this.state.devModal.type}
                     data={this.state.devModal.data}
-                    closeModal={this.closeModal} />
+                    closeModal={this.closeModal}
+                    submitModal={this.submitModal} />
+                <IPMIModal i18n={i18n}
+                    open={this.state.ipmiModal.open}
+                    type={this.state.ipmiModal.type}
+                    data={this.state.ipmiModal.data}
+                    closeModal={this.closeModal}
+                    submitModal={this.submitModal} />
             </Container>
         )
     }