Ahmad.zuhdi.y/bukopin-redemption-client-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Rifqy Zacky Ariadhy
2019-01-02 18:39:53 +07:00
commit 1a000700e6
781 changed files with 95892 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/common/pages/Report/index.js Normal file
View File

@@ -0,0 +1,62 @@
import React from 'react';
import {observer, inject} from 'mobx-react';
import EmptyState from './../EmptyState';
import {Row, Col, Card, Icon} from 'antd';
import {Link} from 'react-router-dom';
import {LINKS} from './../../routes';
import './style.scss';
@inject('appstate')
@observer
export default class Reports extends React.Component {
constructor(props) {
super(props);
this.props = props;
this.state = {};
this.defaultState = Object.assign({}, this.state);
}
componentDidMount() {
}
render() {
return (
<div className="reports">
{/*<EmptyState message="You dont have any purchased service yet!"></EmptyState>*/}
<h3 style={{marginBottom: 15,fontWeight: 300, color: "#326777"}}>Project Reports</h3>
<Row style={{marginBottom: 20}} gutter={24}>
<Col xs={24} sm={8} lg={8}>
<Card style={{backgroundColor: "#f6f8f9"}} className="ant-card--grey">
<figure className="wallet"></figure>
<h3>Average Age Report</h3>
</Card>
</Col>
<Col xs={24} sm={8} lg={8}>
<Card style={{backgroundColor: "#f6f8f9"}} className="ant-card--grey">
<figure className="aff"></figure>
<h3>List All Issues</h3>
</Card>
</Col>
<Col xs={24} sm={8} lg={8}>
<Card style={{backgroundColor: "#f6f8f9"}} className="ant-card--grey">
<figure className="stop"></figure>
<h3>Time Issues Report</h3>
</Card>
</Col>
</Row>
<Row style={{marginBottom: 20}} gutter={24}>
<Col xs={24} sm={8} lg={8}>
<Card style={{backgroundColor: "#f6f8f9"}} className="ant-card--grey">
<figure className="desktop"></figure>
<h3>Gantt Chart</h3>
</Card>
</Col>
</Row>
</div>
)
}
}

128
src/common/pages/Report/style.scss Normal file
View File

@@ -0,0 +1,128 @@
.reports {
.ant-card--grey .ant-card-head {
background-color: #f6f8f9;
}
.ant-card--grey p {
margin-top: 8px;
}
.ant-card--grey p,
.ant-card--grey .ant-card-body{
color: #000;
}
.ant-card--grey .ant-card-head,
.ant-card--grey .ant-card-body {
text-align: center;
}
.ant-card--grey .ant-card-body {
padding: 8px 24px 24px 24px;
}
.ant-card--grey img {
width: 75px;
height: 95px;
margin: auto;
}
.ant-card--grey img.api {
width: 100px;
}
.aff {
background-image: url("/assets/images/services/Files.svg");
background-size: cover;
height:100px;
background-position: 50%;
}
.con {
background-image: url("/assets/images/services/Contacts.svg");
background-size: cover;
height:100px;
background-position: 50%;
}
.stop {
background-image: url("/assets/images/services/stop.svg");
background-size: cover;
height:100px;
background-position: 50%;
}
.owner {
background-image: url("/assets/images/services/Mobile.svg");
background-size: cover;
height:100px;
background-position: 50%;
}
.symbol {
background-image: url("/assets/images/services/symbol.svg");
background-size: cover;
height:100px;
background-position: 50%;
}
.wallet {
background-image: url("/assets/images/services/Payments.svg");
background-size: cover;
height:100px;
background-position: 50%;
}
.affiliate {
background-image: url("/assets/images/services/calculator.svg");
background-size: cover;
height:100px;
background-position: 50%;
}
.signal {
background-image: url("/assets/images/services/signal.svg");
background-size: cover;
height:100px;
background-position: 50%;
}
.email {
background-image: url("/assets/images/services/email-blaster.svg");
background-size: cover;
height:100px;
background-position: 50%;
}
.operation {
background-image: url("/assets/images/services/operation.svg");
background-size: cover;
height:100px;
background-position: 50%;
}
.desktop {
background-image: url("/assets/images/services/desktop.svg");
background-size: contain;
background-repeat: no-repeat;
height:100px;
background-position: 50%;
}
.adjustment {
background-image: url("/assets/images/services/adjustment.svg");
background-size: contain;
background-repeat: no-repeat;
height:100px;
background-position: 50%;
}
.config {
background-image: url("/assets/images/services/config.svg");
background-size: cover;
height:100px;
background-position: 50%;
}
}