{"version":3,"sources":["webpack:///D:/a/1/s/frontend/src/views/widgets/weather/js/weather.js"],"names":["Weather","$el","_classCallCheck3","default","this","api","$","data","lat","lon","_this","setWeather","then","response","_promise2","resolve","json","weather","length","renderResults","index","main","place","name","temp","imgCode","icon","today","Date","day","formatDay","getDay","month","formatMonth","getMonth","htmlTemplate","toFixed","getDate","html","apiUrl","fetch"],"mappings":"gSASaA,mBACZ,SAAAA,EAAYC,IAAK,EAAAC,EAAAC,SAAAC,KAAAJ,GAEhBI,KAAKH,IAAMA,EACXG,KAAKC,IAAMC,EAAEF,KAAKH,KAAKM,KAAK,OAC5BH,KAAKI,IAAMF,EAAEF,KAAKH,KAAKM,KAAK,OAC5BH,KAAKK,IAAMH,EAAEF,KAAKH,KAAKM,KAAK,2DAGtB,IAAAG,EAAAN,KACNA,KAAKO,aAAaC,KAAK,SAACC,GAEvB,OAAOC,EAAAX,QAAQY,QAAQF,EAASG,UAC9BJ,KAAK,SAACC,GAGJA,GACHA,EAASI,QAAQC,OAAS,EAC1BR,EAAKS,cAAcN,GAEnBH,EAAKS,sDAMEC,GAWT,OATC,SACA,UACA,YACA,WACA,SACA,WACA,UAGUA,EAAQ,uCAGRA,GAgBX,OAdC,UACA,WACA,QACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,YAGUA,yCAGEb,GACb,IAAIU,EAAUV,EAAKU,QAAQ,GAAGI,KAC1BC,EAAQf,EAAKgB,KACbC,EAAOjB,EAAKc,KAAKG,KACjBC,EAAUlB,EAAKU,QAAQ,GAAGS,KAE1BC,EAAQ,IAAIC,KACZC,EAAMzB,KAAK0B,UAAUH,EAAMI,UAC3BC,EAAQ5B,KAAK6B,YAAYN,EAAMO,YAE/BC,mHAE8CV,EAF9C,gDAG2BD,EAAK,QAAQY,QAAQ,GAHhD,WAG6DnB,EAH7D,OAG2EY,EAH3E,IAGkFF,EAAMU,UAHxF,IAGqGL,EAHrG,OAGiHV,EAHjH,8BAOJhB,EAAE,YAAYgC,KAAKH,wCAKnB,IAAII,EAASnC,KAAKC,IAAM,IAAMD,KAAKI,IAAM,IAAMJ,KAAKK,IAGpD,OAAO+B,MAAMD","file":"widget-22.b9f88d4cffa17521b332.js","sourcesContent":["// CONSTANTS are all caps.\nconst NS = 'Weather';\nconst CLS = 'weather';\nconst WG = '.' + CLS + '-';\n\n// Import stuff here if you need to or even better to import them dynamically\n// for ex. of dynamic import check out src/scripts/loadWg/weather.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\n\nexport class Weather {\n\tconstructor($el) {\n\t\t// $el is the widget node return by the loadWeather function\n\t\tthis.$el = $el;\n\t\tthis.api = $(this.$el).data('api');\n\t\tthis.lat = $(this.$el).data('lat');\n\t\tthis.lon = $(this.$el).data('lon');\n\t}\n\n\tinit() {\n\t\tthis.setWeather().then((response) => {\n\t\t\tconsole.log(response);\n\t\t\treturn Promise.resolve(response.json());\n\t\t}).then((response) => {\n\t\t\tconsole.log(response);\n\n\t\t\tif (response &&\n\t\t\t\tresponse.weather.length > 0) {\n\t\t\t\tthis.renderResults(response);\n\t\t\t} else {\n\t\t\t\tthis.renderResults([]);\n\t\t\t\tconsole.log('return response is null');\n\t\t\t}\n\t\t});\n\t}\n\n\tformatDay(index) {\n\t\tlet arr = [\n\t\t\t'Monday',\n\t\t\t'Tuesday',\n\t\t\t'Wednesday',\n\t\t\t'Thursday',\n\t\t\t'Friday',\n\t\t\t'Saturday',\n\t\t\t'Sunday',\n\t\t];\n\n\t\treturn arr[index - 1];\n\t}\n\n\tformatMonth(index) {\n\t\tlet arr = [\n\t\t\t'January',\n\t\t\t'February',\n\t\t\t'March',\n\t\t\t'April',\n\t\t\t'May',\n\t\t\t'June',\n\t\t\t'July',\n\t\t\t'August',\n\t\t\t'September',\n\t\t\t'October',\n\t\t\t'November',\n\t\t\t'December',\n\t\t];\n\n\t\treturn arr[index];\n\t}\n\n\trenderResults(data) {\n\t\tlet weather = data.weather[0].main;\n\t\tlet place = data.name;\n\t\tlet temp = data.main.temp;\n\t\tlet imgCode = data.weather[0].icon;\n\t\tlet imgUrlPrefix = 'http://openweathermap.org/img/w/';\n\t\tlet today = new Date();\n\t\tlet day = this.formatDay(today.getDay());\n\t\tlet month = this.formatMonth(today.getMonth());\n\n\t\tlet htmlTemplate = `\n\t\t\t<div class=\"weather-wrapper\">\n\t\t\t\t<img class=\"weather-icon\" src=\"${imgUrlPrefix + imgCode}.png\" />\n\t\t\t\t<span class=\"weather-des\">${(temp-273.15).toFixed(0)}° &amp; ${weather} on ${day} ${today.getDate()} ${month} in ${place}</span>\n\t\t\t</div>\n\t\t`;\n\n\t\t$('.weather').html(htmlTemplate);\n\t}\n\n\tsetWeather() {\n\t\t// Add Some logic here\n\t\tlet apiUrl = this.api + '/' + this.lat + '/' + this.lon;\n\t\tconsole.log(apiUrl);\n\n\t\treturn fetch(apiUrl);\n\t\t// return Api.getApi(apiUrl)\n\t}\n\t// Add more functions like on above here\n}\n"],"sourceRoot":""}