SHARE
TWEET

Untitled

a guest Aug 25th, 2019 141 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
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top