Misc Chart work

src/app/dashboard/dashboard-customer.component.ts

@@ -121,14 +121,6 @@ export class DashboardCustomerComponent implements OnInit {
 
   // Graph widgets
   public widgetList = [
-   {
-      type: 'graph',
-      name: 'total_duration',
-      duration: '400',
-      icon: 'icon-diamond',
-      title: '(test) last 400 days',
-      dataType: DataType.currency,
-    },
     {
       type: 'graph',
       name: 'total_last_week',

src/app/dashboard/dashboard.component.html

@@ -59,22 +59,9 @@
     <div class="card">
         <div class="card-block">
           <div class="row">
-            <div class="col-7">
+            <div class="col-12">
               <h4 class="card-title mb-0">Spending by Category</h4>
             </div>
-            <div class="col-sm-5 hidden-sm-down">
-              <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">
-                  <select>
-                    <option value="Day">Day</option>
-                    <option value="Week">Week</option>
-                    <option value="Month">Month</option>
-                    <option value="Year">Year</option>
-                    <option value="All Time">All Time</option>
-                  </select>
-                </div>
-              </div>
-            </div>
           </div>
           <div class="chart-wrapper">
             <canvas baseChart class="chart"

src/app/dashboard/leaderboard.component.ts

@@ -22,7 +22,7 @@ export class LeaderboardComponent implements OnInit {
 
   public paginateConfig: PaginationInstance = {
         id: 'leadpaginate',
-        itemsPerPage: 10,
+        itemsPerPage: 20,
         currentPage: 1,
         totalItems: 0
     };
@@ -70,7 +70,7 @@ export class LeaderboardComponent implements OnInit {
         console.log(error);
       }
     );
-  }
+  }org
 
   // // dynamically changes the row style based on  player's position
   // // for instance, top three player and the player him/herself should

src/app/dashboard/more-graphs-and-tables.component.ts

@@ -12,6 +12,8 @@ import { NgModel } from '@angular/forms';
 export class MoreStuffComponent implements OnInit {
   @Output() public onClick = new EventEmitter();
   @Input() public categories: any;
+  lineChartBegin: any;
+  lineChartEnd: any;
   bubbleChartBegin: any;
   bubbleChartEnd: any;
   cached_graph_data: any;
@@ -27,8 +29,8 @@ export class MoreStuffComponent implements OnInit {
   }
 
   ngOnInit(): void {
-    this.loadYearSpend(false, ('January 1, 2018'), ('January 1, 2019'));
+    this.loadYearSpend();
-   this.loadSupplierBubble(false, ('January 1, 2018'), ('January 1, 2019')); // pass start and end date ranges to this as Date()s
+    this.loadSupplierBubble(false, ('January 1, 2018'), ('January 1, 2019')); // pass start and end date ranges to this as Date()s
     this.loadSupplierHistory();
   }
 
@@ -63,7 +65,7 @@ export class MoreStuffComponent implements OnInit {
       passed_graph_data.data.map(item=> {
         let is_item_in_range = (new Date(item.date.substring(0, 10)) >=  new Date(start_range) && new Date(item.date.substring(0, 10)) <= new Date(end_range));
         // there are a lot of `new Date(blah)` but that is what works for some reason.
-        
+
         console.log("item.date : " + (item.date));
         console.log("Date(item.date) : " + new Date(item.date));
         console.log("Date(item.date.substring(0, 10)) : " + new Date(item.date.substring(0, 10)));
@@ -75,7 +77,7 @@ export class MoreStuffComponent implements OnInit {
         // console.log("item.date <= end_range: " + (new Date(item.date) <=  new Date(end_range)));
         // console.log("is_item_in_range: " + is_item_in_range);
         console.log("----------------------");
-        
+
         if (is_item_in_range) {
           graph_data.push({
             t: new Date(item.date.substring(0, 10)),
@@ -129,7 +131,7 @@ export class MoreStuffComponent implements OnInit {
       this.api.loadMiscUrl('organisation/external/supplier_count').subscribe(
         result => {
           this.cached_graph_data = result;
-  
+
           this.supplierBubbleChartData[0].data = this.formatGraphData(result, useRange, start_range, end_range);
           console.log("Graph fetched with " + this.supplierBubbleChartData[0].data.length + " items.");
         }
@@ -283,8 +285,8 @@ export class MoreStuffComponent implements OnInit {
     console.log("end_range input box: " + this.lineChartEnd);
     console.log("end_range : " + new Date(this.lineChartEnd));
 
-    this.loadSupplierBubble(true, (this.bubbleChartBegin), (this.bubbleChartEnd));
+    this.loadYearSpend();
-    console.log("Bubble chart updating...");
+    console.log("Line chart updating...");
 
   }
 

src/app/panels/graph-panel.component.ts

@@ -82,12 +82,12 @@ export class GraphPanel implements OnInit {
       pointHoverBackgroundColor: '#fff'
     },
     { // brandSuccess
-      backgroundColor: 'transparent',
+      backgroundColor: this.convertHex(this.brandInfo, 10),
       borderColor: this.brandSuccess,
       pointHoverBackgroundColor: '#fff'
     },
     { // brandDanger
-      backgroundColor: 'transparent',
+      backgroundColor: this.convertHex(this.brandDanger, 10),
       borderColor: this.brandDanger,
       pointHoverBackgroundColor: '#fff',
       borderWidth: 1,

src/app/panels/org-pie-panel.component.html

@@ -1,22 +1,9 @@
 <div class="card">
   <div class="card-block">
     <div class="row">
-      <div class="col-7">
+      <div class="col-12">
         <h4 class="card-title mb-0">All Purchases by Type</h4>
       </div>
-      <div class="col-sm-5 hidden-sm-down">
-        <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">
-            <select>
-              <option value="Day">Day</option>
-              <option value="Week">Week</option>
-              <option value="Month">Month</option>
-              <option value="Year">Year</option>
-              <option value="All Time">All Time</option>
-            </select>
-          </div>
-        </div>
-      </div>
     </div>
     <div class="chart-wrapper">
       <canvas baseChart class="chart"

src/app/panels/org-pie-panel.component.ts

@@ -44,8 +44,8 @@ export class OrgPiePanel implements OnInit {
       'blue'
     ]
   },
-  { borderWidth: [10]
+  { borderWidth: [100]
-  }
+  },
 ];
 
   public doughnutChartLabelsLocal: string[] = [];