<div class="panel-primary bootstrap-wrapper wizdom-weather ms-webpart-chrome" ng-show="Weather.data">    
    <div class="panel-heading todayContainer">
        <div ng-show="Weather.data.errorMessage==null">
            <div class="icon" ng-class="'icon-' + Weather.data.list[0].weather[0].icon">&nbsp;</div>
        </div>
        <div ng-show="Weather.data.errorMessage==null">
            <div class="temperature">
                {{(Weather.data.list[0].temp.day || Weather.data.list[0].temp.eve) | number:0}}&deg;{{Weather.data.tempUnit}}
            </div>
            <div class="city">
                {{Weather.data.city.name}}
                <a id="lnkLocation_{{webpartId}}" ng-click="loadFav()" ng-if="webpartProperties.allowManageLocation" class="glyphicon glyphicon-map-marker locationmarker"></a>                
            </div>
        </div>
        <div ng-show="Weather.data.errorMessage!=null">
            {{ 'Error' | translate}}
        </div>
    </div>
    <div class="panel-body foreCastContainer">        
        <div ng-show="Weather.data.errorMessage==null">
            <div class="icon" ng-class="'icon-' + Weather.data.list[1].weather[0].icon">&nbsp;</div>
            <div class="dayText">{{Weather.data.list[1].weekDay | translate}}</div>
            <div class="dayText">{{(Weather.data.list[1].temp.day || Weather.data.list[1].temp.eve) | number:0}}&deg;{{Weather.data.tempUnit}}</div>
        </div>
        <div ng-show="Weather.data.errorMessage==null">
            <div class="icon" ng-class="'icon-' + Weather.data.list[2].weather[0].icon">&nbsp;</div>
            <div class="dayText">{{Weather.data.list[2].weekDay | translate}}</div>
            <div class="dayText">{{(Weather.data.list[2].temp.day || Weather.data.list[2].temp.eve) | number:0}}&deg;{{Weather.data.tempUnit}}</div>
        </div>
        <div ng-show="Weather.data.errorMessage==null">
            <div class="icon" ng-class="'icon-' + Weather.data.list[3].weather[0].icon">&nbsp;</div>
            <div class="dayText">{{Weather.data.list[3].weekDay | translate}}</div>
            <div class="dayText">{{(Weather.data.list[3].temp.day || Weather.data.list[3].temp.eve) | number:0}}&deg;{{Weather.data.tempUnit}}</div>
        </div>
        <div ng-show="Weather.data.errorMessage==null">
            <div class="icon" ng-class="'icon-' + Weather.data.list[4].weather[0].icon">&nbsp;</div>
            <div class="dayText">{{Weather.data.list[4].weekDay | translate}}</div>
            <div class="dayText">{{(Weather.data.list[4].temp.day || Weather.data.list[4].temp.eve) | number:0}}&deg;{{Weather.data.tempUnit}}</div>
        </div>
        <div ng-show="Weather.data.errorMessage!=null">
            {{ Weather.data.errorMessage | translate}}
        </div>
    </div>
</div> 