Sidebar.js
4.34 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import _ from 'lodash';
import { Meteor } from 'meteor/meteor';
import React, { Component } from 'react';
import { Link,browserHistory } from 'react-router';
import { Navbar,Modal, Nav, NavItem,
Glyphicon, Collapse, FormGroup, FormControl, Panel,
NavbarToggler, NavbarBrand, Table, ButtonToolbar,
NavLink, DropdownItem, DropdownToggle, DropdownMenu,
NavDropdown, MenuItem, Breadcrumb, Button } from 'react-bootstrap';
export class AdminSidebar extends Component {
constructor(props) {
super(props);
this.state = {
};
this.onUpdate = this.onUpdate.bind(this);
};
onUpdate(key, value) {
this.setState({[key]: value});
};
render() {
const {user, org} = this.props;
return (
<div className="sidebar sidebar-main sidebar-default">
<div className="sidebar-content">
<div className="sidebar-category sidebar-category-visible">
<div className="category-content no-padding">
<Nav className="navigation navigation-main navigation-accordion">
<NavItem className="navigation-header"><span>{org.name}</span> <i className="icon-menu" title="Main pages"></i></NavItem>
<NavItem className="active" eventKey={1} href="#"><i className="icon-home4"></i> <span>Dashboard</span></NavItem>
<NavDropdown eventKey={2} title="Settings" name="Settings" id="setting">
<MenuItem eventKey={2.1}>Information</MenuItem>
<MenuItem eventKey={2.2}>Infrastructure</MenuItem>
<MenuItem eventKey={2.3}>Users</MenuItem>
<MenuItem eventKey={2.4}>Academic Settings</MenuItem>
<MenuItem eventKey={2.5}>Account Configuration</MenuItem>
</NavDropdown>
<NavDropdown eventKey={3} title="Academic" name="Academic" id="academic">
<MenuItem eventKey={3.1}>Layout 1</MenuItem>
<MenuItem eventKey={3.2}>Layout 2</MenuItem>
<MenuItem eventKey={3.3}>Layout 3</MenuItem>
<MenuItem eventKey={3.4}>Layout 4</MenuItem>
<MenuItem eventKey={3.5}>Layout 5</MenuItem>
</NavDropdown>
<NavDropdown eventKey={4} title="Communication" name="Communication" id="communication">
<MenuItem eventKey={4.1}>Primary palett</MenuItem>
<MenuItem eventKey={4.2}>Danger palett</MenuItem>
<MenuItem eventKey={4.3}>Success palett</MenuItem>
<MenuItem eventKey={4.4}>Warning palett</MenuItem>
<MenuItem divider />
<MenuItem eventKey={4.5}>Info palett</MenuItem>
<MenuItem eventKey={4.6}>Info palett</MenuItem>
<MenuItem eventKey={4.7}>Info palett</MenuItem>
<MenuItem eventKey={4.8}>Info palett</MenuItem>
</NavDropdown>
<NavDropdown eventKey={5} title="Finance" name="Finance" id="finance">
<MenuItem eventKey={5.1}>Primary palett</MenuItem>
<MenuItem eventKey={5.2}>Danger palett</MenuItem>
<MenuItem eventKey={5.3}>Success palett</MenuItem>
<MenuItem eventKey={5.4}>Warning palett</MenuItem>
<NavDropdown eventKey={5.5} title="Calumns" id="calumns">
<MenuItem>Success palett</MenuItem>
<MenuItem>Warning palett</MenuItem>
</NavDropdown>
</NavDropdown>
<NavItem eventKey={6} href="#"><i className="icon-file-stats"></i><span> Reports </span></NavItem>
<NavItem eventKey={7} href="#"><i className="icon-design"></i> <span>Examinations</span></NavItem>
</Nav>
</div>
</div>
</div>
</div>
);
};
};