{"version":3,"sources":["webpack:///./src/components/Course/CalendarWeekDetail.vue?722c","webpack:///src/components/Course/CalendarWeekDetail.vue","webpack:///./src/components/Course/CalendarWeekDetail.vue?8aac","webpack:///./src/components/Course/CalendarWeekDetail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_s","event_detail_data","event_name","domProps","event_detail","file","length","attrs","_l","img_file","i","key","on","$event","showMultiple","env","event_file_path","visible","imgs","index","handleHide","_e","staticRenderFns","components","VueEasyLightbox","data","watch","val","getDataMorningActivity","mounted","computed","created","methods","axios","id","show","component","VCard","VCol","VContainer","VImg","VRow"],"mappings":"uHAAA,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,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,kBAAkBC,WAAaX,EAAIU,kBAAkBC,WAAa,sBAAwB,IAAI,OAAOP,EAAG,IAAI,CAACE,YAAY,OAAOC,YAAY,CAAC,YAAY,OAAO,cAAc,MAAM,cAAc,YAAYK,SAAS,CAAC,UAAYZ,EAAIS,GAAGT,EAAIU,kBAAkBG,iBAAkBb,EAAIU,kBAAkBI,MAAQd,EAAIU,kBAAkBI,KAAKC,OAAS,EAAGX,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,KAAK,CAACJ,EAAIQ,GAAG,eAAeJ,EAAG,cAAc,CAACY,MAAM,CAAC,MAAQ,KAAK,CAACZ,EAAG,QAAQJ,EAAIiB,GAAIjB,EAAIU,kBAAsB,MAAE,SAASQ,EAASC,GAAG,OAAOf,EAAG,QAAQ,CAACgB,IAAID,EAAEH,MAAM,CAAC,KAAO,MAAM,CAACZ,EAAG,SAAS,CAACY,MAAM,CAAC,KAAO,GAAG,KAAO,IAAIK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOtB,EAAIuB,aAAaJ,MAAM,CAACf,EAAG,QAAQ,CAACE,YAAY,iBAAiBU,MAAM,CAAC,IAAMhB,EAAIwB,IAAM,IAAMN,EAASO,gBAAgB,eAAe,QAAQ,IAAI,MAAK,IAAI,GAAGrB,EAAG,kBAAkB,CAACY,MAAM,CAAC,QAAUhB,EAAI0B,QAAQ,KAAO1B,EAAI2B,KAAK,MAAQ3B,EAAI4B,OAAOP,GAAG,CAAC,KAAOrB,EAAI6B,eAAe,GAAG7B,EAAI8B,UAC3rCC,EAAkB,G,mCCsDtB,GACEC,WAAY,CACVC,gBAAJ,QAEEC,KAAM,WAAR,OACA,4CACA,2CACA,qBACA,gBAEA,QACA,WACA,UAEEC,MAAO,CACL,4BADJ,SACA,GAEiB,GAAPC,GACFnC,KAAKoC,0BAGT,2BAPJ,SAOA,GAEiB,GAAPD,GACFnC,KAAKoC,2BAIXC,QA5BF,aA6BEC,SAAU,GACVC,QA9BF,WA+BIvC,KAAKoC,0BAGPI,QAAS,CA2FPJ,uBA3FJ,WA2FA,WACMpC,KAAKyC,MACX,iEACA,kBACQ,IAAR,SAGA,KACQ,EAAR,qBACU,GAAV,+BAIY,GAHA,EAAZ,0BACc,EAAd,qCAEA,GACc,IAAd,oBACc,EAAd,0BACA,UACA,0CAGY,EAAZ,wBAGQ,EAAR,OACQ,EAAR,kCAIInB,aAvHJ,SAuHA,GACMtB,KAAK2B,MAAQe,EACb1C,KAAK2C,QAEPA,KA3HJ,WA4HM3C,KAAKyB,SAAU,GAEjBG,WA9HJ,WA+HM5B,KAAKyB,SAAU,KCxNoW,I,6FCOrXmB,EAAY,eACd,EACA9C,EACAgC,GACA,EACA,KACA,KACA,MAIa,aAAAc,EAAiB,QAShC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,OAAA,KAAKC,OAAA","file":"js/chunk-2d238609.042c0a1f.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.event_detail_data.event_name ? _vm.event_detail_data.event_name + \" (Morning Activity)\" : \"\")+\" \")]),_c('p',{staticClass:\"mt-5\",staticStyle:{\"font-size\":\"18px\",\"line-height\":\"1.8\",\"white-space\":\"pre-wrap\"},domProps:{\"innerHTML\":_vm._s(_vm.event_detail_data.event_detail)}}),(_vm.event_detail_data.file && _vm.event_detail_data.file.length > 0)?_c('div',{staticClass:\"mt-10\"},[_c('h3',[_vm._v(\"ภาพประกอบ\")]),_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',_vm._l((_vm.event_detail_data.file),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.env + '/' + img_file.event_file_path,\"aspect-ratio\":\"1\"}})],1)],1)}),1)],1),_c('VueEasyLightbox',{attrs:{\"visible\":_vm.visible,\"imgs\":_vm.imgs,\"index\":_vm.index},on:{\"hide\":_vm.handleHide}})],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"py-10\" style=\"background-color: #ebf7fa; height: 100%\">\n    <!-- <pre>{{ $route.params }}</pre> -->\n    <div style=\"margin: 0 10%\">\n      <!-- <pre>{{ event_detail_data }}</pre> -->\n\n      <h1 class=\"primary--text pt-10\">\n        {{\n          event_detail_data.event_name\n            ? event_detail_data.event_name + \" (Morning Activity)\"\n            : \"\"\n        }}\n      </h1>\n      <p\n        class=\"mt-5\"\n        style=\"font-size: 18px; line-height: 1.8; white-space: pre-wrap\"\n        v-html=\"event_detail_data.event_detail\"\n      >\n        <!-- {{ event_detail_data.event_detail }} -->\n      </p>\n      <div\n        v-if=\"event_detail_data.file && event_detail_data.file.length > 0\"\n        class=\"mt-10\"\n      >\n        <h3>ภาพประกอบ</h3>\n        <v-container fluid>\n          <v-row>\n            <v-col\n              cols=\"2\"\n              v-for=\"(img_file, i) in event_detail_data.file\"\n              :key=\"i\"\n            >\n              <v-card flat tile @click=\"showMultiple(i)\">\n                <v-img\n                  :src=\"env + '/' + img_file.event_file_path\"\n                  aspect-ratio=\"1\"\n                  class=\"grey lighten-2\"\n                ></v-img>\n              </v-card>\n            </v-col>\n          </v-row>\n        </v-container>\n        <VueEasyLightbox\n          :visible=\"visible\"\n          :imgs=\"imgs\"\n          :index=\"index\"\n          @hide=\"handleHide\"\n        ></VueEasyLightbox>\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    today: new Date().toISOString().substr(0, 10),\n    env: process.env.VUE_APP_API,\n    event_detail_data: {},\n    categoryList: [],\n    // event_detail_data_file: [],\n    imgs: [], // Img Url , string or Array\n    visible: false,\n    index: 0,\n  }),\n  watch: {\n    \"$store.state.event_status\"(val) {\n      // console.log(\"event_status\" + val);\n      if (val == true) {\n        this.getDataMorningActivity();\n      }\n    },\n    \"$store.state.news_status\"(val) {\n      // console.log(\"news_status\" + val);\n      if (val == true) {\n        this.getDataMorningActivity();\n      }\n    },\n  },\n  mounted() {},\n  computed: {},\n  created() {\n    this.getDataMorningActivity();\n    // console.log(window.location.pathname);\n  },\n  methods: {\n    // getEventByWeek() {\n    //   var date = this.today;\n    //   var yy = date.split(\"-\")[0];\n    //   var mm = date.split(\"-\")[1];\n    //   var dd = date.split(\"-\")[2];\n    //   var params = dd + \"-\" + mm + \"-\" + yy;\n    //   this.axios\n    //     .get(process.env.VUE_APP_API + \"/api/v1/calendars_week/\" + params)\n    //     .then(res => {\n    //       var data = res.data.data;\n    //       // console.log(data);\n    //       var event_list = {\n    //         category_id: null,\n    //         category_name: null,\n    //         event_detail: null,\n    //         event_end_date: null,\n    //         event_end_time: null,\n    //         event_file: [],\n    //         event_id: null,\n    //         event_name: null,\n    //         event_position_id: null,\n    //         event_start_date: null,\n    //         event_start_time: null\n    //       };\n    //       var unique_id = [];\n    //       data.forEach(element => {\n    //         if (this.$route.query.id == element.event_id) {\n    //           event_list.category_id = element.category_id;\n    //           event_list.category_name = element.category_name;\n    //           event_list.event_detail = element.event_detail;\n    //           event_list.event_start_time = element.event_start_time;\n    //           event_list.event_end_time = element.event_end_time;\n    //           event_list.event_start_date = element.event_start_date;\n    //           event_list.event_end_date = element.event_end_date;\n    //           event_list.event_id = element.event_id;\n    //           event_list.event_name = element.event_name;\n    //           event_list.event_position_id = element.event_position_id;\n    //           event_list.event_file.push({\n    //             event_file_id: element.event_file_id,\n    //             event_file_path: element.event_file_path\n    //           });\n    //         }\n    //       });\n\n    //       let get_event_file_path = [];\n\n    //       // event_list.forEach(event => {\n    //       //   if (event.event_id == this.$route.query.id) {\n    //       //     if (element.event_file_id) {\n    //       //       get_event_file_path.push(\n    //       //         this.env + \"/\" + element.event_file_path\n    //       //       );\n    //       //       event.event_file.push({\n    //       //         event_file_id: element.event_file_id,\n    //       //         event_file_path: element.event_file_path\n    //       //       });\n    //       //     }\n    //       //   }\n    //       // });\n\n    //       // console.log(event_list);\n    //       // // console.log(data_date);\n    //       // this.event_list = data_date;\n\n    //       // event_list.forEach(element => {\n    //       //   if (element.event_id == this.$route.query.id) {\n    //       //     data_date.forEach(item => {\n    //       //       get_event_file_path.push(\n    //       //         this.env + \"/\" + element.event_file_path\n    //       //       );\n    //       //       item.event_file.push({\n    //       //         event_file_id: element.event_file_id,\n    //       //         event_file_path: element.event_file_path\n    //       //       });\n    //       //     });\n    //       //   }\n    //       // });\n    //       if (event_list && event_list.event_file.length > 0) {\n    //         event_list.event_file.forEach(element => {\n    //           get_event_file_path.push(\n    //             this.env + \"/\" + element.event_file_path\n    //           );\n    //         });\n    //       }\n    //       this.imgs = get_event_file_path;\n    //       // console.log(data_date);\n    //       this.event_detail_data = event_list;\n    //       this.$store.state.news_status = null;\n    //     });\n    // },\n    getDataMorningActivity() {\n      this.axios\n        .get(process.env.VUE_APP_API + \"/api/v1/event/catta/5\")\n        .then((res) => {\n          var data = res.data;\n          // console.log(data);\n\n          let get_event_file_path = [];\n          data.forEach((element) => {\n            if (element.event_id == this.$route.query.id) {\n              element.file.forEach((file) => {\n                get_event_file_path.push(this.env + \"/\" + file.event_file_path);\n              });\n              if (element) {\n                let esc = element.event_detail + \"\";\n                element.event_detail = esc.replaceAll(\n                  /<img /gi,\n                  \"<img style='width:100%; height:auto;' \"\n                );\n              }\n              this.event_detail_data = element;\n            }\n          });\n          this.imgs = get_event_file_path;\n          this.$store.state.news_status = null;\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>\n\n","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!./CalendarWeekDetail.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!./CalendarWeekDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CalendarWeekDetail.vue?vue&type=template&id=2c45b10a&\"\nimport script from \"./CalendarWeekDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./CalendarWeekDetail.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":""}