Fixed box
This commit is contained in:
piratefinn
parent
5d16cc0285
commit
fb7f92ab70
1 changed files with 102 additions and 110 deletions
|
|
@ -22,123 +22,115 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div *ngIf="showGraph.customersthisweekgraph">
|
<div *ngIf="showGraph.customersthisweekgraph" class="col-sm-6 col-lg-3">
|
||||||
<div class="col-sm-6 col-lg-3">
|
<div class="card card-inverse card-primary">
|
||||||
<div class="card card-inverse card-primary">
|
<div class="card-block pb-0">
|
||||||
<div class="card-block pb-0">
|
<div class="btn-group float-right" dropdown>
|
||||||
<div class="btn-group float-right" dropdown>
|
<button type="button" class="btn btn-transparent dropdown-toggle p-0" dropdownToggle>
|
||||||
<button type="button" class="btn btn-transparent dropdown-toggle p-0" dropdownToggle>
|
<i class="icon-settings"></i>
|
||||||
<i class="icon-settings"></i>
|
|
||||||
</button>
|
|
||||||
<div class="dropdown-menu dropdown-menu-right" *dropdownMenu>
|
|
||||||
<a class="dropdown-item" href="#">Action</a>
|
|
||||||
<a class="dropdown-item" href="#">Another action</a>
|
|
||||||
<a class="dropdown-item" href="#">Something else here</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<h4 class="mb-0">138</h4>
|
|
||||||
<p>Customers this week</p>
|
|
||||||
</div>
|
|
||||||
<div class="chart-wrapper px-3" style="height:70px;">
|
|
||||||
<canvas baseChart class="chart"
|
|
||||||
[datasets]="lineChart1Data"
|
|
||||||
[labels]="lineChart1Labels"
|
|
||||||
[options]="lineChart1Options"
|
|
||||||
[colors]="lineChart1Colours"
|
|
||||||
[legend]="lineChart1Legend"
|
|
||||||
[chartType]="lineChart1Type"
|
|
||||||
(chartHover)="chartHovered($event)"
|
|
||||||
(chartClick)="chartClicked($event)"></canvas>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div><!--/.col-->
|
|
||||||
</div>
|
|
||||||
<div *ngIf="showGraph.customerslastweekgraph">
|
|
||||||
<div class="col-sm-6 col-lg-3">
|
|
||||||
<div class="card card-inverse card-info">
|
|
||||||
<div class="card-block pb-0">
|
|
||||||
<button type="button" class="btn btn-transparent p-0 float-right">
|
|
||||||
<i class="icon-location-pin"></i>
|
|
||||||
</button>
|
</button>
|
||||||
<h4 class="mb-0">9.823</h4>
|
<div class="dropdown-menu dropdown-menu-right" *dropdownMenu>
|
||||||
<p>Customers last week</p>
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
</div>
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
<div class="chart-wrapper px-3" style="height:70px;">
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
<canvas baseChart class="chart"
|
|
||||||
[datasets]="lineChart2Data"
|
|
||||||
[labels]="lineChart2Labels"
|
|
||||||
[options]="lineChart2Options"
|
|
||||||
[colors]="lineChart2Colours"
|
|
||||||
[legend]="lineChart2Legend"
|
|
||||||
[chartType]="lineChart2Type"
|
|
||||||
(chartHover)="chartHovered($event)"
|
|
||||||
(chartClick)="chartClicked($event)"></canvas>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div><!--/.col-->
|
|
||||||
</div>
|
|
||||||
<div *ngIf="showGraph.pointsthisweekgraph">
|
|
||||||
<div class="col-sm-6 col-lg-3">
|
|
||||||
<div class="card card-inverse card-warning">
|
|
||||||
<div class="card-block pb-0">
|
|
||||||
<div class="btn-group float-right">
|
|
||||||
<button type="button" class="btn btn-transparent dropdown-toggle p-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
||||||
<i class="icon-settings"></i>
|
|
||||||
</button>
|
|
||||||
<div class="dropdown-menu dropdown-menu-right">
|
|
||||||
<a class="dropdown-item" href="#">Action</a>
|
|
||||||
<a class="dropdown-item" href="#">Another action</a>
|
|
||||||
<a class="dropdown-item" href="#">Something else here</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<h4 class="mb-0">9.823</h4>
|
|
||||||
<p>Points earned this week</p>
|
|
||||||
</div>
|
|
||||||
<div class="chart-wrapper" style="height:70px;">
|
|
||||||
<canvas baseChart class="chart"
|
|
||||||
[datasets]="lineChart3Data"
|
|
||||||
[labels]="lineChart3Labels"
|
|
||||||
[options]="lineChart3Options"
|
|
||||||
[colors]="lineChart3Colours"
|
|
||||||
[legend]="lineChart3Legend"
|
|
||||||
[chartType]="lineChart3Type"
|
|
||||||
(chartHover)="chartHovered($event)"
|
|
||||||
(chartClick)="chartClicked($event)"></canvas>
|
|
||||||
</div>
|
</div>
|
||||||
|
<h4 class="mb-0">138</h4>
|
||||||
|
<p>Customers this week</p>
|
||||||
</div>
|
</div>
|
||||||
</div><!--/.col-->
|
<div class="chart-wrapper px-3" style="height:70px;">
|
||||||
</div>
|
<canvas baseChart class="chart"
|
||||||
<div *ngIf="showGraph.pointslastweekgraph">
|
[datasets]="lineChart1Data"
|
||||||
<div class="col-sm-6 col-lg-3">
|
[labels]="lineChart1Labels"
|
||||||
<div class="card card-inverse card-danger">
|
[options]="lineChart1Options"
|
||||||
<div class="card-block pb-0">
|
[colors]="lineChart1Colours"
|
||||||
<div class="btn-group float-right" dropdown>
|
[legend]="lineChart1Legend"
|
||||||
<button type="button" class="btn btn-transparent dropdown-toggle p-0" dropdownToggle>
|
[chartType]="lineChart1Type"
|
||||||
<i class="icon-settings"></i>
|
(chartHover)="chartHovered($event)"
|
||||||
</button>
|
(chartClick)="chartClicked($event)"></canvas>
|
||||||
<div class="dropdown-menu dropdown-menu-right" *dropdownMenu>
|
</div>
|
||||||
<a class="dropdown-item" href="#">Action</a>
|
</div>
|
||||||
<a class="dropdown-item" href="#">Another action</a>
|
</div><!--/.col-->
|
||||||
<a class="dropdown-item" href="#">Something else here</a>
|
<div *ngIf="showGraph.customerslastweekgraph" class="col-sm-6 col-lg-3">
|
||||||
</div>
|
<div class="card card-inverse card-info">
|
||||||
|
<div class="card-block pb-0">
|
||||||
|
<button type="button" class="btn btn-transparent p-0 float-right">
|
||||||
|
<i class="icon-location-pin"></i>
|
||||||
|
</button>
|
||||||
|
<h4 class="mb-0">9.823</h4>
|
||||||
|
<p>Customers last week</p>
|
||||||
|
</div>
|
||||||
|
<div class="chart-wrapper px-3" style="height:70px;">
|
||||||
|
<canvas baseChart class="chart"
|
||||||
|
[datasets]="lineChart2Data"
|
||||||
|
[labels]="lineChart2Labels"
|
||||||
|
[options]="lineChart2Options"
|
||||||
|
[colors]="lineChart2Colours"
|
||||||
|
[legend]="lineChart2Legend"
|
||||||
|
[chartType]="lineChart2Type"
|
||||||
|
(chartHover)="chartHovered($event)"
|
||||||
|
(chartClick)="chartClicked($event)"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!--/.col-->
|
||||||
|
<div *ngIf="showGraph.pointsthisweekgraph" class="col-sm-6 col-lg-3">
|
||||||
|
<div class="card card-inverse card-warning">
|
||||||
|
<div class="card-block pb-0">
|
||||||
|
<div class="btn-group float-right">
|
||||||
|
<button type="button" class="btn btn-transparent dropdown-toggle p-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
<i class="icon-settings"></i>
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
</div>
|
</div>
|
||||||
<h4 class="mb-0">9.823</h4>
|
|
||||||
<p>Points earned last week</p>
|
|
||||||
</div>
|
|
||||||
<div class="chart-wrapper px-3" style="height:70px;">
|
|
||||||
<canvas baseChart class="chart"
|
|
||||||
[datasets]="barChart1Data"
|
|
||||||
[labels]="barChart1Labels"
|
|
||||||
[options]="barChart1Options"
|
|
||||||
[colors]="barChart1Colours"
|
|
||||||
[legend]="barChart1Legend"
|
|
||||||
[chartType]="barChart1Type"
|
|
||||||
(chartHover)="chartHovered($event)"
|
|
||||||
(chartClick)="chartClicked($event)"></canvas>
|
|
||||||
</div>
|
</div>
|
||||||
|
<h4 class="mb-0">9.823</h4>
|
||||||
|
<p>Points earned this week</p>
|
||||||
</div>
|
</div>
|
||||||
</div><!--/.col-->
|
<div class="chart-wrapper" style="height:70px;">
|
||||||
</div>
|
<canvas baseChart class="chart"
|
||||||
|
[datasets]="lineChart3Data"
|
||||||
|
[labels]="lineChart3Labels"
|
||||||
|
[options]="lineChart3Options"
|
||||||
|
[colors]="lineChart3Colours"
|
||||||
|
[legend]="lineChart3Legend"
|
||||||
|
[chartType]="lineChart3Type"
|
||||||
|
(chartHover)="chartHovered($event)"
|
||||||
|
(chartClick)="chartClicked($event)"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!--/.col-->
|
||||||
|
<div *ngIf="showGraph.pointslastweekgraph" class="col-sm-6 col-lg-3">
|
||||||
|
<div class="card card-inverse card-danger">
|
||||||
|
<div class="card-block pb-0">
|
||||||
|
<div class="btn-group float-right" dropdown>
|
||||||
|
<button type="button" class="btn btn-transparent dropdown-toggle p-0" dropdownToggle>
|
||||||
|
<i class="icon-settings"></i>
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right" *dropdownMenu>
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h4 class="mb-0">9.823</h4>
|
||||||
|
<p>Points earned last week</p>
|
||||||
|
</div>
|
||||||
|
<div class="chart-wrapper px-3" style="height:70px;">
|
||||||
|
<canvas baseChart class="chart"
|
||||||
|
[datasets]="barChart1Data"
|
||||||
|
[labels]="barChart1Labels"
|
||||||
|
[options]="barChart1Options"
|
||||||
|
[colors]="barChart1Colours"
|
||||||
|
[legend]="barChart1Legend"
|
||||||
|
[chartType]="barChart1Type"
|
||||||
|
(chartHover)="chartHovered($event)"
|
||||||
|
(chartClick)="chartClicked($event)"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!--/.col-->
|
||||||
</div><!--/.row-->
|
</div><!--/.row-->
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-block">
|
<div class="card-block">
|
||||||
|
|
|
||||||
Reference in a new issue