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

130
app/routes/Pages/Timeline/Timeline.js Executable file
View File

@@ -0,0 +1,130 @@
import React from 'react';
import { Link } from 'react-router-dom';
import {
Card,
CardBody,
CardTitle,
Container,
ListGroup,
ListGroupItem,
Row,
Col,
CustomInput,
Button,
Label
} from './../../../components';
import { HeaderMain } from "../../components/HeaderMain";
import { HeaderAuth } from "../../components/Pages/HeaderAuth";
import { FooterAuth } from "../../components/Pages/FooterAuth";
import {
TimelineMini
} from "../../components/Timeline/TimelineMini";
import {
TimelineDefault
} from "../../components/Timeline/TimelineDefault";
const Timeline = () => (
<React.Fragment>
<Container>
<HeaderMain
title="Timeline"
className="mb-5 mt-4"
/>
<Row>
<Col lg={ 8 }>
<TimelineDefault
showPillDate
pillDate="Today"
smallIconColor="danger"
iconCircleColor="danger"
iconCircle="exclamation"
/>
<TimelineDefault
showPillDate
pillDate="Yesterday"
smallIconColor="info"
iconCircleColor="info"
iconCircle="comment"
/>
<TimelineDefault
showPillDate
pillDate="2 Days ago"
smallIconColor="primary"
iconCircleColor="primary"
iconCircle="envelope"
/>
<TimelineDefault
showPillDate
pillDate="3 Months ago"
smallIconColor="warning"
iconCircleColor="warning"
iconCircle="clock-o"
/>
<TimelineDefault
showPillDate
pillDate="Year ago"
smallIconColor="success"
iconCircleColor="success"
iconCircle="check"
/>
<TimelineDefault
iconCircle="close"
/>
</Col>
<Col lg={ 4 }>
{ /* START Card Widget */}
<Card className="mb-3">
<CardBody>
<CardTitle tag="h6">
Timeline Mini
</CardTitle>
<TimelineMini
showPillDate
pillDate="2 Days ago"
icon="times-circle"
iconClassName="text-danger"
badgeTitle="Alert"
badgeColor="danger"
/>
<TimelineMini
icon="question-circle"
iconClassName="text-warning"
badgeTitle="Warning"
badgeColor="warning"
/>
<TimelineMini
icon="info-circle"
iconClassName="text-info"
badgeTitle="Info"
badgeColor="info"
/>
<TimelineMini
showPillDate
pillDate="Yesterday"
icon="plus-circle"
iconClassName="text-primary"
badgeTitle="Message"
badgeColor="primary"
/>
<TimelineMini
icon="check-circle"
iconClassName="text-success"
badgeTitle="Success"
badgeColor="success"
/>
<TimelineMini
icon="circle"
badgeTitle="Obsolete"
/>
</CardBody>
</Card>
{ /* END Card Widget */}
</Col>
</Row>
</Container>
</React.Fragment>
);
export default Timeline;

3
app/routes/Pages/Timeline/index.js Executable file
View File

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