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

Merge remote-tracking branch 'origin/felix/customranges' into tyu-tyu/char

Browse source
This commit is contained in:
Tom Slater 2019-08-19 13:48:47 +01:00
commit 4181a09b96
4 changed files with 63 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/app/dashboard/more-graphs-and-tables.component.html
View file

@ -5,13 +5,15 @@
<div class="col-sm-8">
<h4 class="card-title mb-0">Supplier spend amount and number of purchases</h4>
</div>
<div class="col-sm-4 hidden-sm-down">
<input type="date" ([value])="bubbleChartBegin" (change)="bubbleChartUpdate()">
<!-- THESE INPUT BOXES DO NOT WORK. Their value remains the client machine's date/time despite changing. -->
<input type="date" ([value])="bubbleChartEnd" (change)="bubbleChartUpdate()">
<div class="col-sm-5 hidden-sm-down" *ngIf="isBubbleChartLoaded">
<input type="date" [(ngModel)]="bubbleChartBegin" (change)="bubbleChartUpdate()">
<input type="date" [(ngModel)]="bubbleChartEnd" (change)="bubbleChartUpdate()">
</div>
</div>
<div>
<div class="col-sm-7" *ngIf="!isBubbleChartLoaded">
<div class="spinner"></div>
</div>
<div *ngIf="isBubbleChartLoaded">
<canvas baseChart
[datasets]="supplierBubbleChartData"
[options]="supplierBubbleChartOptions"
@ -28,9 +30,9 @@
<div class="col-sm-8">
<h4 class="card-title mb-0">Spend amount and number of organisations</h4>
</div>
<div class="col-sm-4 hidden-sm-down">
<input type="date" ([value])="lineChartBegin" (change)="lineChartUpdate()">
<input type="date" ([value])="lineChartEnd" (change)="lineChartUpdate()">
<div class="col-sm-5 hidden-sm-down">
<!-- <input type="date" id="yearSpendChartBegin" name="yearSpendChartBegin" ng-model="yearSpendChartBegin" ng-change="yearSpendChartBegin"> -->
<!-- <input type="date" id="yearSpendChartEnd" name="yearSpendChartEnd" ng-model="yearSpendChartEnd" ng-change="yearSpendChartEnd"> -->
</div>
</div>
<div>
@ -63,4 +65,4 @@
</div>
</div>
</div>
</div>
</div>