<div class="panel-primary bootstrap-wrapper wizdom-weather ms-webpart-chrome" ng-show="Weather.data">
    <div class="panel-heading todayContainer all-round-border" ng-if="Weather.data.errorMessage==null">   
        <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" ng-hide="loading"></a>
                <img ng-if="webpartProperties.allowManageLocation" src="/_layouts/15/images/gears_anv4.gif" class="change-location-waiting-icon" ng-show="loading" />

            </div>
        </div>
        <div ng-show="Weather.data.errorMessage!=null">
            {{ 'Error' | translate}}
        </div>
        <div ng-show="Weather.data.errorMessage!=null">
            {{ Weather.data.errorMessage | translate}}
        </div>
    </div>

</div> 