update stats

maxulyanov · Mar 27, 2017 · 0db5e6e · 0db5e6e
1 parent d413c1b
commit 0db5e6e
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 5 deletions.
diff --git a/src/pages/stats/stats.html b/src/pages/stats/stats.html
@@ -38,6 +38,8 @@
 
         <chart [options]="optionsChart"></chart>
 
+        <div class="total-sum">Всего: <span class="total-sum-s">{{ totalSumFormatted }} &#8381;</span></div>
+
         <div class="container-list-stats">
             <div class="grid-row">
                 <div class="grid-column-12 grid-padding grid-left" *ngFor="let category of categories">

diff --git a/src/pages/stats/stats.scss b/src/pages/stats/stats.scss
@@ -5,16 +5,26 @@ page-stats {
   .highcharts-container {
     margin: -10px auto 0;
   }
+  .total-sum {
+    display: flex;
+    width: 100%;
+    margin: -15px 0 25px 0;
+    align-items: center;
+    justify-content: center;
+    color: #FFF;
+    font-size: 1.3rem;
+    text-transform: uppercase;
+    .total-sum-s {
+      margin-left: 5px;
+      font-size: 1.7rem;
+    }
+  }
 }
 
 .container-chart {
   margin-top: -25px;
 }
 
-.container-list-stats {
-  margin-top: -10px;
-}
-
 .container-controls-change-month {
   width: 100%;
   position: absolute;
@@ -40,7 +50,7 @@ page-stats {
 }
 
 .b-current-date {
-  margin: 28px 0 20px 0;
+  margin: 28px 0 15px 0;
   text-align: center;
   text-transform: uppercase;
 }
diff --git a/src/pages/stats/stats.ts b/src/pages/stats/stats.ts
@@ -32,6 +32,7 @@ export class StatsPage {
     public isReadyChart: boolean;
     public totalCount: number;
     public totalSum: number;
+    public totalSumFormatted: string;
     public month: string;
     public year: number;
     public isCurrentMonth: boolean;
@@ -169,6 +170,8 @@ export class StatsPage {
             }
         }
 
+        this.totalSumFormatted = Utils.separatedBySpaceNumber(this.totalSum);
+
         arrayCategories.sort(Utils.sortBy({
             name: 'sum',
             reverse: true