This commit is contained in:
Jay 2017-05-22 20:19:37 +08:00
parent 7a270f862f
commit c934490047

View File

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