Init

Preview: http://dashboards.webkom.co/react/airframe
2019-08-15 00:54:44 +02:00
parent f975443095
commit 37092d1d6c
626 changed files with 56691 additions and 0 deletions
--- a/app/layout/components/DefaultSidebar.js
+++ b/app/layout/components/DefaultSidebar.js
@@ -0,0 +1,48 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+import {
+    Sidebar,
+    SidebarTrigger,
+} from './../../components';
+
+import { SidebarMiddleNav } from './SidebarMiddleNav';
+
+import { SidebarTopA } from '../../routes/components/Sidebar/SidebarTopA'
+import { SidebarBottomA } from '../../routes/components/Sidebar/SidebarBottomA'
+import { LogoThemed } from '../../routes/components/LogoThemed/LogoThemed';
+
+export const DefaultSidebar = () => (
+    <Sidebar>
+        { /* START SIDEBAR-OVERLAY: Close (x) */ }
+        <Sidebar.Close>
+            <SidebarTrigger tag={ 'a' } href="javascript:;">
+                <i className="fa fa-times-circle fa-fw"></i>
+            </SidebarTrigger>
+        </Sidebar.Close>
+        { /* START SIDEBAR-OVERLAY: Close (x) */ }
+        
+        { /* START SIDEBAR: Only for Desktop */ }
+        <Sidebar.HideSlim>
+            <Sidebar.Section>
+                <Link to="/" className="sidebar__brand">
+                    <LogoThemed checkBackground />
+                </Link>
+            </Sidebar.Section>
+        </Sidebar.HideSlim>
+        { /* END SIDEBAR: Only for Desktop */ }
+
+        { /* START SIDEBAR: Only for Mobile */ }
+        <Sidebar.MobileFluid>
+            <SidebarTopA />
+            
+            <Sidebar.Section fluid cover>
+                { /* SIDEBAR: Menu */ }
+                <SidebarMiddleNav />
+            </Sidebar.Section>
+
+            <SidebarBottomA />
+        </Sidebar.MobileFluid>
+        { /* END SIDEBAR: Only for Mobile */ }
+    </Sidebar>
+);