<?php
/**
* WiseLoop JavaScript Premium Weather Widget Sample<br/>
* Title: Forecast Widgets
*/
?>
<div ng-app="wl-ng-weather">
<div class="row" style="height:283px;">
<div class="col-md-3 demo-col">
<div wl-ng-weather theme="widget3" background="dynamic" lang="en"></div>
<small class="text-muted"><i>location: geo-detect / language: default (en)<br/>background: dynamic / theme: widget3</i></small>
</div>
<div class="col-md-3 demo-col">
<div wl-ng-weather theme="widget3" background="#638900" lang="fr" location="Paris"></div>
<small class="text-muted"><i>location: Paris / language: fr<br/>background: static / theme: widget3</i></small>
</div>
<div class="col-md-3 demo-col">
<div wl-ng-weather theme="widget3" background="#6F004B" lang="it" location="Rome"></div>
<small class="text-muted"><i>location: Rome / language: it<br/>background: static / theme: widget3</i></small>
</div>
<div class="col-md-3 demo-col">
<div wl-ng-weather theme="widget3" background="#043D5C" lang="ru" latitude="55.755009" longitude="37.622539" location="Moscow"></div>
<small class="text-muted"><i>location: 55.755009, 37.622539 / language: ru<br/>background: static / theme: widget3</i></small>
</div>
</div>
<hr/>
<div class="row" style="height:576px;">
<div class="col-md-3 demo-col">
<div wl-ng-weather theme="widget4" background="dynamic" lang="en" location="London"></div>
<small class="text-muted"><i>location: London: language: en<br/>background: dynamic / theme: widget4</i></small>
</div>
<div class="col-md-3 demo-col">
<div wl-ng-weather theme="widget4" background="#914F00" lang="fr" location="Alsacia"></div>
<small class="text-muted"><i>location: Alsacia: language: fr<br/>background: static / theme: widget4</i></small>
</div>
<div class="col-md-3 demo-col">
<div wl-ng-weather theme="widget4" background="#B83C00" lang="it" location="Toscana"></div>
<small class="text-muted"><i>location: Toscana: language: it<br/>background: static / theme: widget4</i></small>
</div>
<div class="col-md-3 demo-col">
<div wl-ng-weather theme="widget4" background="#B89B00" lang="ru" location="Siberia"></div>
<small class="text-muted"><i>location: Siberia: language: ru<br/>background: static / theme: widget4</i></small>
</div>
</div>
</div>
<script type="text/javascript" src="/bins/lib/skycons/skycons.js"></script>
<script type="text/javascript" src="/bins/lib/angular/angular.min.js"></script>
<script type="text/javascript" src="/bins/lib/angular/angular-animate.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
<script type="text/javascript" src="/../php-javascript-obfuscator/bin/jso.php?rjs=wl-javascript-premium-weather-widget/wl-ng-weather.js"></script>
<script type="text/javascript" src="/../php-javascript-obfuscator/bin/jso.php?rjs=wl-javascript-premium-weather-widget/wl-ng-weather-apikey.js"></script>
<script type="text/javascript">
//must set the bins url
angular.module('wl-ng-weather').value('bins', '/bins');
</script>