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

262
app/routes/Dashboards/Financial/Financial.js Executable file
View File

@@ -0,0 +1,262 @@
import React from 'react';
import {
Container,
Row,
Card,
CardBody,
CustomInput,
CardDeck,
Table,
UncontrolledDropdown,
DropdownToggle,
DropdownMenu,
DropdownItem,
CardTitle,
ListGroup,
ListGroupItem,
Button,
Col
} from './../../../components';
import { setupPage } from './../../../components/Layout/setupPage';
import { HeaderMain } from "../../components/HeaderMain";
import {
TrTableInvoices
} from "../../components/Financial/TrTableInvoices"
import {
TinyDonutChartBig
} from "../../components/Financial/TinyDonutChartBig"
import {
StackedAreaChart
} from "../../components/Financial/StackedAreaChart"
import {
TrTableRecentFundings
} from "../../components/Financial/TrTableRecentFundings"
/*eslint-disable */
const progressCompletion = [
"25",
"50",
"75",
"97"
];
/*eslint-enable */
const Financial = () => (
<Container>
<Row className="mb-2">
<Col lg={ 12 }>
<HeaderMain
title="Financial"
className="mb-4 mb-lg-3"
/>
</Col>
</Row>
<Row>
<Col lg={ 12 }>
<div className="hr-text hr-text-center mt-4 mb-4">
<span>Your Cash</span>
</div>
</Col>
<Col lg={ 3 }>
<Card className="mb-3">
<CardBody>
<CardTitle tag="h6" className="mb-4">
Main Fundings
</CardTitle>
<div>
<div className="mb-3">
<h2>$ 188.00</h2>
</div>
<div>
<i className="fa fa-caret-down fa-fw text-danger"></i> $464.00
</div>
</div>
</CardBody>
</Card>
</Col>
<Col lg={ 3 }>
<Card className="mb-3">
<CardBody>
<CardTitle tag="h6" className="mb-4">
Invoices
</CardTitle>
<div>
<div className="mb-3">
<h2>$ 553.00</h2>
</div>
<div>
<i className="fa fa-caret-down fa-fw text-danger"></i> $994.00
</div>
</div>
</CardBody>
</Card>
</Col>
<Col lg={ 3 }>
<Card className="mb-3">
<CardBody>
<CardTitle tag="h6" className="mb-4">
Accounts Receivable
</CardTitle>
<div>
<div className="mb-3">
<h2>$ 451.00</h2>
</div>
<div>
<i className="fa fa-caret-up fa-fw text-success"></i> $938.00
</div>
</div>
</CardBody>
</Card>
</Col>
<Col lg={ 3 }>
<Card className="mb-3">
<CardBody>
<CardTitle tag="h6" className="mb-4">
Accounts Receivable
</CardTitle>
<div>
<div className="mb-3">
<h2>$ 194.00</h2>
</div>
<div>
<i className="fa fa-caret-up fa-fw text-success"></i> $519.00
</div>
</div>
</CardBody>
</Card>
</Col>
<Col lg={ 12 }>
<CardDeck>
<Card className="mb-3">
<CardBody>
<CardTitle className="mb-4 d-flex">
<h6>Money Map</h6>
<UncontrolledDropdown className="ml-auto">
<DropdownToggle color="link" size="sm" caret className="pt-0">
Last Month
</DropdownToggle>
<DropdownMenu right>
<DropdownItem header>Select Date</DropdownItem>
<DropdownItem active>Last Month</DropdownItem>
<DropdownItem>Last 12 Months</DropdownItem>
<DropdownItem divider />
<DropdownItem>Custom...</DropdownItem>
</DropdownMenu>
</UncontrolledDropdown>
</CardTitle>
<div className="d-flex justify-content-center">
<TinyDonutChartBig />
</div>
</CardBody>
</Card>
<Card className="mb-3">
<CardBody>
<CardTitle className="mb-1 d-flex">
<h6>Recent Fundings</h6>
<Button color="link" size="sm" className="pt-0 ml-auto">
View All <i className="fa fa-angle-right"></i>
</Button>
</CardTitle>
</CardBody>
<Table responsive striped className="mb-0">
<thead>
<tr>
<th className="bt-0">Company</th>
<th className="bt-0">Amount</th>
<th className="bt-0">Date</th>
<th className="bt-0 text-right">Action</th>
</tr>
</thead>
<tbody>
<TrTableRecentFundings />
</tbody>
</Table>
</Card>
</CardDeck>
<Card className="mb-3">
<CardBody>
<CardTitle className="mb-1 d-flex">
<h6>Invoices</h6>
<Button color="link" size="sm" className="pt-0 ml-auto">
View All <i className="fa fa-angle-right"></i>
</Button>
</CardTitle>
</CardBody>
<Table responsive striped className="mb-0">
<thead>
<tr>
<th className="bt-0">Company</th>
<th className="bt-0">Amount</th>
<th className="bt-0">Date</th>
<th className="bt-0">Contact</th>
<th className="bt-0">Email</th>
<th className="bt-0 text-right">Action</th>
</tr>
</thead>
<tbody>
<TrTableInvoices />
</tbody>
</Table>
</Card>
</Col>
<Col lg={ 8 }>
<Card className="mb-3">
<CardBody>
<CardTitle className="mb-4 d-flex">
<h6>Account Performance</h6>
</CardTitle>
<div className="d-flex justify-content-center">
<StackedAreaChart />
</div>
</CardBody>
</Card>
</Col>
<Col lg={ 4 }>
<Card className="mb-3">
<CardBody>
<CardTitle className="mb-1">
<h6 className="mb-0">Settings</h6>
</CardTitle>
</CardBody>
<ListGroup flush>
<ListGroupItem className="d-flex">
<span>My Cash</span>
<CustomInput type="switch" id="exampleCustomSwitch" name="customSwitch" label="" className="ml-auto" />
</ListGroupItem>
<ListGroupItem className="d-flex">
<span>My Cap</span>
<CustomInput type="switch" id="exampleCustomSwitch1" name="customSwitch" label="" className="ml-auto" defaultChecked />
</ListGroupItem>
<ListGroupItem className="d-flex">
<span>Client List</span>
<CustomInput type="switch" id="exampleCustomSwitch2" name="customSwitch" label="" className="ml-auto" defaultChecked />
</ListGroupItem>
<ListGroupItem className="d-flex">
<span>Recent Fundings</span>
<CustomInput type="switch" id="exampleCustomSwitch3" name="customSwitch" label="" className="ml-auto" />
</ListGroupItem>
<ListGroupItem className="d-flex">
<span>Invoice Creator</span>
<CustomInput type="switch" id="exampleCustomSwitch4" name="customSwitch" label="" className="ml-auto" />
</ListGroupItem>
<ListGroupItem className="d-flex">
<span>Sales Lead</span>
<CustomInput type="switch" id="exampleCustomSwitch5" name="customSwitch" label="" className="ml-auto" defaultChecked />
</ListGroupItem>
<ListGroupItem className="d-flex">
<span>Q&A</span>
<CustomInput type="switch" id="exampleCustomSwitch6" name="customSwitch" label="" className="ml-auto" defaultChecked />
</ListGroupItem>
</ListGroup>
</Card>
</Col>
</Row>
</Container>
);
export default setupPage({
pageTitle: 'Financial'
})(Financial);

3
app/routes/Dashboards/Financial/index.js Executable file
View File

@@ -0,0 +1,3 @@
import Financial from './Financial';
export default Financial;