Guest User

Untitled

a guest
Aug 25th, 2019
188
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- The Weather Analysis Start -->
  2. <div class="w3-display-topleft left-block">
  3. <div class="services-block__inner">
  4. <div class="w3-display block-content">
  5. <div *ngIf="AvgProvider" class="cel-wrapper">
  6. <div class="cel-blcok">
  7. <div>
  8. <label *ngIf="AvgProvider[0].maxTemp">{{AvgProvider[0].maxTemp| number : '.0-0'}}<span>°C</span><img
  9. class="temp-img" [matTooltip]="AvgProvider[0].description"
  10. src="assets/weatherunlockImg/{{AvgProvider[0].icon}}">
  11. </label>
  12. </div>
  13. </div>
  14. </div>
  15. <div class="humidity-block" *ngIf="AvgProvider">
  16. <!-- <h3>The Weather Man</h3> -->
  17. <div class="humidity-block__inner">
  18. <!-- <div *ngIf="AvgProvider[0].maxTemp">{{AvgProvider[0].maxTemp| number : '.0-0'}}°C (max)</div>
  19. <div *ngIf="AvgProvider[0].minTemp">{{AvgProvider[0].minTemp| number : '.0-0'}}°C (min)</div> -->
  20. <div *ngIf="AvgProvider[0].humid"><img src="assets/icon-humidity.png" alt="" />Humidity:
  21. <span>{{AvgProvider[0].humid| number : '.0-0'}}%</span></div>
  22. <div *ngIf="AvgProvider[0].precipitation"><img src="assets/icon-precipitation.png" alt="" />Precipitation:
  23. <span>{{AvgProvider[0].precipitation| number : '.0-0'}}mm</span></div>
  24. <div *ngIf="AvgProvider[0].pressure"><img src="assets/icon-pressure.png" alt="" />Pressure:
  25. <span>{{AvgProvider[0].pressure| number : '.0-0'}}mb</span></div>
  26. <!-- <div *ngIf="AvgProvider[0].wind"><img src="assets/icon-wind-speed.png" alt="" />WindSpeed:
  27. <span>{{AvgProvider[0].wind| number : '.0-0'}}</span></div> -->
  28. <div><img src="assets/icon-description.png" alt="" />Description:
  29. <span>{{AvgProvider[0].description}}</span></div>
  30. </div>
  31. </div>
  32. </div>
  33.  
  34. <div [ngClass]="day==0?'day-wrapper day active':'day-wrapper day '" (click)="selectedDay(0)">
  35. <div class="day-wrapper__day">{{ dates[0] | date :'EEEE' | slice:0:3 }} {{ dates[0] | date :'dd'}}
  36. </div>
  37. <div class="day-wrapper__probability">
  38. <span><img src="assets/icon-wind-speed.png" alt="" />
  39. {{AvgProvider[0].wind| number : '.0-0'}}</span>
  40. </div>
  41. <div class="day-wrapper__max">{{AvgProvider[0].maxTemp| number : '.0-0'}}°</div>
  42. <div class="day-wrapper__min">{{AvgProvider[0].minTemp| number : '.0-0'}}°</div>
  43. </div>
  44.  
  45. *** Same will be done for rest content***
RAW Paste Data