Breadcrumb.js
1.9 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
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 AdminBreadcrumb extends Component {
constructor(props) {
super(props);
this.state = {
};
this.onUpdate = this.onUpdate.bind(this);
};
onUpdate(key, value) {
this.setState({[key]: value});
};
render() {
return (
<div className="page-header page-header-default">
<div className="breadcrumb-line">
<Breadcrumb>
<Breadcrumb.Item href="#">
<i className="icon-home2 position-left"></i> Users
</Breadcrumb.Item>
<Breadcrumb.Item active href="#">
Setup
</Breadcrumb.Item>
</Breadcrumb>
<ul className="breadcrumb-elements">
<NavItem href="#"><i className="icon-comment-discussion position-left"></i> Support</NavItem>
<NavDropdown title="Settings" id="setting">
<MenuItem><i className="icon-user-lock"></i> Account security</MenuItem>
<MenuItem><i className="icon-statistics"></i> Analytics</MenuItem>
<MenuItem><i className="icon-accessibility"></i> Accessibility</MenuItem>
<MenuItem divider/>
<MenuItem><i className="icon-gear"></i> All settings</MenuItem>
</NavDropdown>
</ul>
</div>
</div>
);
};
};