Changeset de18858 for Farmatiko/ClientApp/src/app/korona/korona.component.html

Timestamp:

07/29/20 19:46:21 (4 years ago)

Author:

Mile Jankuloski <mile.jankuloski@…>

Branches:

master

Children:

4e72684

Parents:

e42f61a

Message:

Prepared and improved components for data flows

File:

• Farmatiko/ClientApp/src/app/korona/korona.component.html (modified) (7 diffs)

Farmatiko/ClientApp/src/app/korona/korona.component.html

@@ -8 +8 @@
       <p>статистика</p>
     </div>
-
-
-
   </div>
   <div class="row text-center pads">
     <div class="col">
       <div class="counter">
-        <i class="fa fa-code fa-2x">0</i>
-        <h2 class="timer count-title count-number" data-to="100" data-speed="1500"></h2>
+        <i class="fa fa-code fa-2x" *ngIf="korona">{{korona.totalMK}}</i>
+        <h2 class="timer count-title count-number"></h2>
         <p class="count-text ">Вкупно случаи во земјата</p>
       </div>
@@ -22 +19 @@
     <div class="col">
       <div class="counter">
-        <i class="fa fa-coffee fa-2x">0</i>
-        <h2 class="timer count-title count-number" data-to="1700" data-speed="1500"></h2>
+        <i class="fa fa-coffee fa-2x" *ngIf="korona">{{korona.activeMK}}</i>
+        <h2 class="timer count-title count-number"></h2>
         <p class="count-text ">Активни случаи во земјата</p>
       </div>
@@ -29 +26 @@
     <div class="col">
       <div class="counter">
-        <i class="fa fa-lightbulb-o fa-2x">0</i>
-        <h2 class="timer count-title count-number" data-to="11900" data-speed="1500"></h2>
+        <i class="fa fa-lightbulb-o fa-2x" *ngIf="korona">{{korona.deathsMK}}</i>
+        <h2 class="timer count-title count-number"></h2>
         <p class="count-text ">Смртни случаи во земјата</p>
       </div>
@@ -36 +33 @@
     <div class="col">
       <div class="counter">
-        <i class="fa fa-bug fa-2x">0</i>
-        <h2 class="timer count-title count-number" data-to="157" data-speed="1500"></h2>
+        <i class="fa fa-bug fa-2x" *ngIf="korona">{{korona.newMK}}</i>
+        <h2 class="timer count-title count-number"></h2>
         <p class="count-text ">Нови случаи во земјата</p>
       </div>
@@ -45 +42 @@
     <div class="col">
       <div class="counter">
-        <i class="fa fa-bug fa-2x">0</i>
-        <h2 class="timer count-title count-number" data-to="157" data-speed="1500"></h2>
+        <i class="fa fa-bug fa-2x" *ngIf="korona">{{korona.totalGlobal}}</i>
+        <h2 class="timer count-title count-number"></h2>
         <p class="count-text ">Вкупно случаи глобално</p>
       </div>
@@ -52 +49 @@
     <div class="col">
       <div class="counter">
-        <i class="fa fa-bug fa-2x">0</i>
-        <h2 class="timer count-title count-number" data-to="157" data-speed="1500"></h2>
+        <i class="fa fa-bug fa-2x" *ngIf="korona">{{korona.activeGlobal}}</i>
+        <h2 class="timer count-title count-number"></h2>
         <p class="count-text ">Активни случаи глобално</p>
       </div>
@@ -59 +56 @@
     <div class="col">
       <div class="counter">
-        <i class="fa fa-bug fa-2x">0</i>
-        <h2 class="timer count-title count-number" data-to="157" data-speed="1500"></h2>
+        <i class="fa fa-bug fa-2x" *ngIf="korona">{{korona.deathsGlobal}}</i>
+        <h2 class="timer count-title count-number"></h2>
         <p class="count-text ">Смртни случаи глобално</p>
       </div>