nouffer/FBSAdminTool
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update empty dashboard

Browse Source
This commit is contained in:
Mohamed Nouffer
2021-07-12 09:54:25 +05:30
parent 45507c7451
commit f686c8cffb
3 changed files with 2 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/containers/_nav.js
View File

@ -15,7 +15,7 @@ const _nav = [{
{
_tag: 'CSidebarNavItem',
name: 'Download reports',
to: '/boxdisplacement',
to: '/reports',
icon: 'cil-drop',
},
// {

12
src/routes.js
View File

@ -2,22 +2,12 @@ import React from 'react';
const Dashboard = React.lazy(() => import('./views/dashboard/Dashboard'));
const BoxDisplacemen = React.lazy(() => import('./views/BoxDisplacemen/index'));
const CheckSheet = React.lazy(() => import('./views/CheckSheet/index'));
const Injection = React.lazy(() => import('./views/Injection/index'));
const MachineControl = React.lazy(() => import('./views/MachineControl/index'));
const Measurement = React.lazy(() => import('./views/Measurement/index'));
const MachineSheet = React.lazy(() => import('./views/MachineSheet/index'));
const routes = [
{ path: '/', exact: true, name: 'Home' },
{ path: '/dashboard', name: 'Dashboard', component: Dashboard },
{ path: '/boxdisplacement', exact: true, name: 'Box Displacemen', component: BoxDisplacemen },
{ path: '/checksheet', exact: true, name: 'Check Sheet', component: CheckSheet },
{ path: '/injection', exact: true, name: 'Injection', component: Injection },
{ path: '/machinecontrol', exact: true, name: 'Machine Control', component: MachineControl },
{ path: '/measurement', exact: true, name: 'Measurement', component: Measurement },
{ path: '/machinesheet', exact: true, name: 'Machine Sheet', component: MachineSheet },
{ path: '/reports', exact: true, name: 'Reports', component: BoxDisplacemen },
];
export default routes;

103
src/views/dashboard/Dashboard.js
View File

@ -1,112 +1,9 @@
import React, { lazy } from 'react'
import {
CBadge,
CButton,
CButtonGroup,
CCard,
CCardBody,
CCardFooter,
CCardHeader,
CCol,
CProgress,
CRow,
CCallout
} from '@coreui/react'
import CIcon from '@coreui/icons-react'
import MainChartExample from '../charts/MainChartExample.js'
const WidgetsDropdown = lazy(() => import('../widgets/WidgetsDropdown.js'))
const WidgetsBrand = lazy(() => import('../widgets/WidgetsBrand.js'))
const Dashboard = () => {
return (
<>
<WidgetsDropdown />
<CCard>
<CCardBody>
<CRow>
<CCol sm="5">
<h4 id="traffic" className="card-title mb-0">Traffic</h4>
<div className="small text-muted">November 2017</div>
</CCol>
<CCol sm="7" className="d-none d-md-block">
<CButton color="primary" className="float-right">
<CIcon name="cil-cloud-download"/>
</CButton>
<CButtonGroup className="float-right mr-3">
{
['Day', 'Month', 'Year'].map(value => (
<CButton
color="outline-secondary"
key={value}
className="mx-0"
active={value === 'Month'}
>
{value}
</CButton>
))
}
</CButtonGroup>
</CCol>
</CRow>
<MainChartExample style={{height: '300px', marginTop: '40px'}}/>
</CCardBody>
<CCardFooter>
<CRow className="text-center">
<CCol md sm="12" className="mb-sm-2 mb-0">
<div className="text-muted">Visits</div>
<strong>29.703 Users (40%)</strong>
<CProgress
className="progress-xs mt-2"
precision={1}
color="success"
value={40}
/>
</CCol>
<CCol md sm="12" className="mb-sm-2 mb-0 d-md-down-none">
<div className="text-muted">Unique</div>
<strong>24.093 Users (20%)</strong>
<CProgress
className="progress-xs mt-2"
precision={1}
color="info"
value={40}
/>
</CCol>
<CCol md sm="12" className="mb-sm-2 mb-0">
<div className="text-muted">Pageviews</div>
<strong>78.706 Views (60%)</strong>
<CProgress
className="progress-xs mt-2"
precision={1}
color="warning"
value={40}
/>
</CCol>
<CCol md sm="12" className="mb-sm-2 mb-0">
<div className="text-muted">New Users</div>
<strong>22.123 Users (80%)</strong>
<CProgress
className="progress-xs mt-2"
precision={1}
color="danger"
value={40}
/>
</CCol>
<CCol md sm="12" className="mb-sm-2 mb-0 d-md-down-none">
<div className="text-muted">Bounce Rate</div>
<strong>Average Rate (40.15%)</strong>
<CProgress
className="progress-xs mt-2"
precision={1}
value={40}
/>
</CCol>
</CRow>
</CCardFooter>
</CCard>
</>
)