Blog/Airframe-React
Template
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Init

Browse Source 
Preview: http://dashboards.webkom.co/react/airframe
This commit is contained in:
Tomasz Owczarczyk
2019-08-15 00:54:44 +02:00
parent f975443095
commit 37092d1d6c
626 changed files with 56691 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
app/routes/components/Files/FilesLeftNav.js Executable file
View File

@@ -0,0 +1,123 @@
import React from 'react';
import {
Nav,
NavItem,
NavLink,
Badge
} from './../../../components';
const FilesLeftNav = () => (
<React.Fragment>
{ /* START Left Nav */}
<div className="mb-4">
<Nav pills vertical>
<NavItem>
<NavLink href="#" active>
<i className="fa fa-fw fa-history mr-2"></i>
Updates
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#">
<i className="fa fa-fw fa-files-o mr-2"></i>
Files
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#">
<i className="fa fa-fw fa-users mr-2"></i>
Team
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#">
<i className="fa fa-fw fa-image mr-2"></i>
Photos
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#">
<i className="fa fa-fw fa-link mr-2"></i>
Links
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#">
<i className="fa fa-fw fa-calendar-o mr-2"></i>
Events
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#">
<i className="fa fa-fw fa-trash mr-2"></i>
Deleted
</NavLink>
</NavItem>
</Nav>
</div>
{ /* END Left Nav */}
{ /* START Left Nav */}
<div className="mb-4">
<div className="small mb-3">
Tags
</div>
<Nav pills vertical>
<NavItem>
<NavLink href="#" className="d-flex">
<i className="fa fa-fw fa-circle text-primary align-self-center mr-2"></i>
Documents
<Badge color="secondary" pill className="ml-auto align-self-center">
12
</Badge>
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#" className="d-flex">
<i className="fa fa-fw fa-circle text-info align-self-center mr-2"></i>
Pictures
<Badge color="secondary" pill className="ml-auto align-self-center">
3
</Badge>
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#" className="d-flex">
<i className="fa fa-fw fa-circle text-success align-self-center mr-2"></i>
Videos
<Badge color="secondary" pill className="ml-auto align-self-center">
67
</Badge>
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#" className="d-flex">
<i className="fa fa-fw fa-circle text-warning align-self-center mr-2"></i>
Music
<Badge color="secondary" pill className="ml-auto align-self-center">
5
</Badge>
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#" className="d-flex">
<i className="fa fa-fw fa-circle text-danger align-self-center mr-2"></i>
Other
<Badge color="secondary" pill className="ml-auto align-self-center">
1
</Badge>
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#">
<i className="fa fa-fw fa-plus mr-2"></i>
Add New
</NavLink>
</NavItem>
</Nav>
</div>
{ /* END Left Nav */}
</React.Fragment>
)
export { FilesLeftNav };