2017-04-27 14:29:31 +00:00
|
|
|
<div class="animated fadeIn">
|
2017-09-07 14:12:49 +00:00
|
|
|
<snippet-bar-org></snippet-bar-org>
|
2017-04-27 14:29:31 +00:00
|
|
|
<div class="row">
|
2017-08-30 11:35:43 +00:00
|
|
|
<div *ngFor="let widget of widgetList" class="col-sm-6 col-lg-3">
|
2017-09-07 12:32:59 +00:00
|
|
|
<widget-graph *ngIf="widget.type == 'graph'"
|
|
|
|
|
[graphName]="widget.name"
|
|
|
|
|
[graphTitle]="widget.title"
|
|
|
|
|
[graphIcon]="widget.icon"
|
|
|
|
|
[dataType]="widget.dataType"></widget-graph>
|
2017-07-18 10:35:43 +00:00
|
|
|
</div><!--/.col-->
|
2017-04-27 14:29:31 +00:00
|
|
|
</div><!--/.row-->
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-block">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-sm-5">
|
2017-05-12 16:07:18 +00:00
|
|
|
<h4 class="card-title mb-0">Customers</h4>
|
2017-04-27 14:29:31 +00:00
|
|
|
<div class="small text-muted">November 2015</div>
|
|
|
|
|
</div><!--/.col-->
|
|
|
|
|
<div class="col-sm-7 hidden-sm-down">
|
|
|
|
|
<button type="button" class="btn btn-primary float-right"><i class="icon-cloud-download"></i></button>
|
|
|
|
|
<div class="btn-toolbar float-right" role="toolbar" aria-label="Toolbar with button groups">
|
|
|
|
|
<div class="btn-group mr-3" data-toggle="buttons" aria-label="First group">
|
|
|
|
|
<label class="btn btn-outline-secondary">
|
|
|
|
|
<input type="radio" name="options" id="option1"> Day
|
|
|
|
|
</label>
|
|
|
|
|
<label class="btn btn-outline-secondary active">
|
|
|
|
|
<input type="radio" name="options" id="option2" checked> Month
|
|
|
|
|
</label>
|
|
|
|
|
<label class="btn btn-outline-secondary">
|
|
|
|
|
<input type="radio" name="options" id="option3"> Year
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!--/.col-->
|
|
|
|
|
</div><!--/.row-->
|
|
|
|
|
<div class="chart-wrapper" style="height:300px;margin-top:40px;">
|
|
|
|
|
<canvas baseChart class="chart"
|
|
|
|
|
[datasets]="mainChartData"
|
|
|
|
|
[labels]="mainChartLabels"
|
|
|
|
|
[options]="mainChartOptions"
|
|
|
|
|
[colors]="mainChartColours"
|
|
|
|
|
[legend]="mainChartLegend"
|
|
|
|
|
[chartType]="mainChartType"
|
|
|
|
|
(chartHover)="chartHovered($event)"
|
|
|
|
|
(chartClick)="chartClicked($event)"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
