This commit is contained in:
Jay 2017-05-22 20:19:37 +08:00
parent 7a270f862f
commit c934490047
1 changed files with 41 additions and 30 deletions

View File

@ -3,34 +3,45 @@ 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 >
<
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) => { list.map((t, idx) => {
return ( return ( <
<SelListItem key={idx} SelListItem key = { idx }
i18n = { i18n } i18n = { i18n }
data = { t } data = { t }
openModal={openModal} /> openModal = { openModal }
/>
) )
}) })
} } <
</Table.Body> /Table.Body> <
</Table> /Table> <
</Segment> /Segment> <
</Container> /Container>
) )
} }