initial FBS admin

2021-07-12 09:41:26 +05:30
commit a64f3fdeaf
64 changed files with 2582 additions and 0 deletions
--- a/src/containers/TheHeaderDropdownTasks.js
+++ b/src/containers/TheHeaderDropdownTasks.js
@ -0,0 +1,59 @@
+import React from 'react'
+import {
+  CBadge,
+  CDropdown,
+  CDropdownItem,
+  CDropdownMenu,
+  CDropdownToggle,
+  CProgress
+} from '@coreui/react'
+import CIcon from '@coreui/icons-react'
+
+const TheHeaderDropdownTasks = () => {
+  const itemsCount = 5
+  return (
+    <CDropdown
+      inNav
+      className="c-header-nav-item mx-2"
+    >
+      <CDropdownToggle className="c-header-nav-link" caret={false}>
+        <CIcon name="cil-list" />
+        <CBadge shape="pill" color="warning">{itemsCount}</CBadge>
+      </CDropdownToggle>
+      <CDropdownMenu placement="bottom-end" className="pt-0">
+        <CDropdownItem
+          header
+          tag="div"
+          className="text-center"
+          color="light"
+        >
+          <strong>You have {itemsCount} pending tasks</strong>
+        </CDropdownItem>
+        <CDropdownItem className="d-block">
+          <div className="small mb-1">Upgrade NPM &amp; Bower <span
+            className="float-right"><strong>0%</strong></span></div>
+          <CProgress size="xs" color="info" value={0} />
+        </CDropdownItem>
+        <CDropdownItem className="d-block">
+          <div className="small mb-1">ReactJS Version <span className="float-right"><strong>25%</strong></span></div>
+          <CProgress size="xs" color="danger" value={25} />
+        </CDropdownItem>
+        <CDropdownItem className="d-block">
+          <div className="small mb-1">VueJS Version <span className="float-right"><strong>50%</strong></span></div>
+          <CProgress size="xs" color="warning" value={50} />
+        </CDropdownItem>
+        <CDropdownItem className="d-block">
+          <div className="small mb-1">Add new layouts <span className="float-right"><strong>75%</strong></span></div>
+          <CProgress size="xs" color="info" value={75} />
+        </CDropdownItem>
+        <CDropdownItem className="d-block">
+          <div className="small mb-1">Angular 2 Cli Version <span className="float-right"><strong>100%</strong></span></div>
+          <CProgress size="xs" color="success" value={100} />
+        </CDropdownItem>
+        <CDropdownItem className="text-center border-top"><strong>View all tasks</strong></CDropdownItem>
+      </CDropdownMenu>
+    </CDropdown>
+  )
+}
+
+export default TheHeaderDropdownTasks