{"version":3,"sources":["webpack:///./src/views/CountrySelection.vue?187d","webpack:///./src/views/CountrySelection.vue?cfc0","webpack:///src/views/CountrySelection.vue","webpack:///./src/views/CountrySelection.vue?8b3d","webpack:///./src/views/CountrySelection.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","_v","_l","country","i","key","on","$event","preventDefault","selectCountry","_s","name","staticRenderFns","staticStyle","attrs","components","data","countries","category","countryCode","methods","localStorage","setItem","item","code","window","location","domain","created","getContent","computed","component"],"mappings":"uGAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIM,GAAG,GAAGF,EAAG,UAAU,CAACG,YAAY,oBAAoB,CAACH,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACH,EAAG,MAAM,CAACG,YAAY,iDAAiD,CAACH,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,IAAI,CAACG,YAAY,0BAA0B,CAACP,EAAIQ,GAAG,eAAeJ,EAAG,MAAMJ,EAAIS,GAAIT,EAAa,WAAE,SAASU,EAAQC,GAAG,OAAOP,EAAG,MAAM,CAACQ,IAAID,EAAEJ,YAAY,UAAUM,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBf,EAAIgB,cAAcN,MAAY,CAACV,EAAIQ,GAAG,IAAIR,EAAIiB,GAAGP,EAAQQ,MAAM,UAAS,aAAalB,EAAIM,GAAG,MACrpBa,EAAkB,CAAC,WAAa,IAAInB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACA,EAAG,MAAM,CAACG,YAAY,0BAA0B,CAACH,EAAG,OAAO,CAACJ,EAAIQ,GAAG,8BAA8B,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,sCAAsCa,YAAY,CAAC,UAAU,OAAO,MAAQ,IAAI,OAAS,MAAM,CAAChB,EAAG,MAAM,CAACG,YAAY,aAAac,MAAM,CAAC,GAAK,YAAY,KAAO,QAAQ,YAAY,YAAY,cAAc,OAAO,aAAa,SAAS,CAACjB,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,SAAS,CAACG,YAAY,WAAW,CAACP,EAAIQ,GAAG,aAAaJ,EAAG,SAAS,CAACG,YAAY,kBAAkBc,MAAM,CAAC,KAAO,SAAS,eAAe,QAAQ,aAAa,UAAU,CAACjB,EAAG,OAAO,CAACiB,MAAM,CAAC,cAAc,SAAS,CAACrB,EAAIQ,GAAG,WAAWJ,EAAG,MAAM,CAACG,YAAY,cAAc,CAACP,EAAIQ,GAAG,2D,YCyEz2B,G,UAAA,CACEc,WAAY,GAKZC,KANF,WAOI,MAAO,CACLC,UAAW,GACXC,SAAU,GACVC,YAAa,KAIjBC,QAAS,CACP,WADJ,WACA,wKACA,OACA,gBACA,kBACA,aAEA,cACA,kBAEA,mBACA,kBAVA,8CAeIX,cAhBJ,SAgBA,GAQMY,aAAaC,QAAQ,eAAgBC,EAAKC,MAC1CC,OAAOC,SAAWH,EAAKI,SAM3BC,QA7CF,WA8CIlC,KAAKmC,cAYPC,SAAU,KCpI8U,I,wBCQtVC,EAAY,eACd,EACAvC,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAmB,E","file":"js/Index.69ffbbdc.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountrySelection.vue?vue&type=style&index=0&id=dd4da1fa&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('section',{staticClass:\"bg-black hhv-100\"},[_c('div',{staticClass:\"container py-5\"},[_c('div',{staticClass:\"row justify-content-center align-items-center\"},[_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"mb-4 mt-5\"},[_c('p',{staticClass:\"text-center text-white\"},[_vm._v(\"Countries\")]),_c('div',_vm._l((_vm.countries),function(country,i){return _c('div',{key:i,staticClass:\"country\",on:{\"click\":function($event){$event.preventDefault();return _vm.selectCountry(country)}}},[_vm._v(\" \"+_vm._s(country.name)+\" \")])}),0)])])])])]),_vm._m(1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('div',{staticClass:\"category-title-bg py-3\"},[_c('span',[_vm._v(\"Select your Country\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"position-fixed bottom-0 right-0 p-3\",staticStyle:{\"z-index\":\"9999\",\"right\":\"0\",\"bottom\":\"0\"}},[_c('div',{staticClass:\"toast hide\",attrs:{\"id\":\"liveToast\",\"role\":\"alert\",\"aria-live\":\"assertive\",\"aria-atomic\":\"true\",\"data-delay\":\"2000\"}},[_c('div',{staticClass:\"toast-header\"},[_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Message\")]),_c('button',{staticClass:\"ml-2 mb-1 close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"toast\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]),_c('div',{staticClass:\"toast-body\"},[_vm._v(\" You need to login or create an account first. \")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <section>\n      <div class=\"category-title-bg py-3\">\n        <!-- <router-link :to=\"`videos?c=${category.code}`\"> -->\n        <span>Select your Country</span>\n        <!-- </router-link> -->\n      </div>\n      <!-- <div><CategorySlider :codes=\"category.code\" /></div> -->\n    </section>\n    <section class=\"bg-black hhv-100\">\n      <div class=\"container py-5\">\n        <div class=\"row justify-content-center align-items-center\">\n          <div class=\"col-lg-4\">\n            <div class=\"mb-4 mt-5\">\n              <!-- <h4 class=\"text-warning\">Question 1: How to watch the video?</h4>\n              <p class=\"text-white\">\n                Answer 1: <br />\n                You need to register first then subscribe to the service.\n              </p> -->\n              <p class=\"text-center text-white\">Countries</p>\n              <div>\n                <div\n                  v-for=\"(country, i) in countries\"\n                  :key=\"i\"\n                  class=\"country\"\n                  @click.prevent=\"selectCountry(country)\"\n                >\n                  {{ country.name }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <div\n      class=\"position-fixed bottom-0 right-0 p-3\"\n      style=\"z-index: 9999; right: 0; bottom: 0\"\n    >\n      <div\n        id=\"liveToast\"\n        class=\"toast hide\"\n        role=\"alert\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        data-delay=\"2000\"\n      >\n        <div class=\"toast-header\">\n          <strong class=\"mr-auto\">Message</strong>\n          <!-- <small>11 mins ago</small> -->\n          <button\n            type=\"button\"\n            class=\"ml-2 mb-1 close\"\n            data-dismiss=\"toast\"\n            aria-label=\"Close\"\n          >\n            <span aria-hidden=\"true\">&times;</span>\n          </button>\n        </div>\n        <div class=\"toast-body\">\n          You need to login or create an account first.\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// import Featured from \"./Featured.vue\";\n// import SkeletonThumbnail from \"../components/SkeletonThumbnail.vue\";\n// import $ from \"jquery\";\n// import moment from \"moment\";\nexport default {\n  components: {\n    // Featured,\n    // SkeletonThumbnail,\n  },\n\n  data() {\n    return {\n      countries: [],\n      category: {},\n      countryCode: \"\",\n    };\n  },\n\n  methods: {\n    async getContent() {\n      await this.$api\n        .get(\"/Country\")\n        .then((response) => {\n          const res = response.data;\n          // this.contents = res;\n          this.countries = res;\n          console.log(res);\n        })\n        .catch((e) => {\n          console.log(e);\n          // this.loadingBtn = false;\n        });\n    },\n\n    selectCountry(item) {\n      // if (item.code === \"PH\") {\n      //   localStorage.setItem(\"country_code\", item.code);\n      //   window.location = item.domain;\n      //   return;\n      // }\n\n      // if (item.code === \"PL\") {\n      localStorage.setItem(\"country_code\", item.code);\n      window.location = item.domain;\n      // return;\n      // }\n    },\n  },\n\n  created() {\n    this.getContent();\n    // this.getCountry();\n\n    // const cc = localStorage.getItem(\"country_code\");\n\n    // if (cc) {\n    //   // console.log(\"app ...\");\n    //   this.$router.push({ path: \"/\" });\n    //   return;\n    // }\n  },\n\n  computed: {},\n};\n</script>\n\n<style scoped>\n.video-time {\n  position: absolute;\n  background-color: #fff;\n  right: 5px;\n  padding: 0px 10px;\n  border-radius: 5px;\n  bottom: 10px;\n  font-size: 0.8rem;\n}\n.video-img {\n  border-radius: 10px;\n  height: 100%;\n}\n\n.hhv-100 {\n  height: 100vh;\n}\n\n@media only screen and (max-width: 767px) {\n  .videos-thumbs-container {\n    height: 200px;\n  }\n\n  .hhv-100 {\n    height: 100%;\n  }\n\n  .video-img {\n    width: 100%;\n    height: 100%;\n    margin: auto;\n    display: block;\n    object-fit: cover;\n  }\n}\n\n.country {\n  border: 1px solid #fff;\n  padding: 10px 15px;\n  color: #fff;\n  margin-bottom: 15px;\n}\n\n.country:hover {\n  background-color: #fff;\n  color: #000;\n  cursor: pointer;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountrySelection.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountrySelection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CountrySelection.vue?vue&type=template&id=dd4da1fa&scoped=true&\"\nimport script from \"./CountrySelection.vue?vue&type=script&lang=js&\"\nexport * from \"./CountrySelection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CountrySelection.vue?vue&type=style&index=0&id=dd4da1fa&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"dd4da1fa\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}