2017-05-22 09:47:16 +00:00
|
|
|
import React from 'react';
|
|
|
|
import { Menu, List, Icon } from 'semantic-ui-react';
|
|
|
|
|
|
|
|
|
|
|
|
class DevList extends React.Component {
|
|
|
|
|
|
|
|
|
|
|
|
render() {
|
2017-05-25 05:37:16 +00:00
|
|
|
let {list, sel,selectDevice, openModal, delData} = this.props;
|
2017-05-22 09:47:16 +00:00
|
|
|
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'}}
|
2017-05-25 05:37:16 +00:00
|
|
|
onClick={()=>delData('device', t.devuid)} />
|
2017-05-22 09:47:16 +00:00
|
|
|
<Icon name="edit"
|
|
|
|
style={{cursor:'pointer'}}
|
|
|
|
onClick={()=>openModal('device', 1, t)} />
|
|
|
|
</Menu.Item>
|
|
|
|
))
|
|
|
|
}
|
|
|
|
</Menu.Menu>
|
|
|
|
</Menu.Item>
|
|
|
|
</Menu>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default DevList;
|