update empty dashboard
This commit is contained in:
@ -15,7 +15,7 @@ const _nav = [{
|
|||||||
{
|
{
|
||||||
_tag: 'CSidebarNavItem',
|
_tag: 'CSidebarNavItem',
|
||||||
name: 'Download reports',
|
name: 'Download reports',
|
||||||
to: '/boxdisplacement',
|
to: '/reports',
|
||||||
icon: 'cil-drop',
|
icon: 'cil-drop',
|
||||||
},
|
},
|
||||||
// {
|
// {
|
||||||
|
|||||||
@ -2,22 +2,12 @@ import React from 'react';
|
|||||||
|
|
||||||
const Dashboard = React.lazy(() => import('./views/dashboard/Dashboard'));
|
const Dashboard = React.lazy(() => import('./views/dashboard/Dashboard'));
|
||||||
const BoxDisplacemen = React.lazy(() => import('./views/BoxDisplacemen/index'));
|
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 = [
|
const routes = [
|
||||||
{ path: '/', exact: true, name: 'Home' },
|
{ path: '/', exact: true, name: 'Home' },
|
||||||
{ path: '/dashboard', name: 'Dashboard', component: Dashboard },
|
{ path: '/dashboard', name: 'Dashboard', component: Dashboard },
|
||||||
{ path: '/boxdisplacement', exact: true, name: 'Box Displacemen', component: BoxDisplacemen },
|
{ path: '/reports', exact: true, name: 'Reports', 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 },
|
|
||||||
];
|
];
|
||||||
|
|
||||||
export default routes;
|
export default routes;
|
||||||
|
|||||||
@ -1,112 +1,9 @@
|
|||||||
import React, { lazy } from 'react'
|
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 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 = () => {
|
const Dashboard = () => {
|
||||||
return (
|
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>
|
|
||||||
|
|
||||||
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user