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

Minor changes for Felix

Browse source
This commit is contained in:
Tom Slater 2019-07-09 12:41:17 +01:00
parent faeac6b360
commit 984d1a987a
10 changed files with 152 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/app/dashboard/dashboard-customer.component.html
View file

@ -12,13 +12,13 @@
</div><!--/.row-->
<div class=row>
<div class="col-xl-6">
<panel-pie></panel-pie> --><!--All Purchases -->
<panel-pie></panel-pie><!--All Purchases -->
<!-- <div class="demo-container" ng-app="stacked-bar" ng-controller="stacked-bar">
<div id="stacked-bar" dx-chart="chartOptions"></div>
</div> -->
</div><!--/.col-->
<div *ngIf="showCategoryDoughnutChart" class="col-xl-6">
<div class="card">
<div *ngIf="showCategoryDoughnutChart" class="col-xl-6">
<div class="card">
<!-- <body style="background-color:rgb(0,0,0);"> -->
<div class="card-block">
<div class="row">
@ -34,8 +34,7 @@
[legend]="chartLegend"
[chartType]="chartType"
(chartHover)="chartHovered($event)"
(chartClick)="chartClicked($event)">
</canvas>
(chartClick)="chartClicked($event)"></canvas>
</div>
</div>
<!-- </body> -->
@ -149,6 +148,16 @@
<h4 class="card-title float-left mb-0">All Purchases by Category</h4>
</div><!--/.col-->
</div><!--/.row-->
<div class="chart-wrapper">
<canvas baseChart class="chart"
[datasets]="barChartDataCategory"
[labels]="barChartLabelsCategory"
[options]="barChartOptionsCategory"
[legend]="barChartLegendCategory"
[chartType]="barChartTypeCategory"
(chartHover)="chartHovered($event)"
(chartClick)="chartClicked($event)"></canvas>
</div>
<div *ngIf="showTotalCategoryList" class="chart-wrapper">
<ul class="icons-list">
<!-- New loop -->

6
src/app/dashboard/dashboard-customer.component.ts
View file

@ -30,7 +30,7 @@ export class DashboardCustomerComponent implements OnInit {
public bootstrapColours: string[] = ['bg-primary', 'bg-secondary', 'bg-success',
'bg-danger', 'bg-warning', 'bg-info'];
public chartType = 'polarArea';
public chartType = 'doughnut';
public chartLegend = true;
public doughnutChartDataCategory: any[] = [];
public doughnutChartLabelsCategory: string[] = [];
@ -150,7 +150,9 @@ export class DashboardCustomerComponent implements OnInit {
this.setWeekData(result);
this.setChartData(result.data.cat_total);
this.totalCategoryList = result.data.cat_list;
this.showTotalCategoryList = true;
if (this.totalCategoryList) {
this.showTotalCategoryList = true;
}
this.purchaseEssential = result.data.essentials.purchase_no_essential_total;
this.purchaseNotEssential = result.data.essentials.purchase_no_total - this.purchaseEssential;
this.barChartDataEssential = [

1
src/app/dashboard/dashboard.routing.ts
View file

@ -18,7 +18,6 @@ import { LeaderboardComponent } from './leaderboard.component';
import { MapComponent } from './map.component';
import { TrailMapComponent } from './trail-map.component';
import { SuppliersComponent } from './suppliers.component';
// Using child path to allow for FullLayout theming
const routes: Routes = [
{ path: '', redirectTo: '/dashboard', pathMatch: 'full' },

2
src/app/dashboard/leaderboard.component.html
View file

@ -24,7 +24,7 @@
<tr>
<th>Position</th>
<th>Name</th>
<th>Amount</th>
<th class="js-sort-number">Gross amount</th>
</tr>
</thead>
<tbody>

26
src/app/dashboard/suppliers.component.html
View file

@ -1,3 +1,4 @@
<script type="text/javascript" charset="utf8" src="/home/tomslater/Documents/FoodLoop-Web/src/sort-table.js"></script>
<div class="animated fadeIn">
<div class="form-group row">
<table class="table table-striped table-hover">
@ -11,23 +12,22 @@
<tbody>
<!-- table body - name, postcode and spend data should be presented here in cost descending order -->
<tr recur-result *ngFor="let recur of recurList" tr.names="name" tr.recur="recur" (onClick)="recurClick($event, template)"></tr>
<!-- <tr>
<td>Supplier's Name</td>
<td>Supplier's Postcode</td>
<td>Supplier's Spend</td>
<tr>
<td>Bill's Building's</td>
<td>LA13RB</td>
<td>£34.64</td>
</tr>
<tr>
<td>Supplier 2's Name</td>
<td>Supplier 2's Postcode</td>
<td>Supplier 2's Spend</td>
<td>Sam's Snake</td>
<td>TRY3R3</td>
<td>£567.76</td>
</tr>
<tr>
<td>Supplier 3's Name</td>
<td>Supplier 3's Postcode</td>
<td>Supplier 3's Spend</td>
<td>Lloyds</td>
<td>ABV134</td>
<td>£9.00</td>
</tr>
</tbody> -->
</tbody>
</table>
</div>
</div>
</div><!--/.col-->

2
src/app/dashboard/suppliers.component.ts
View file

@ -26,7 +26,7 @@ export class SuppliersComponent implements OnInit, AfterViewInit {
) { }
ngOnInit(): void {
}
ngAfterViewInit() {