forecastweather/web/weather.html

[thing-it-node] Device Plugin for Online Weather Forecast data.

<div class="flexLayout flexAlignCenter flexAdjustCenter" style="width: 100%;">
    <div class="flexLayout flexDirectionColumn flexAlignCenter flexGrow1">
        <div class="lightPrimaryColor">{{component._state.cityName}}</div>
        <div>
                <span class="lightPrimaryColor"
                      style="font-size: 3em;">{{component._state.temperature | number:1}}</span>
            <span class="smallFont lightPrimaryColor">&#176;{{component._state.temperatureUnit}}</span>
        </div>
        <div>
            <a class="tooltip-bottom" ti-tooltip="{{component._state.weatherDescription}}">
                <img class="fontSize1_5 mode icon sl-map-pin"
                     src="{{component._state.weatherIconURL}}"/></a>
        </div>
        <div class="flexLayout flexAlignCenter lightPrimaryColor">
            <div class="flexLayout flexDirectionColumn flexAlignCenter">
                <div>{{component._state.humidity}}%</div>
                <div>Humidity</div>
            </div>
            <div class="marginLeft1 flexLayout flexDirectionColumn flexAlignCenter">
                <div>{{component._state.clouds}}%</div>
                <div>Clouds</div>
            </div>
            <div class="marginLeft1 flexLayout flexDirectionColumn flexAlignCenter">
                <div>{{component._state.windSpeed |
                    number:0}} {{component._state.windSpeedUnit ? component._state.windSpeedUnit : 'm/s'}}
                </div>
                <div>Wind</div>
            </div>
        </div>
    </div>
</div>