2 lines
15 KiB
JavaScript
2 lines
15 KiB
JavaScript
(function(s){function t(t){for(var a,n,l=t[0],c=t[1],r=t[2],m=0,v=[];m<l.length;m++)n=l[m],Object.prototype.hasOwnProperty.call(e,n)&&e[n]&&v.push(e[n][0]),e[n]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(s[a]=c[a]);u&&u(t);while(v.length)v.shift()();return o.push.apply(o,r||[]),i()}function i(){for(var s,t=0;t<o.length;t++){for(var i=o[t],a=!0,l=1;l<i.length;l++){var c=i[l];0!==e[c]&&(a=!1)}a&&(o.splice(t--,1),s=n(n.s=i[0]))}return s}var a={},e={app:0},o=[];function n(t){if(a[t])return a[t].exports;var i=a[t]={i:t,l:!1,exports:{}};return s[t].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=s,n.c=a,n.d=function(s,t,i){n.o(s,t)||Object.defineProperty(s,t,{enumerable:!0,get:i})},n.r=function(s){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},n.t=function(s,t){if(1&t&&(s=n(s)),8&t)return s;if(4&t&&"object"===typeof s&&s&&s.__esModule)return s;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:s}),2&t&&"string"!=typeof s)for(var a in s)n.d(i,a,function(t){return s[t]}.bind(null,a));return i},n.n=function(s){var t=s&&s.__esModule?function(){return s["default"]}:function(){return s};return n.d(t,"a",t),t},n.o=function(s,t){return Object.prototype.hasOwnProperty.call(s,t)},n.p="/worldcountries/";var l=window["webpackJsonp"]=window["webpackJsonp"]||[],c=l.push.bind(l);l.push=t,l=l.slice();for(var r=0;r<l.length;r++)t(l[r]);var u=c;o.push([0,"chunk-vendors"]),i()})({0:function(s,t,i){s.exports=i("56d7")},"034f":function(s,t,i){"use strict";i("85ec")},"10a4":function(s,t,i){},"17f5":function(s,t,i){"use strict";i("10a4")},"2e5b":function(s,t,i){},4013:function(s,t,i){"use strict";i("2e5b")},"56d7":function(s,t,i){"use strict";i.r(t);var a=i("2b0e"),e=function(){var s=this,t=s.$createElement,i=s._self._c||t;return i("div",{attrs:{id:"app"}},[i("Countries")],1)},o=[],n=(i("92c6"),function(){var s=this,t=s.$createElement,i=s._self._c||t;return i("div",{staticClass:"container is-fluid"},[i("div",{staticClass:"container is-max-fullhd"},[i("div",{staticClass:"columns is-multiline"},s._l(s.countries,(function(t,a){return i("div",{key:a,staticClass:"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-fullhd"},[i("div",{staticClass:"card",on:{click:function(i){return s.showModal(t)}}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.flag,expression:"country.flag"}],staticClass:"card-image"},[i("figure",{staticClass:"image is-3by2 m-5"},[i("img",{attrs:{src:t.flag,alt:"flag"}})])]),i("div",{staticClass:"card-content has-text-justified"},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.name,expression:"country.name"}],staticClass:"columns is-mobile"},[i("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Country:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(t.name)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:t.capital,expression:"country.capital"}],staticClass:"columns is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Capital:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(t.capital)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:t.region,expression:"country.region"}],staticClass:"columns is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Region:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(t.region)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:t.timezones,expression:"country.timezones"}],staticClass:"columns is-multiline is-mobile"},[s._m(0,!0),i("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(t.timezones,(function(t,a){return i("div",{key:"item-"+a},[s._v(" "+s._s(t)+" ")])})),0)]),i("div",{directives:[{name:"show",rawName:"v-show",value:t.population,expression:"country.population"}],staticClass:"columns is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Population:")]),i("div",{staticClass:"column has-text-right-mobile"},[t.population>1e3?i("div",[s._v(" "+s._s(Math.round(t.population/1e3))+"K ")]):i("div",[s._v(s._s(t.population))])])])])])])})),0)]),s.countryData?i("CountryModal",{directives:[{name:"show",rawName:"v-show",value:s.isModalVisible,expression:"isModalVisible"}],attrs:{countryData:s.countryData},on:{close:s.closeModal}}):s._e()],1)}),l=[function(){var s=this,t=s.$createElement,i=s._self._c||t;return i("div",{staticClass:"column is-4"},[i("p",[s._v("Timezones:")])])}],c=function(){var s=this,t=s.$createElement,i=s._self._c||t;return i("transition",{attrs:{name:"pop"}},[i("div",{staticClass:"modal"},[i("div",{staticClass:"modal-background",on:{click:s.close}}),i("div",{staticClass:"modal-card"},[i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.flag,expression:"countryData.flag"}],staticClass:"card-image"},[i("figure",{staticClass:"image is-3by2 m-5"},[i("img",{attrs:{src:s.countryData.flag,alt:"flag"}})])]),i("div",{staticClass:"card-content has-text-justified"},[i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.name,expression:"countryData.name"}],staticClass:"columns is-mobile"},[i("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Country:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.name)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.nativeName,expression:"countryData.nativeName"}],staticClass:"columns is-mobile"},[i("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Native Name:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.nativeName)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.demonym,expression:"countryData.demonym"}],staticClass:"columns is-mobile"},[i("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Demonym:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.demonym)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.capital,expression:"countryData.capital"}],staticClass:"columns is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Capital:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.capital)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.region,expression:"countryData.region"}],staticClass:"columns is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Region:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.region)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.subregion,expression:"countryData.subregion"}],staticClass:"columns is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Subregion:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.subregion)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.translations,expression:"countryData.translations"}],staticClass:"columns is-multiline is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Translations:")]),i("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.translations,(function(t,a,e){return i("div",{key:t+"-"+a+"-"+e},[s._v(" "+s._s(a)+" - "+s._s(t)+" ")])})),0)]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.currencies,expression:"countryData.currencies"}],staticClass:"columns is-multiline is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Currencies:")]),i("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.currencies,(function(t,a){return i("div",{key:"item-"+t+"-"+a},s._l(t,(function(t,a,e){return i("div",{key:t+"-"+a+"-"+e},[s._v(" "+s._s(a)+" - "+s._s(t)+" ")])})),0)})),0)]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.languages,expression:"countryData.languages"}],staticClass:"columns is-multiline is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Languages:")]),i("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.languages,(function(t,a){return i("div",{key:"item-"+t+"-"+a},s._l(t,(function(t,a,e){return i("div",{key:t+"-"+a+"-"+e},[s._v(" "+s._s(a)+" - "+s._s(t)+" ")])})),0)})),0)]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.regionalBlocs,expression:"countryData.regionalBlocs"}],staticClass:"columns is-multiline is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Regional Blocs:")]),i("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.regionalBlocs,(function(t,a){return i("div",{key:"item-"+t+"-"+a},s._l(t,(function(t,a,e){return i("div",{key:t+"-"+a+"-"+e,staticClass:"columns is-mobile"},[i("div",{staticClass:"column is-half"},[s._v(s._s(a))]),i("div",{staticClass:"column"},["string"===typeof t?i("div",[s._v(" "+s._s(t)+" ")]):i("div",s._l(t,(function(t,a){return i("div",{key:t+"-"+a},[s._v(" "+s._s(t)+" ")])})),0)])])})),0)})),0)]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.altSpellings,expression:"countryData.altSpellings"}],staticClass:"columns is-multiline is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Alt Spellings:")]),i("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.altSpellings,(function(t,a){return i("div",{key:"item-"+a},[s._v(" "+s._s(t)+" ")])})),0)]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.topLevelDomain,expression:"countryData.topLevelDomain"}],staticClass:"columns is-multiline is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Top level domain:")]),i("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.topLevelDomain,(function(t,a){return i("div",{key:"item-"+a},[s._v(" "+s._s(t)+" ")])})),0)]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.alpha2Code,expression:"countryData.alpha2Code"}],staticClass:"columns is-mobile"},[i("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Alpha 2 code:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.alpha2Code)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.alpha3Code,expression:"countryData.alpha3Code"}],staticClass:"columns is-mobile"},[i("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Alpha 3 code:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.alpha3Code)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.numericCode,expression:"countryData.numericCode"}],staticClass:"columns is-mobile"},[i("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Numeric code:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.numericCode)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.area,expression:"countryData.area"}],staticClass:"columns is-mobile"},[i("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Area:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.area)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.callingCodes,expression:"countryData.callingCodes"}],staticClass:"columns is-multiline is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Calling codes:")]),i("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.callingCodes,(function(t,a){return i("div",{key:"item-"+a},[s._v(" "+s._s(t)+" ")])})),0)]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.latlng,expression:"countryData.latlng"}],staticClass:"columns is-multiline is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Latitude longitude:")]),i("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.latlng,(function(t,a){return i("div",{key:"item-"+a},[s._v(" "+s._s(t)+" ")])})),0)]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.timezones,expression:"countryData.timezones"}],staticClass:"columns is-multiline is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Timezones:")]),i("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.timezones,(function(t,a){return i("div",{key:"item-"+a},[s._v(" "+s._s(t)+" ")])})),0)]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.population,expression:"countryData.population"}],staticClass:"columns is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Population:")]),i("div",{staticClass:"column has-text-right-mobile"},[s.countryData.population>1e3?i("div",[s._v(" "+s._s(Math.round(s.countryData.population/1e3))+"K ")]):i("div",[s._v(s._s(s.countryData.population))])])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.borders,expression:"countryData.borders"}],staticClass:"columns is-multiline is-mobile"},[i("div",{staticClass:"column is-4"},[s._v("Borders:")]),i("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.borders,(function(t,a){return i("div",{key:"item-"+a},[s._v(" "+s._s(t)+" ")])})),0)]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.cioc,expression:"countryData.cioc"}],staticClass:"columns is-mobile"},[i("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Cioc:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.cioc)+" ")])]),i("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.gini,expression:"countryData.gini"}],staticClass:"columns is-mobile"},[i("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Gini:")]),i("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.gini)+" ")])])])]),i("button",{staticClass:"modal-close is-large",attrs:{"aria-label":"close"},on:{click:s.close}})])])},r=[],u={name:"CountryModal",props:["countryData"],methods:{close(){this.$emit("close")}}},m=u,v=(i("17f5"),i("2877")),d=Object(v["a"])(m,c,r,!1,null,null,null),h=d.exports,p=document.querySelector("html"),y={name:"Countries",components:{CountryModal:h},data(){return{isModalVisible:!1,countryData:null}},methods:{showModal(s){this.countryData=s,this.isModalVisible=!0,p.classList.add("is-clipped")},closeModal(){this.isModalVisible=!1,p.classList.remove("is-clipped"),this.countryData=""}},computed:{getCountries(){return this.$store.getters.allCountries},countries(){return this.$store.state.countries}},mounted(){this.$store.dispatch("getCountries")}},C=y,_=(i("4013"),Object(v["a"])(C,n,l,!1,null,null,null)),b=_.exports,w={name:"App",components:{Countries:b}},g=w,f=(i("034f"),Object(v["a"])(g,e,o,!1,null,null,null)),D=f.exports,x=i("2f62");const N={countries:[]};var k=N;const M={allCountries:s=>s.countries};var O=M,S=i("bc3a"),j=i.n(S);const T={async getCountries({commit:s}){const t="https://restcountries.com/v2/all";await j.a.get(t).then(t=>{s("SET_COUNTRIES",t.data)}).catch(s=>{console.log(s)})}};var P=T;const $={SET_COUNTRIES(s,t){s.countries=t}};var z=$;a["a"].use(x["a"]);var E=new x["a"].Store({state:k,getters:O,actions:P,mutations:z});a["a"].config.productionTip=!1,new a["a"]({store:E,render:s=>s(D)}).$mount("#app")},"85ec":function(s,t,i){}});
|
|
//# sourceMappingURL=app.4b638670.js.map
|