2 lines
16 KiB
JavaScript
2 lines
16 KiB
JavaScript
(function(s){function t(t){for(var i,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(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(s[i]=c[i]);u&&u(t);while(v.length)v.shift()();return o.push.apply(o,r||[]),a()}function a(){for(var s,t=0;t<o.length;t++){for(var a=o[t],i=!0,l=1;l<a.length;l++){var c=a[l];0!==e[c]&&(i=!1)}i&&(o.splice(t--,1),s=n(n.s=a[0]))}return s}var i={},e={app:0},o=[];function n(t){if(i[t])return i[t].exports;var a=i[t]={i:t,l:!1,exports:{}};return s[t].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=s,n.c=i,n.d=function(s,t,a){n.o(s,t)||Object.defineProperty(s,t,{enumerable:!0,get:a})},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 a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:s}),2&t&&"string"!=typeof s)for(var i in s)n.d(a,i,function(t){return s[t]}.bind(null,i));return a},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"]),a()})({0:function(s,t,a){s.exports=a("56d7")},"2edf":function(s,t,a){},"56d7":function(s,t,a){"use strict";a.r(t);var i=a("2b0e"),e=function(){var s=this,t=s._self._c;return t("div",{attrs:{id:"app"}},[t("Countries")],1)},o=[],n=(a("92c6"),function(){var s=this,t=s._self._c;return t("div",{staticClass:"container is-fluid"},[t("div",{staticClass:"container is-max-fullhd"},[t("div",{staticClass:"columns is-multiline"},s._l(s.countries,(function(a,i){return t("div",{key:i,staticClass:"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-fullhd"},[t("div",{staticClass:"card",on:{click:function(t){return s.showModal(a)}}},[t("div",{directives:[{name:"show",rawName:"v-show",value:a.flag,expression:"country.flag"}],staticClass:"card-image"},[t("figure",{staticClass:"image is-3by2 m-5"},[t("img",{attrs:{src:a.flag,alt:"flag"}})])]),t("div",{staticClass:"card-content has-text-justified"},[t("div",{directives:[{name:"show",rawName:"v-show",value:a.name,expression:"country.name"}],staticClass:"columns is-mobile"},[t("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Country:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(a.name)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:a.capital,expression:"country.capital"}],staticClass:"columns is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Capital:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(a.capital)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:a.region,expression:"country.region"}],staticClass:"columns is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Region:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(a.region)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:a.timezones,expression:"country.timezones"}],staticClass:"columns is-multiline is-mobile"},[s._m(0,!0),t("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(a.timezones,(function(a,i){return t("div",{key:"item-"+i},[s._v(" "+s._s(a)+" ")])})),0)]),t("div",{directives:[{name:"show",rawName:"v-show",value:a.population,expression:"country.population"}],staticClass:"columns is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Population:")]),t("div",{staticClass:"column has-text-right-mobile"},[a.population>1e3?t("div",[s._v(" "+s._s(Math.round(a.population/1e3))+"K ")]):t("div",[s._v(s._s(a.population))])])])])])])})),0)]),s.countryData?t("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._self._c;return t("div",{staticClass:"column is-4"},[t("p",[s._v("Timezones:")])])}],c=function(){var s=this,t=s._self._c;return t("transition",{attrs:{name:"pop"}},[t("div",{staticClass:"modal"},[t("div",{staticClass:"modal-background",on:{click:s.close}}),t("div",{staticClass:"modal-card"},[t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.flag,expression:"countryData.flag"}],staticClass:"card-image"},[t("figure",{staticClass:"image is-3by2 m-5"},[t("img",{attrs:{src:s.countryData.flag,alt:"flag"}})])]),t("div",{staticClass:"card-content has-text-justified"},[t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.name,expression:"countryData.name"}],staticClass:"columns is-mobile"},[t("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Country:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.name)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.nativeName,expression:"countryData.nativeName"}],staticClass:"columns is-mobile"},[t("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Native Name:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.nativeName)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.demonym,expression:"countryData.demonym"}],staticClass:"columns is-mobile"},[t("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Demonym:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.demonym)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.capital,expression:"countryData.capital"}],staticClass:"columns is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Capital:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.capital)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.region,expression:"countryData.region"}],staticClass:"columns is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Region:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.region)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.subregion,expression:"countryData.subregion"}],staticClass:"columns is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Subregion:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.subregion)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.translations,expression:"countryData.translations"}],staticClass:"columns is-multiline is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Translations:")]),t("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.translations,(function(a,i,e){return t("div",{key:`${a}-${i}-${e}`},[s._v(" "+s._s(i)+" - "+s._s(a)+" ")])})),0)]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.currencies,expression:"countryData.currencies"}],staticClass:"columns is-multiline is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Currencies:")]),t("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.currencies,(function(a,i){return t("div",{key:`item-${a}-${i}`},s._l(a,(function(a,i,e){return t("div",{key:`${a}-${i}-${e}`},[s._v(" "+s._s(i)+" - "+s._s(a)+" ")])})),0)})),0)]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.languages,expression:"countryData.languages"}],staticClass:"columns is-multiline is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Languages:")]),t("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.languages,(function(a,i){return t("div",{key:`item-${a}-${i}`},s._l(a,(function(a,i,e){return t("div",{key:`${a}-${i}-${e}`},[s._v(" "+s._s(i)+" - "+s._s(a)+" ")])})),0)})),0)]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.regionalBlocs,expression:"countryData.regionalBlocs"}],staticClass:"columns is-multiline is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Regional Blocs:")]),t("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.regionalBlocs,(function(a,i){return t("div",{key:`item-${a}-${i}`},s._l(a,(function(a,i,e){return t("div",{key:`${a}-${i}-${e}`,staticClass:"columns is-mobile"},[t("div",{staticClass:"column is-half"},[s._v(s._s(i))]),t("div",{staticClass:"column"},["string"===typeof a?t("div",[s._v(" "+s._s(a)+" ")]):t("div",s._l(a,(function(a,i){return t("div",{key:`${a}-${i}`},[s._v(" "+s._s(a)+" ")])})),0)])])})),0)})),0)]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.altSpellings,expression:"countryData.altSpellings"}],staticClass:"columns is-multiline is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Alt Spellings:")]),t("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.altSpellings,(function(a,i){return t("div",{key:"item-"+i},[s._v(" "+s._s(a)+" ")])})),0)]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.topLevelDomain,expression:"countryData.topLevelDomain"}],staticClass:"columns is-multiline is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Top level domain:")]),t("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.topLevelDomain,(function(a,i){return t("div",{key:"item-"+i},[s._v(" "+s._s(a)+" ")])})),0)]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.alpha2Code,expression:"countryData.alpha2Code"}],staticClass:"columns is-mobile"},[t("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Alpha 2 code:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.alpha2Code)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.alpha3Code,expression:"countryData.alpha3Code"}],staticClass:"columns is-mobile"},[t("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Alpha 3 code:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.alpha3Code)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.numericCode,expression:"countryData.numericCode"}],staticClass:"columns is-mobile"},[t("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Numeric code:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.numericCode)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.area,expression:"countryData.area"}],staticClass:"columns is-mobile"},[t("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Area:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.area)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.callingCodes,expression:"countryData.callingCodes"}],staticClass:"columns is-multiline is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Calling codes:")]),t("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.callingCodes,(function(a,i){return t("div",{key:"item-"+i},[s._v(" "+s._s(a)+" ")])})),0)]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.latlng,expression:"countryData.latlng"}],staticClass:"columns is-multiline is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Latitude longitude:")]),t("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.latlng,(function(a,i){return t("div",{key:"item-"+i},[s._v(" "+s._s(a)+" ")])})),0)]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.timezones,expression:"countryData.timezones"}],staticClass:"columns is-multiline is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Timezones:")]),t("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.timezones,(function(a,i){return t("div",{key:"item-"+i},[s._v(" "+s._s(a)+" ")])})),0)]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.population,expression:"countryData.population"}],staticClass:"columns is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Population:")]),t("div",{staticClass:"column has-text-right-mobile"},[s.countryData.population>1e3?t("div",[s._v(" "+s._s(Math.round(s.countryData.population/1e3))+"K ")]):t("div",[s._v(s._s(s.countryData.population))])])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.borders,expression:"countryData.borders"}],staticClass:"columns is-multiline is-mobile"},[t("div",{staticClass:"column is-4"},[s._v("Borders:")]),t("div",{staticClass:"column is-8 has-text-right-mobile"},s._l(s.countryData.borders,(function(a,i){return t("div",{key:"item-"+i},[s._v(" "+s._s(a)+" ")])})),0)]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.cioc,expression:"countryData.cioc"}],staticClass:"columns is-mobile"},[t("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Cioc:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.cioc)+" ")])]),t("div",{directives:[{name:"show",rawName:"v-show",value:s.countryData.gini,expression:"countryData.gini"}],staticClass:"columns is-mobile"},[t("h4",{staticClass:"column is-4 is-half-mobile"},[s._v("Gini:")]),t("div",{staticClass:"column has-text-right-mobile"},[s._v(" "+s._s(s.countryData.gini)+" ")])])])]),t("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=(a("a88c"),a("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,_=(a("e23f"),Object(v["a"])(C,n,l,!1,null,null,null)),g=_.exports,f={name:"App",components:{Countries:g}},w=f,b=(a("d381"),Object(v["a"])(w,e,o,!1,null,null,null)),D=b.exports,x=a("2f62"),N=a("cee4");const k={async getCountries({commit:s}){const t="name,cca3,population,region,capital,flags",a="https://restcountries.com/v3.1/all?fields="+t,i="https://restcountries.com/v2/all",e=function(s){return s.map((function(s){return{name:s.name&&s.name.common?s.name.common:s.name,alpha3Code:s.cca3||s.alpha3Code,population:s.population,region:s.region,capital:Array.isArray(s.capital)?s.capital[0]:s.capital,flag:s.flags&&(s.flags.png||s.flags.svg)||s.flag}}))};try{const t=await N["a"].get(a);return void s("SET_COUNTRIES",e(t.data))}catch(o){console.error("restcountries v3 (fields) request failed:",{message:o.message,status:o.response&&o.response.status,responseData:o.response&&o.response.data})}try{const t=await N["a"].get(i);return void s("SET_COUNTRIES",t.data)}catch(n){console.error("restcountries v2 fallback failed:",{message:n.message,status:n.response&&n.response.status,responseData:n.response&&n.response.data})}}};var $=k;i["a"].use(x["a"]);const M={countries:[]},S={SET_COUNTRIES(s,t){s.countries=t}};var O=new x["a"].Store({state:M,mutations:S,actions:$});i["a"].config.productionTip=!1,new i["a"]({store:O,render:s=>s(D)}).$mount("#app")},a88c:function(s,t,a){"use strict";a("2edf")},d381:function(s,t,a){"use strict";a("dd6d")},dd6d:function(s,t,a){},e23f:function(s,t,a){"use strict";a("ffa7")},ffa7:function(s,t,a){}});
|
|
//# sourceMappingURL=app.000d4fc8.js.map
|