[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
xampp182
/
htdocs
/
simpeg
/
login
/
dist
/
js
/
[
Home
]
File: simpleweather-data.js
/*SimpleWeather Init*/ "use strict"; $(document).ready(function() { getWeather(); //Get the initial weather. getCurrentTime(); //Get the initial weather. setInterval(getWeather, 10000); //Update time after every sec. }); /*Current Time Cal*/ var getCurrentTime = function(){ var nowDate = moment().format('L'); var nowDay = moment().format('dddd'); $('.nowday').html(nowDay); $('.nowdate').html(nowDate); }; /*Get Current Weather*/ var getWeather = function() { if( $('#weather_1').length > 0 ){ /*With Forcast*/ $.simpleWeather({ location: 'New York, USN', woeid: '', unit: 'c', success: function(weather) { var $this = $('#weather_1'); var htmlCity = weather.city +' '+ weather.country; $this.find('h6 span').html(htmlCity); var html='<span class="block temprature pull-left">'+weather.temp+'<span class="unit">°'+weather.units.temp+'</span></span><span class="block temprature-icon pull-left"><img src="dist/img/weathericons/'+weather.code+'.svg"/></span><div class="clearfix"></div><span class="block currently">'+weather.currently+'</span><ul class="other-details"><li><span class="spec-label">wind</span> <span class="wind-speed">'+weather.wind.speed+''+weather.units.speed+'</span><span class="spec-label">humidity</span><span class="humidity">'+weather.humidity+'%</span></li><li><span class="spec-label">sunrise</span><span class="sunrise">'+weather.sunrise+'</span><span class="spec-label">high</span><span class="hightem">'+weather.high+'°'+weather.units.temp+'</span></li></ul>'; html += '<ul class="forcast-days">'; /*Add below snippet if forcast required*/ for(var i=1;i<weather.forecast.length -2 ;i++) { html += '<li><span class="forcast-day block">'+weather.forecast[i].day+'</span><img class="block" src="dist/img/weathericons/'+weather.code+'.svg"/><span class="forcast-high-deg block">'+weather.forecast[i].high+'°C</span></li>'; } html += '</ul>'; $this.find(".weather").html(html); }, error: function(error) { $this.find(".weather").html('<p>'+error+'</p>'); } }); } if( $('#weather_2').length > 0 ){ /*Without Forcast*/ $.simpleWeather({ location: 'New York, USN', woeid: '', unit: 'c', success: function(weather) { var $this = $('#weather_2'); var html='<span class="block temprature ">'+weather.temp+'<span class="unit">°'+weather.units.temp+'</span></span>'; $this.find('.left-block').html(html); //alert(this.id); html='<span class="block temprature-icon "><img src="dist/img/weathericons/'+weather.code+'.svg"/></span><h6>'+weather.city+'</h6>'; $this.find('.right-block').html(html); }, error: function(error) { $this.html('<p>'+error+'</p>'); } }); } if( $('#weather_3').length > 0 ){ /*Without Forcast*/ $.simpleWeather({ location: 'New York, USN', woeid: '', unit: 'c', success: function(weather) { var $this = $('#weather_3'); var html='<span class="block temprature">'+weather.temp+'<span class="unit">°'+weather.units.temp+'</span></span>'; $this.find('.left-block').html(html); //alert(this.id); html='<span class="block temprature-icon"><img src="dist/img/weathericons/'+weather.code+'.svg"/></span><h6>'+weather.city+'</h6>'; $this.find('.right-block').html(html); }, error: function(error) { $this.html('<p>'+error+'</p>'); } }); } if( $('#weather_4').length > 0 ){ /*Without Forcast*/ $.simpleWeather({ location: 'New York, USN', woeid: '', unit: 'c', success: function(weather) { var $this = $('#weather_4'); var html='<span class="block temprature">'+weather.temp+'<span class="unit">°'+weather.units.temp+'</span></span>'; $this.find('.left-block').html(html); //alert(this.id); html='<span class="block temprature-icon"><img src="dist/img/weathericons/'+weather.code+'.svg"/></span><h6>'+weather.city+'</h6>'; $this.find('.right-block').html(html); }, error: function(error) { $this.html('<p>'+error+'</p>'); } }); } if( $('#weather_5').length > 0 ){ /*Without Forcast*/ $.simpleWeather({ location: 'New York, USN', woeid: '', unit: 'c', success: function(weather) { var $this = $('#weather_5'); var html='<span class="block temprature">'+weather.temp+'<span class="unit">°'+weather.units.temp+'</span></span>'; $this.find('.left-block').html(html); //alert(this.id); html='<span class="block temprature-icon"><img src="dist/img/weathericons/'+weather.code+'.svg"/></span><h6>'+weather.city+'</h6>'; $this.find('.right-block').html(html); }, error: function(error) { $this.html('<p>'+error+'</p>'); } }); } };