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

47
app/routes/components/Tables/TrBorderless.js Executable file
View File

@@ -0,0 +1,47 @@
import React from 'react';
import faker from 'faker/locale/en_US';
import {
Badge,
UncontrolledTooltip
} from './../../../components';
const TrBorderless = () => (
<React.Fragment>
{ /* START TR */}
<tr>
<td className="align-middle">
<i className="fa fa-fw fa-check text-success"></i>
</td>
<td className="align-middle">
<samp>{ faker.random.number() }</samp>
</td>
<td className="align-middle">
{ faker.date.weekday() }, 12 { faker.date.month() }, 2018
</td>
<td className="align-middle text-inverse">
$ { faker.finance.amount() }
</td>
<td className="align-middle">
<Badge color="primary">
Premium
</Badge>
</td>
<td className="align-middle">
<i className="fa fa-fw fa-paypal text-primary mr-2"></i>
{ faker.internet.email() }
</td>
<td className="align-middle text-right">
<a href="#" id="UncontrolledTooltipDownload">
<i className="fa fa-fw fa-download text-primary"></i>
</a>
<UncontrolledTooltip placement="left" target="UncontrolledTooltipDownload">
Download
</UncontrolledTooltip>
</td>
</tr>
{ /* END TR */}
</React.Fragment>
)
export { TrBorderless };

69
app/routes/components/Tables/TrResponsive.js Executable file
View File

@@ -0,0 +1,69 @@
import React from 'react';
import faker from 'faker/locale/en_US';
import {
Media,
UncontrolledTooltip
} from './../../../components';
const TrResponsive = () => (
<React.Fragment>
{ /* START TR */}
<tr>
<td className="align-middle">
<i className="fa fa -fw fa-circle text-danger"></i>
</td>
<td className="align-middle">
<Media>
<Media left className="align-self-center mr-3">
<i className="fa fa-fw fa-desktop fa-lg"></i>
</Media>
<Media body>
<div className="mt-0 d-flex">
<span className="text-inverse">
Safari
</span> /
{ faker.system.semver() }
</div>
<span>
macOs { faker.system.semver() }
</span>
</Media>
</Media>
</td>
<td className="align-middle">
<div>
<samp>
{ faker.internet.ip() }
</samp>
</div>
<span>
-
</span>
</td>
<td className="align-middle">
<div>
{ faker.address.city() }
</div>
<span>
{ faker.address.state() }, { faker.address.country() }
</span>
</td>
<td className="align-middle">
{ faker.date.weekday() }, 12 { faker.date.month() }, 2018<br />
12:34 PM
</td>
<td className="align-middle text-right">
<a href="#" id="UncontrolledTooltipRevoke">
<i className="fa fa-fw fa-close text-danger"></i>
</a>
<UncontrolledTooltip placement="left" target="UncontrolledTooltipRevoke">
Revoke
</UncontrolledTooltip>
</td>
</tr>
{ /* END TR */}
</React.Fragment>
)
export { TrResponsive };