gitadmin/admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Dashboard.js, README.md

Browse Source
This commit is contained in:
xidedix 2018-03-14 14:29:17 +01:00
parent de8d1a85a2
commit 77f8096978
2 changed files with 21 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
README.md
View File

@ -15,7 +15,8 @@ CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of
* [Versions](#versions)
* [CoreUI Pro](#coreui-pro)
* [Installation](#installation)
* [Usage](#usage)
* [Create React App](#create-react-app)
* [Usage](#basic-usage)
* [What's included](#whats-included)
* [Documentation](#documentation)
* [Contributing](#contributing)
@ -85,19 +86,19 @@ Within the download you'll find the following directories and files, logically g
```
CoreUI-React#v2.0.0
├── public/ (static files)
│ ├── assets/ (assets)
│ └── index.html (html temlpate)
├── public/ #static files
│ ├── assets/ #assets
│ └── index.html #html temlpate
│
├── src/ (project root)
│ ├── containers/ (container source)
│ ├── scss/ (scss/css source)
│ ├── views/ (views source)
├── src/ #project root
│ ├── containers/ #container source
│ ├── scss/ #user scss/css source
│ ├── views/ #views source
│ ├── App.js
│ ├── App.test.js
│ ├── index.js
│ ├── _nav.js (sidebar config)
│ └── routes.js (routes config)
│ ├── _nav.js #sidebar config
│ └── routes.js #routes config
│
└── package.json
```
@ -121,12 +122,10 @@ See [the Releases section of our project](https://github.com/mrholek/CoreUI-Reac
## Creators
**Łukasz Holeczek**
* <https://twitter.com/lukaszholeczek>
* <https://github.com/mrholek>
**Andrzej Kopański**
* <https://github.com/xidedix>
## Community

24
src/views/Dashboard/Dashboard.js
View File

@ -336,11 +336,11 @@ const sparklineChartOpts = {
// convert Hex to RGBA
function convertHex(hex, opacity) {
hex = hex.replace('#', '');
var r = parseInt(hex.substring(0, 2), 16);
var g = parseInt(hex.substring(2, 4), 16);
var b = parseInt(hex.substring(4, 6), 16);
const r = parseInt(hex.substring(0, 2), 16);
const g = parseInt(hex.substring(2, 4), 16);
const b = parseInt(hex.substring(4, 6), 16);
var result = 'rgba(' + r + ',' + g + ',' + b + ',' + opacity / 100 + ')';
const result = 'rgba(' + r + ',' + g + ',' + b + ',' + opacity / 100 + ')';
return result;
}
@ -349,12 +349,12 @@ function random(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
}
var elements = 27;
const elements = 27;
var data1 = [];
var data2 = [];
var data3 = [];
for (var i = 0; i <= elements; i++) {
for (let i = 0; i <= elements; i++) {
data1.push(random(50, 200));
data2.push(random(80, 100));
data3.push(65);
@ -457,8 +457,7 @@ class Dashboard extends Component {
<Card className="text-white bg-primary">
<CardBody className="pb-0">
<ButtonGroup className="float-right">
<ButtonDropdown id='card1' isOpen={this.state.card1}
toggle={() => { this.setState({ card1: !this.state.card1 }); }}>
<ButtonDropdown id='card1' isOpen={this.state.card1} toggle={() => { this.setState({ card1: !this.state.card1 }); }}>
<DropdownToggle caret className="p-0" color="transparent">
<i className="icon-settings"></i>
</DropdownToggle>
@ -483,8 +482,7 @@ class Dashboard extends Component {
<Card className="text-white bg-info">
<CardBody className="pb-0">
<ButtonGroup className="float-right">
<Dropdown id='card2' isOpen={this.state.card2}
toggle={() => { this.setState({ card2: !this.state.card2 }); }}>
<Dropdown id='card2' isOpen={this.state.card2} toggle={() => { this.setState({ card2: !this.state.card2 }); }}>
<DropdownToggle className="p-0" color="transparent">
<i className="icon-location-pin"></i>
</DropdownToggle>
@ -508,8 +506,7 @@ class Dashboard extends Component {
<Card className="text-white bg-warning">
<CardBody className="pb-0">
<ButtonGroup className="float-right">
<Dropdown id='card3' isOpen={this.state.card3}
toggle={() => { this.setState({ card3: !this.state.card3 }); }}>
<Dropdown id='card3' isOpen={this.state.card3} toggle={() => { this.setState({ card3: !this.state.card3 }); }}>
<DropdownToggle caret className="p-0" color="transparent">
<i className="icon-settings"></i>
</DropdownToggle>
@ -533,8 +530,7 @@ class Dashboard extends Component {
<Card className="text-white bg-danger">
<CardBody className="pb-0">
<ButtonGroup className="float-right">
<ButtonDropdown id='card4' isOpen={this.state.card4}
toggle={() => { this.setState({ card4: !this.state.card4 }); }}>
<ButtonDropdown id='card4' isOpen={this.state.card4} toggle={() => { this.setState({ card4: !this.state.card4 }); }}>
<DropdownToggle caret className="p-0" color="transparent">
<i className="icon-settings"></i>
</DropdownToggle>