commit
3f7db418a5
@ -1,5 +1,5 @@
|
||||
import React, { Component } from 'react';
|
||||
import { Button, Card, CardBody, CardFooter, CardHeader, Col, Collapse, Fade, Row } from 'reactstrap';
|
||||
import { Badge, Button, Card, CardBody, CardFooter, CardHeader, Col, Collapse, Fade, Row } from 'reactstrap';
|
||||
|
||||
class Collapses extends Component {
|
||||
|
||||
@ -130,6 +130,9 @@ class Collapses extends Component {
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<i className="fa fa-align-justify"></i> Collapse <small>accordion</small>
|
||||
<div className="card-header-actions">
|
||||
<Badge>NEW</Badge>
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardBody>
|
||||
<div id="accordion">
|
||||
@ -187,6 +190,9 @@ class Collapses extends Component {
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<i className="fa fa-align-justify"></i> Collapse <small>custom accordion</small>
|
||||
<div className="card-header-actions">
|
||||
<Badge>NEW</Badge>
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardBody>
|
||||
<div id="exampleAccordion" data-children=".item">
|
||||
|
@ -172,6 +172,9 @@ class ListGroups extends Component {
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<i className="fa fa-align-justify"></i><strong>List Group</strong> <small>with TabPanes</small>
|
||||
<div className="card-header-actions">
|
||||
<Badge>NEW</Badge>
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardBody>
|
||||
<Row>
|
||||
|
@ -890,135 +890,6 @@ class Dashboard extends Component {
|
||||
</div>
|
||||
</ul>
|
||||
</Col>
|
||||
{/*<Col xs="12" xl="4">*/}
|
||||
{/*<Row>*/}
|
||||
{/*<Col sm="6">*/}
|
||||
{/*<div className="callout">*/}
|
||||
{/*<small className="text-muted">CTR</small>*/}
|
||||
{/*<br />*/}
|
||||
{/*<strong className="h4">23%</strong>*/}
|
||||
{/*<div className="chart-wrapper">*/}
|
||||
{/*<Line data={makeSparkLineData(4)} options={sparklineChartOpts} width={100} height={30} />*/}
|
||||
{/*</div>*/}
|
||||
{/*</div>*/}
|
||||
{/*</Col>*/}
|
||||
{/*<Col sm="6">*/}
|
||||
{/*<div className="callout callout-primary">*/}
|
||||
{/*<small className="text-muted">Bounce Rate</small>*/}
|
||||
{/*<br />*/}
|
||||
{/*<strong className="h4">5%</strong>*/}
|
||||
{/*<div className="chart-wrapper">*/}
|
||||
{/*<Line data={makeSparkLineData(5, brandPrimary)} options={sparklineChartOpts} width={100} height={30} />*/}
|
||||
{/*</div>*/}
|
||||
{/*</div>*/}
|
||||
{/*</Col>*/}
|
||||
{/*</Row>*/}
|
||||
{/*<hr className="mt-0" />*/}
|
||||
{/*<ul className="icons-list">*/}
|
||||
{/*<li>*/}
|
||||
{/*<i className="icon-screen-desktop bg-primary"></i>*/}
|
||||
{/*<div className="desc">*/}
|
||||
{/*<div className="title">iMac 4k</div>*/}
|
||||
{/*<small>Lorem ipsum dolor sit amet</small>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="value">*/}
|
||||
{/*<div className="small text-muted">Sold this week</div>*/}
|
||||
{/*<strong>1.924</strong>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="actions">*/}
|
||||
{/*<Button color="link" className="text-muted"><i className="icon-settings"></i></Button>*/}
|
||||
{/*</div>*/}
|
||||
{/*</li>*/}
|
||||
{/*<li>*/}
|
||||
{/*<i className="icon-screen-smartphone bg-info"></i>*/}
|
||||
{/*<div className="desc">*/}
|
||||
{/*<div className="title">Samsung Galaxy Edge</div>*/}
|
||||
{/*<small>Lorem ipsum dolor sit amet</small>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="value">*/}
|
||||
{/*<div className="small text-muted">Sold this week</div>*/}
|
||||
{/*<strong>1.224</strong>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="actions">*/}
|
||||
{/*<Button color="link" className="text-muted"><i className="icon-settings"></i></Button>*/}
|
||||
{/*</div>*/}
|
||||
{/*</li>*/}
|
||||
{/*<li>*/}
|
||||
{/*<i className="icon-screen-smartphone bg-warning"></i>*/}
|
||||
{/*<div className="desc">*/}
|
||||
{/*<div className="title">iPhone 6S</div>*/}
|
||||
{/*<small>Lorem ipsum dolor sit amet</small>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="value">*/}
|
||||
{/*<div className="small text-muted">Sold this week</div>*/}
|
||||
{/*<strong>1.163</strong>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="actions">*/}
|
||||
{/*<Button color="link" className="text-muted"><i className="icon-settings"></i></Button>*/}
|
||||
{/*</div>*/}
|
||||
{/*</li>*/}
|
||||
{/*<li>*/}
|
||||
{/*<i className="icon-user bg-danger"></i>*/}
|
||||
{/*<div className="desc">*/}
|
||||
{/*<div className="title">Premium accounts</div>*/}
|
||||
{/*<small>Lorem ipsum dolor sit amet</small>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="value">*/}
|
||||
{/*<div className="small text-muted">Sold this week</div>*/}
|
||||
{/*<strong>928</strong>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="actions">*/}
|
||||
{/*<Button color="link" className="text-muted"><i className="icon-settings"></i></Button>*/}
|
||||
{/*</div>*/}
|
||||
{/*</li>*/}
|
||||
{/*<li>*/}
|
||||
{/*<i className="icon-social-spotify bg-success"></i>*/}
|
||||
{/*<div className="desc">*/}
|
||||
{/*<div className="title">Spotify Subscriptions</div>*/}
|
||||
{/*<small>Lorem ipsum dolor sit amet</small>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="value">*/}
|
||||
{/*<div className="small text-muted">Sold this week</div>*/}
|
||||
{/*<strong>893</strong>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="actions">*/}
|
||||
{/*<Button color="link" className="text-muted"><i className="icon-settings"></i></Button>*/}
|
||||
{/*</div>*/}
|
||||
{/*</li>*/}
|
||||
{/*<li>*/}
|
||||
{/*<i className="icon-cloud-download bg-danger"></i>*/}
|
||||
{/*<div className="desc">*/}
|
||||
{/*<div className="title">Ebook</div>*/}
|
||||
{/*<small>Lorem ipsum dolor sit amet</small>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="value">*/}
|
||||
{/*<div className="small text-muted">Downloads</div>*/}
|
||||
{/*<strong>121.924</strong>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="actions">*/}
|
||||
{/*<Button color="link" className="text-muted"><i className="icon-settings"></i></Button>*/}
|
||||
{/*</div>*/}
|
||||
{/*</li>*/}
|
||||
{/*<li>*/}
|
||||
{/*<i className="icon-camera bg-warning"></i>*/}
|
||||
{/*<div className="desc">*/}
|
||||
{/*<div className="title">Photos</div>*/}
|
||||
{/*<small>Lorem ipsum dolor sit amet</small>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="value">*/}
|
||||
{/*<div className="small text-muted">Uploaded</div>*/}
|
||||
{/*<strong>12.125</strong>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="actions">*/}
|
||||
{/*<Button color="link" className="text-muted"><i className="icon-settings"></i></Button>*/}
|
||||
{/*</div>*/}
|
||||
{/*</li>*/}
|
||||
{/*<li className="divider text-center">*/}
|
||||
{/*<Button color="link" size="sm" className="text-muted" data-toggle="tooltip" data-placement="top" title="show more"><i*/}
|
||||
{/*className="icon-options"></i></Button>*/}
|
||||
{/*</li>*/}
|
||||
{/*</ul>*/}
|
||||
{/*</Col>*/}
|
||||
</Row>
|
||||
<br />
|
||||
<Table hover responsive className="table-outline mb-0 d-none d-sm-table">
|
||||
|
Loading…
Reference in New Issue
Block a user