Ignore:
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

Location:
Farmatiko/ClientApp/src/app/korona
Files:
2 edited

Legend:

Unmodified
Added
Removed

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

    re42f61a rde18858  
    88      <p>статистика</p>
    99    </div>
    10 
    11 
    12 
    1310  </div>
    1411  <div class="row text-center pads">
    1512    <div class="col">
    1613      <div class="counter">
    17         <i class="fa fa-code fa-2x">0</i>
    18         <h2 class="timer count-title count-number" data-to="100" data-speed="1500"></h2>
     14        <i class="fa fa-code fa-2x" *ngIf="korona">{{korona.totalMK}}</i>
     15        <h2 class="timer count-title count-number"></h2>
    1916        <p class="count-text ">Вкупно случаи во земјата</p>
    2017      </div>
    … …  
    2219    <div class="col">
    2320      <div class="counter">
    24         <i class="fa fa-coffee fa-2x">0</i>
    25         <h2 class="timer count-title count-number" data-to="1700" data-speed="1500"></h2>
     21        <i class="fa fa-coffee fa-2x" *ngIf="korona">{{korona.activeMK}}</i>
     22        <h2 class="timer count-title count-number"></h2>
    2623        <p class="count-text ">Активни случаи во земјата</p>
    2724      </div>
    … …  
    2926    <div class="col">
    3027      <div class="counter">
    31         <i class="fa fa-lightbulb-o fa-2x">0</i>
    32         <h2 class="timer count-title count-number" data-to="11900" data-speed="1500"></h2>
     28        <i class="fa fa-lightbulb-o fa-2x" *ngIf="korona">{{korona.deathsMK}}</i>
     29        <h2 class="timer count-title count-number"></h2>
    3330        <p class="count-text ">Смртни случаи во земјата</p>
    3431      </div>
    … …  
    3633    <div class="col">
    3734      <div class="counter">
    38         <i class="fa fa-bug fa-2x">0</i>
    39         <h2 class="timer count-title count-number" data-to="157" data-speed="1500"></h2>
     35        <i class="fa fa-bug fa-2x" *ngIf="korona">{{korona.newMK}}</i>
     36        <h2 class="timer count-title count-number"></h2>
    4037        <p class="count-text ">Нови случаи во земјата</p>
    4138      </div>
    … …  
    4542    <div class="col">
    4643      <div class="counter">
    47         <i class="fa fa-bug fa-2x">0</i>
    48         <h2 class="timer count-title count-number" data-to="157" data-speed="1500"></h2>
     44        <i class="fa fa-bug fa-2x" *ngIf="korona">{{korona.totalGlobal}}</i>
     45        <h2 class="timer count-title count-number"></h2>
    4946        <p class="count-text ">Вкупно случаи глобално</p>
    5047      </div>
    … …  
    5249    <div class="col">
    5350      <div class="counter">
    54         <i class="fa fa-bug fa-2x">0</i>
    55         <h2 class="timer count-title count-number" data-to="157" data-speed="1500"></h2>
     51        <i class="fa fa-bug fa-2x" *ngIf="korona">{{korona.activeGlobal}}</i>
     52        <h2 class="timer count-title count-number"></h2>
    5653        <p class="count-text ">Активни случаи глобално</p>
    5754      </div>
    … …  
    5956    <div class="col">
    6057      <div class="counter">
    61         <i class="fa fa-bug fa-2x">0</i>
    62         <h2 class="timer count-title count-number" data-to="157" data-speed="1500"></h2>
     58        <i class="fa fa-bug fa-2x" *ngIf="korona">{{korona.deathsGlobal}}</i>
     59        <h2 class="timer count-title count-number"></h2>
    6360        <p class="count-text ">Смртни случаи глобално</p>
    6461      </div>

  • Farmatiko/ClientApp/src/app/korona/korona.component.ts

    re42f61a rde18858  
    1 import { Component, OnInit } from '@angular/core';
     1import { Component, OnInit, Inject } from '@angular/core';
     2import { Pandemic } from '../models/Pandemic';
     3import { MatTableDataSource } from '@angular/material/table';
     4import { HttpClient } from '@angular/common/http';
    25
    36@Component({
    … …  
    710})
    811export class KoronaComponent implements OnInit {
     12  public korona: Pandemic;
    913
    10   constructor() { }
     14  constructor(http: HttpClient, @Inject('BASE_URL') baseUrl: string) {
     15    http.get<Pandemic>(baseUrl + 'Pandemic/Get?').subscribe(result => {
     16      this.korona = result;
     17      console.log(this.korona);
     18    }, error => console.error(error));
     19  }
    1120
    1221  ngOnInit(): void {
Note: See TracChangeset for help on using the changeset viewer.