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

93
app/routes/components/Stock/TrTableStock.js Executable file
View File

@@ -0,0 +1,93 @@
import React from 'react';
import _ from 'lodash';
import { randomArray } from './../../../utilities';
const name = [
<React.Fragment key="name-1">
<span className="text-inverse">Caterpillar</span> <small>(CAT)</small>
</React.Fragment>,
<React.Fragment key="name-2">
<span className="text-inverse">Google</span> <small>(GOOGL)</small>
</React.Fragment>,
<React.Fragment key="name-3">
<span className="text-inverse">Microsoft</span> <small>(MSFT)</small>
</React.Fragment>,
<React.Fragment key="name-4">
<span className="text-inverse">Apple</span> <small>(AAPL)</small>
</React.Fragment>,
<React.Fragment key="name-5">
<span className="text-inverse">Samsung Electronics</span> <small>(0593xq)</small>
</React.Fragment>
];
const percentForPrice = [
"34.18",
"21.34",
"19.12",
"67.82"
];
const score = [
"87",
"11",
"12"
];
const q = [
"35",
"98",
"56"
];
const v = [
"17",
"38",
"23"
];
const g = [
"45",
"15",
"16"
];
const price = [
<React.Fragment key="price1">
<span className="text-success">
<i className="fa fa-caret-up mr-1"></i> { randomArray(percentForPrice) }%
</span>
</React.Fragment>,
<React.Fragment key="price2">
<span className="text-danger">
<i className="fa fa-caret-down mr-1"></i> { randomArray(percentForPrice) }%
</span>
</React.Fragment>
];
const TrTableStock = () => {
return (
<React.Fragment>
{
_.times(5, (index) => (
<tr key={ index }>
<td className="align-middle">
{ randomArray(name) }
</td>
<td className="align-middle text-right text-nowrap">
{ randomArray(price) }
</td>
<td className="align-middle text-right">
{ randomArray(score) }
</td>
<td className="align-middle text-right">
{ randomArray(q) }
</td>
<td className="align-middle text-right">
{ randomArray(v) }
</td>
<td className="align-middle text-right">
{ randomArray(g) }
</td>
</tr>
))
}
</React.Fragment>)
}
export { TrTableStock };