{"version":3,"sources":["webpack:///./src/components/AboutUs/RecreationDetail.vue?a5b7","webpack:///src/components/AboutUs/RecreationDetail.vue","webpack:///./src/components/AboutUs/RecreationDetail.vue?bcf0","webpack:///./src/components/AboutUs/RecreationDetail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_s","recreation_detail_data","leisure_activities_name","leisure_activities_detail","recreation_detail_data_file","attrs","_l","img_file","i","key","on","$event","showMultiple","imgs","visible","index","handleHide","_e","staticRenderFns","components","VueEasyLightbox","data","created","getEvent","methods","axios","id","show","component","VCard","VCol","VContainer","VImg","VRow"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQC,YAAY,CAAC,mBAAmB,UAAU,OAAS,SAAS,CAACH,EAAG,MAAM,CAACG,YAAY,CAAC,OAAS,UAAU,CAACH,EAAG,KAAK,CAACE,YAAY,uBAAuB,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,uBAAuB,GAAGC,4BAA4BP,EAAG,IAAI,CAACE,YAAY,OAAOC,YAAY,CAAC,YAAY,OAAO,cAAc,QAAQ,CAACP,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,uBAAuB,GAAGE,8BAA+BZ,EAAIa,6BAA6B,GAAIT,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,KAAK,CAACJ,EAAIQ,GAAG,eAAeJ,EAAG,cAAc,CAACU,MAAM,CAAC,MAAQ,KAAK,CAACV,EAAG,QAAQJ,EAAIe,GAAIf,EAAQ,MAAE,SAASgB,EAASC,GAAG,OAAOb,EAAG,QAAQ,CAACc,IAAID,EAAEH,MAAM,CAAC,KAAO,MAAM,CAACV,EAAG,SAAS,CAACU,MAAM,CAAC,KAAO,GAAG,KAAO,IAAIK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,aAAaJ,MAAM,CAACb,EAAG,QAAQ,CAACE,YAAY,iBAAiBQ,MAAM,CAAC,IAAMd,EAAIsB,KAAKL,GAAG,eAAe,QAAQ,GAAGb,EAAG,kBAAkB,CAACU,MAAM,CAAC,QAAUd,EAAIuB,QAAQ,KAAOvB,EAAIsB,KAAK,MAAQtB,EAAIwB,OAAOL,GAAG,CAAC,KAAOnB,EAAIyB,eAAe,MAAK,IAAI,IAAI,GAAGzB,EAAI0B,UACxiCC,EAAkB,G,mCC4BtB,GACEC,WAAY,CACVC,gBAAJ,QAEEC,KAAM,WAAR,OACA,2CACA,0BACA,+BACA,QACA,WACA,UAEEC,QAZF,WAaI9B,KAAK+B,YAGPC,QAAS,CACPD,SADJ,WACA,WACM/B,KAAKiC,MACX,IACA,kEAEA,sBAEA,kBACQ,IAAR,KACA,KACA,KAEQ,EAAR,OACQ,EAAR,yBAGQ,EAAR,OAEQ,EAAR,yBACQ,EAAR,qBAEU,EAAV,2BACY,EAAZ,KACA,8EAMQ,EAAR,WAIIb,aAlCJ,SAkCA,GACMpB,KAAKuB,MAAQW,EACblC,KAAKmC,QAEPA,KAtCJ,WAuCMnC,KAAKsB,SAAU,GAEjBE,WAzCJ,WA0CMxB,KAAKsB,SAAU,KCvFkW,I,6FCOnXc,EAAY,eACd,EACAtC,EACA4B,GACA,EACA,KACA,KACA,MAIa,aAAAU,EAAiB,QAShC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,OAAA,KAAKC,OAAA","file":"js/chunk-2d0e8f69.17c7961a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"py-10\",staticStyle:{\"background-color\":\"#ebf7fa\",\"height\":\"100%\"}},[_c('div',{staticStyle:{\"margin\":\"0 10%\"}},[_c('h1',{staticClass:\"primary--text pt-10\"},[_vm._v(_vm._s(_vm.recreation_detail_data[0].leisure_activities_name))]),_c('p',{staticClass:\"mt-5\",staticStyle:{\"font-size\":\"18px\",\"line-height\":\"1.8\"}},[_vm._v(_vm._s(_vm.recreation_detail_data[0].leisure_activities_detail))]),(_vm.recreation_detail_data_file!=[])?_c('div',{staticClass:\"mt-10\"},[_c('h3',[_vm._v(\"ภาพประกอบ\")]),_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',_vm._l((_vm.imgs),function(img_file,i){return _c('v-col',{key:i,attrs:{\"cols\":\"2\"}},[_c('v-card',{attrs:{\"flat\":\"\",\"tile\":\"\"},on:{\"click\":function($event){return _vm.showMultiple(i)}}},[_c('v-img',{staticClass:\"grey lighten-2\",attrs:{\"src\":_vm.imgs[i],\"aspect-ratio\":\"1\"}})],1),_c('VueEasyLightbox',{attrs:{\"visible\":_vm.visible,\"imgs\":_vm.imgs,\"index\":_vm.index},on:{\"hide\":_vm.handleHide}})],1)}),1)],1)],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"py-10\" style=\"background-color:#ebf7fa; height:100%\">\n    <div style=\"margin:0 10%;\">\n      <!-- <pre>{{recreation_detail_data}}</pre> -->\n      <!-- <pre>{{recreation_detail_data_file}}</pre> -->\n      <h1 class=\"primary--text pt-10\">{{recreation_detail_data[0].leisure_activities_name}}</h1>\n      <p\n        class=\"mt-5\"\n        style=\"font-size:18px; line-height:1.8;\"\n      >{{recreation_detail_data[0].leisure_activities_detail}}</p>\n      <div v-if=\"recreation_detail_data_file!=[]\" class=\"mt-10\">\n        <h3>ภาพประกอบ</h3>\n        <v-container fluid>\n          <v-row>\n            <v-col cols=\"2\" v-for=\"(img_file,i) in imgs\" :key=\"i\">\n              <v-card flat tile @click=\"showMultiple(i)\">\n                <v-img :src=\"imgs[i]\" aspect-ratio=\"1\" class=\"grey lighten-2\"></v-img>\n              </v-card>\n              <VueEasyLightbox :visible=\"visible\" :imgs=\"imgs\" :index=\"index\" @hide=\"handleHide\"></VueEasyLightbox>\n            </v-col>\n          </v-row>\n        </v-container>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport VueEasyLightbox from \"vue-easy-lightbox\";\n\nexport default {\n  components: {\n    VueEasyLightbox\n  },\n  data: () => ({\n    env: process.env.VUE_APP_API,\n    recreation_detail_data: [],\n    recreation_detail_data_file: [],\n    imgs: [], // Img Url , string or Array\n    visible: false,\n    index: 0\n  }),\n  created() {\n    this.getEvent();\n    // this.getEventFile();\n  },\n  methods: {\n    getEvent() {\n      this.axios\n        .get(\n          process.env.VUE_APP_API +\n            \"/api/v1/leisure_activities/\" +\n            this.$route.query.id\n        )\n        .then(response => {\n          let get_event = [];\n          let get_event_detail_file = [];\n          let get_event_file_path = [];\n          // console.log(response.data);\n          get_event = response.data;\n          this.recreation_detail_data = get_event;\n\n          // console.log(response.data);\n          get_event_detail_file = response.data;\n\n          this.event_detail_data_file = get_event_detail_file;\n          get_event_detail_file.forEach(element => {\n            // console.log(element);\n            element.image.forEach(image => {\n              get_event_file_path.push(\n                process.env.VUE_APP_API + image.leisure_activities_image_path\n              );\n            });\n          });\n          // console.log(get_event_file_path);\n\n          this.imgs = get_event_file_path;\n        });\n    },\n\n    showMultiple(id) {\n      this.index = id; // index of imgList\n      this.show();\n    },\n    show() {\n      this.visible = true;\n    },\n    handleHide() {\n      this.visible = false;\n    }\n  }\n};\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecreationDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecreationDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecreationDetail.vue?vue&type=template&id=1fe06bca&\"\nimport script from \"./RecreationDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./RecreationDetail.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCol,VContainer,VImg,VRow})\n"],"sourceRoot":""}