Tomasz Owczarczyk
158
app/routes/components/Navbars/NavbarNavigation.js
Executable file
158
app/routes/components/Navbars/NavbarNavigation.js
Executable file
@@ -0,0 +1,158 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { NavLink as Link } from 'react-router-dom';
|
||||
import classNames from 'classnames';
|
||||
|
||||
import {
|
||||
Nav,
|
||||
DropdownToggle,
|
||||
NavLink,
|
||||
UncontrolledDropdown,
|
||||
NavItem,
|
||||
DropdownMenu,
|
||||
DropdownItem,
|
||||
NestedDropdown
|
||||
} from './../../../components';
|
||||
|
||||
const NavbarNavigation = ({ accent, pills, ...navbarProps }) => (
|
||||
<Nav navbar accent={ accent } pills={ pills } { ...navbarProps }>
|
||||
<NavItem>
|
||||
<NavLink tag={ Link } to="/interface/navbars">
|
||||
<span className={ classNames({ 'mr-3': !(pills || accent) }) }>
|
||||
<i className="fa fa-fw fa-home d-none d-md-inline"></i>
|
||||
<span className="d-md-none">
|
||||
Home
|
||||
</span>
|
||||
</span>
|
||||
</NavLink>
|
||||
</NavItem>
|
||||
<UncontrolledDropdown nav inNavbar>
|
||||
<DropdownToggle nav>
|
||||
Dashboards
|
||||
<i className="fa fa-angle-down fa-fw ml-1"></i>
|
||||
</DropdownToggle>
|
||||
<DropdownMenu>
|
||||
<DropdownItem tag={ Link } to="/dashboards/analytics">Analytics</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/dashboards/projects">Projects</DropdownItem>
|
||||
</DropdownMenu>
|
||||
</UncontrolledDropdown>
|
||||
|
||||
<UncontrolledDropdown nav inNavbar>
|
||||
<DropdownToggle nav>
|
||||
Interface
|
||||
<i className="fa fa-angle-down fa-fw ml-1"></i>
|
||||
</DropdownToggle>
|
||||
<DropdownMenu>
|
||||
<DropdownItem tag={ Link } to="/interface/colors">Colors</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/typography">Typography</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/buttons">Buttons</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/paginations">Paginations</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/images">Images</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/avatars">Avatars</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/progressbars">Progress Bars</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/badgeslabels">Badges & Labels</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/mediaobjects">Media Objects</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/listgroups">List Groups</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/alerts">Alerts</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/accordions">Accordions</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/tabspills">Tabs Pills</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/tooltipspopovers">Tooltips Popovers</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/dropdowns">Dropdowns</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/dropdowns">Modals</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/breadcrumbs">Breadcrumbs</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/interface/navbars">Navbars</DropdownItem>
|
||||
</DropdownMenu>
|
||||
</UncontrolledDropdown>
|
||||
|
||||
<NestedDropdown nav inNavbar>
|
||||
<DropdownToggle nav>
|
||||
Apps
|
||||
<i className="fa fa-angle-down fa-fw ml-1"></i>
|
||||
</DropdownToggle>
|
||||
<DropdownMenu>
|
||||
<NestedDropdown.Submenu title="Projects">
|
||||
<DropdownItem tag={ Link } to="/apps/projects/list">Projects List</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/projects/grid">Projects Grid</DropdownItem>
|
||||
</NestedDropdown.Submenu>
|
||||
<NestedDropdown.Submenu title="Tasks">
|
||||
<DropdownItem tag={ Link } to="/apps/tasks/list">Tasks List</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/tasks/grid">Tasks Grid</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/tasks/kanban">Tasks Kanban</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/tasks/details">Task Details</DropdownItem>
|
||||
</NestedDropdown.Submenu>
|
||||
<NestedDropdown.Submenu title="Files">
|
||||
<DropdownItem tag={ Link } to="/apps/files/list">Files List</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/files/grid">Files Grid</DropdownItem>
|
||||
</NestedDropdown.Submenu>
|
||||
<NestedDropdown.Submenu title="Search Results">
|
||||
<DropdownItem tag={ Link } to="/apps/search-results">Search Results</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/images-results">Images Results</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/videos-results">Videos Results</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/users-results">Users Results</DropdownItem>
|
||||
</NestedDropdown.Submenu>
|
||||
<NestedDropdown.Submenu title="Users">
|
||||
<DropdownItem tag={ Link } to="/apps/users/list">Users List</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/users/grid">Users Grid</DropdownItem>
|
||||
</NestedDropdown.Submenu>
|
||||
<NestedDropdown.Submenu title="Gallery">
|
||||
<DropdownItem tag={ Link } to="/apps/gallery-grid">Gallery Grid</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/gallery-table">Gallery Table</DropdownItem>
|
||||
</NestedDropdown.Submenu>
|
||||
<NestedDropdown.Submenu title="Mailbox">
|
||||
<DropdownItem tag={ Link } to="/apps/inbox">Inbox</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/new-email">New Email</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/email-details">Email Details</DropdownItem>
|
||||
</NestedDropdown.Submenu>
|
||||
<NestedDropdown.Submenu title="Profile">
|
||||
<DropdownItem tag={ Link } to="/apps/profile-details">Profile Details</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/profile-edit">Profile Edit</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/account-edit">Account Edit</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/billing-edit">Billing Edit</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/settings-edit">Settings Edit</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/sessions-edit">Sessions Edit</DropdownItem>
|
||||
</NestedDropdown.Submenu>
|
||||
<DropdownItem tag={ Link } to="/apps/clients">Clients</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/apps/chat">Chat</DropdownItem>
|
||||
</DropdownMenu>
|
||||
</NestedDropdown>
|
||||
|
||||
<UncontrolledDropdown nav inNavbar>
|
||||
<DropdownToggle nav>
|
||||
Layouts
|
||||
<i className="fa fa-angle-down fa-fw ml-1"></i>
|
||||
</DropdownToggle>
|
||||
<DropdownMenu>
|
||||
<DropdownItem tag={ Link } to="/layouts/navbar">Navbar</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/layouts/sidebar">Sidebar</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/layouts/sidebar-with-navbar">Sidebar with Navbar</DropdownItem>
|
||||
</DropdownMenu>
|
||||
</UncontrolledDropdown>
|
||||
|
||||
<UncontrolledDropdown nav inNavbar>
|
||||
<DropdownToggle nav>
|
||||
<i className="fa fa-ellipsis-h fa-fw"></i>
|
||||
</DropdownToggle>
|
||||
<DropdownMenu>
|
||||
<DropdownItem header>Cards</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/cards/cards">Cards</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/cards/cardsheaders">Cards Headers</DropdownItem>
|
||||
<DropdownItem divider />
|
||||
<DropdownItem header>Layouts</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/layouts/navbar-only">Navbar Only</DropdownItem>
|
||||
<DropdownItem divider />
|
||||
<DropdownItem header>Other</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/tables/tables">Tables</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/icons">Icons</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/widgets">Widgets</DropdownItem>
|
||||
<DropdownItem tag={ Link } to="/graphs/re-charts">Re Charts</DropdownItem>
|
||||
</DropdownMenu>
|
||||
</UncontrolledDropdown>
|
||||
</Nav>
|
||||
);
|
||||
NavbarNavigation.propTypes = {
|
||||
pills: PropTypes.bool,
|
||||
accent: PropTypes.bool,
|
||||
};
|
||||
|
||||
|
||||
export { NavbarNavigation };
|
||||
Reference in New Issue
Block a user