Pear-Trading/FoodLoop-Web
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fixed box

Browse source
This commit is contained in:
piratefinn 2017-07-05 10:06:34 +01:00
parent 5d16cc0285
commit fb7f92ab70
1 changed files with 102 additions and 110 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

212
src/app/dashboard/dashboard.component.html
View file

@ -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">