Blog/Airframe-React
Template
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Init

Browse Source 
Preview: http://dashboards.webkom.co/react/airframe
This commit is contained in:
Tomasz Owczarczyk
2019-08-15 00:54:44 +02:00
parent f975443095
commit 37092d1d6c
626 changed files with 56691 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
app/routes/Dashboards/System/System.js Executable file
View File

@@ -0,0 +1,114 @@
import React from 'react';
import faker from 'faker/locale/en_US';
import {
Container,
Row,
Table,
Col
} from './../../../components';
import { HeaderMain } from "../../components/HeaderMain";
import {
CardSystem
} from "./components/CardSystem"
import {
TrSystem
} from "./components/trSystem"
const TrColors = [
{
fill: "primary-02",
stroke: "primary"
},
{
fill: "purple-02",
stroke: "purple"
},
{
fill: "success-02",
stroke: "success"
},
{
fill: "yellow-02",
stroke: "yellow"
}
]
const System = () => (
<Container>
<Row className="mb-5">
<Col lg={ 12 }>
<HeaderMain
title="System"
className="mb-4 mb-lg-5"
/>
</Col>
<Col lg={ 3 } md={ 6 }>
<CardSystem
title="Memory"
badgeColor="primary"
pieColor="primary"
/>
</Col>
<Col lg={ 3 } md={ 6 }>
<CardSystem
title="CPU"
unit="Mb"
badgeColor="purple"
pieColor="purple"
/>
</Col>
<Col lg={ 3 } md={ 6 }>
<CardSystem
title="Traffic"
unit="Kb"
badgeColor="success"
pieColor="success"
/>
</Col>
<Col lg={ 3 } md={ 6 }>
<CardSystem
title="Disk I/O"
unit="Kb"
pieColor="yellow"
/>
</Col>
<Col lg={ 12 }>
<h6 className="mt-5">Processes</h6>
<p className="pb-3">
{ faker.lorem.paragraphs() }
</p>
<Table responsive>
<thead>
<tr>
<th>Name</th>
<th>Memory</th>
<th>CPU</th>
<th>Traffic</th>
<th>Disk I/O</th>
</tr>
</thead>
<tbody>
<TrSystem
colors={TrColors}
/>
<TrSystem
colors={TrColors}
/>
<TrSystem
colors={TrColors}
/>
<TrSystem
colors={TrColors}
/>
<TrSystem
colors={TrColors}
/>
</tbody>
</Table>
</Col>
</Row>
</Container>
);
export default System;