refractor: home module (#297)
* Refractor components. * Redesign home component. * Add comments. Fixes #296
This commit is contained in:
@@ -1,101 +1,7 @@
|
||||
<!-- <div class="fluid-container">
|
||||
<div class="container">
|
||||
<div class="row mt-5">
|
||||
<div class="col-sm-4">
|
||||
<div class="container">
|
||||
|
||||
<p>
|
||||
TODO: dashboard component.
|
||||
</p>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">Recent Activities </div>
|
||||
<div class="card-body">
|
||||
<div class="list-group">
|
||||
<a href="#" class="list-group-item list-group-item-action active">
|
||||
Cras justo odio
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action disabled">Morbi leo risus
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">
|
||||
Cras justo odio
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action disabled">Morbi leo risus
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">Frequent Activities </div>
|
||||
<div class="card-body">
|
||||
<div class="list-group">
|
||||
<a href="#" class="list-group-item list-group-item-action">
|
||||
Cras justo odio
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">Morbi leo risus
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action ">
|
||||
Cras justo odio
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">Morbi leo risus
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">Amount distributed </div>
|
||||
<div class="card-body">
|
||||
<div class="list-group">
|
||||
<a href="#" class="list-group-item list-group-item-action">
|
||||
Cras justo odio
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">Morbi leo risus
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action ">
|
||||
Cras justo odio
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action ">Morbi leo risus
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="col-sm-8 mx-auto">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<ngx-charts-bar-vertical
|
||||
[view]="view"
|
||||
[scheme]="colorScheme"
|
||||
[results]="single"
|
||||
[gradient]="gradient"
|
||||
[xAxis]="showXAxis"
|
||||
[yAxis]="showYAxis"
|
||||
[showXAxisLabel]="showXAxisLabel"
|
||||
[showYAxisLabel]="showYAxisLabel"
|
||||
[xAxisLabel]="xAxisLabel"
|
||||
[yAxisLabel]="yAxisLabel">
|
||||
</ngx-charts-bar-vertical>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user