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/routes/components/Sidebar/SidebarBottomA.js
+++ b/app/routes/components/Sidebar/SidebarBottomA.js
@@ -0,0 +1,59 @@
+import React from 'react';
+
+import {
+    Button,
+    Sidebar,
+    UncontrolledPopover,
+    PopoverBody
+} from './../../../components';
+
+import { FooterAuth } from '../Pages/FooterAuth';
+import { FooterText } from '../FooterText';
+import { VersionSelector } from '../VersionSelector';
+
+const SidebarBottomA = () => (
+    <React.Fragment>
+        { /* START Desktop */ }
+        <Sidebar.HideSlim>
+            <Sidebar.Section className="pb-0">
+                <VersionSelector sidebar dashboard="Airframe" />
+            </Sidebar.Section>
+            <Sidebar.Section>
+                <FooterAuth className="text-muted" />
+            </Sidebar.Section>
+        </Sidebar.HideSlim>
+        { /* END Desktop */ }
+
+        { /* START Slim Only */ }
+        <Sidebar.ShowSlim>
+            <Sidebar.Section className="text-center">
+                { /* Slim Version Selector */ }
+                <VersionSelector
+                    dashboard="Airframe"
+                    sidebar
+                    compact
+                    render={() => (
+                        <i className="fa fa-fw fa-toggle-on"></i>
+                    )}
+                />
+
+                { /* Footer Text as Tooltip */ }
+                <Button
+                    id="UncontrolledSidebarPopoverFooter"
+                    color="link"
+                    className="sidebar__link p-0 mt-3"
+                >
+                    <i className="fa fa-fw fa-question-circle-o"></i>
+                </Button>
+                <UncontrolledPopover placement="left-end" target="UncontrolledSidebarPopoverFooter">
+                    <PopoverBody>
+                        <FooterText />
+                    </PopoverBody>
+                </UncontrolledPopover>
+            </Sidebar.Section>
+        </Sidebar.ShowSlim>
+        { /* END Slim Only */ }
+    </React.Fragment>
+)
+
+export { SidebarBottomA };