{"version":3,"sources":["webpack:///./src/assets/images/index_bg_big.png","webpack:///./src/assets/images/icon/addcalendar.png","webpack:///./src/views/NewsDetail.vue?2686","webpack:///./src/assets/api/news.js","webpack:///./src/views/NewsDetail.vue?2ea1","webpack:///src/views/NewsDetail.vue","webpack:///./src/views/NewsDetail.vue?4d35","webpack:///./src/views/NewsDetail.vue","webpack:///./src/assets/images/icon/back_icon.png","webpack:///./src/assets/images/banner/news_banner.jpg"],"names":["module","exports","API_URL","newsUrl","BannersUrl","NewsApi","params","url","getRequest","response","http","render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","style","backgroundImage","BG","attrs","_v","_s","_f","news","CreatedOn","month","Categories","Title","startDay","endDay","Picture","_e","domProps","Introduction","Description","Content","staticRenderFns","data","title","nowIndex","searchString","filter","newsId","methods","getNewsDetail","vm","$route","res","status","Data","$moment","format","add","created","computed","tmpMonth","split","component"],"mappings":"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","file":"static/js/chunk-5fb5f182.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/index_bg_big.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyM2YyZjBjMy04M2JhLTdmNDUtODAzZi1jNmY0NWNhM2Q0ZjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEJDRUQ1NjdGQkRGMTFFQUI1QTlDRjRDRkJEMTA2NkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEJDRUQ1NjZGQkRGMTFFQUI1QTlDRjRDRkJEMTA2NkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODAzN2UzNzktYTk3YS0yYzQxLWI1MGUtYWZiMzZiZGE5NjhhIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MmIxZTI5M2MtYjk2NS05MTRlLWEyZTMtYWY2YjI2Yzk3NTZkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5JDVrQAAAj9JREFUeNrEl79rk0EcxvMmqWlqi+KPWjHYDnUSrKMhgyUZ2sHJSerg4iKCuDn0D2lHlyqFDoG4dHCSFkERsQQ6KYIWqoVWE6jmzfuezzc+B8dLQ+/MJR58OPLee/e8d/d8v3cJlFKpQZfsMW33wCmwDA6BzRcugMvgJXjjIpoD46AMzoIa+AIikO7SRz4oBDfBDPgK3rMt7CZ6CdwA03x+jgOcBI/BLkUzXURjDl7hTO+AAt//Dt6CD513ZE/BBHgCtkEEWqANYvW3RPwdsj6K0GiPjHGkboJVUO54iKIPQF31txyAqujp/SmBiT6bVgx5LWWY4gwYGkC05E3RlmU49FpaSfeKM3+xIfAopKhzQk8ya0z7J3hFRjwKS1KZZCidTop+Ay9Alc99ibbBFRp11hSVaf8GOwxk30UyXENPJG2su6z5qMUA0uc++9R0GFiEy4g2azqx4crFhVwdWzMp86tdi+TYJgeR+ofPo80sRTov5r4U+XwKzIOPTC4Sduu+RB/RgXqm4xS/Ds7TJDk61ZvoRXCB77d53GlXynk75jCW9YsPubwR+8yBRbAJnoItOj/2KVrncirWBdZysL9LtFvFnEsO1bW+PQwbmcv6wNCigUOc6hTZYF4N/jVO03wYW+bST8xGcjjsOYgG5p5mGGex5QptEJeTJqvTrBZ9DW6Du0z4TY/JXm6It3gt/WyKPmMslhh3++Zy9HiAS7kKDsCaKSp30iUuc4Vf5+v6kqcHVsDzjmv/x3+ZPwIMAJooWgYaJdCPAAAAAElFTkSuQmCC\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsDetail.vue?vue&type=style&index=0&id=2686aacb&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsDetail.vue?vue&type=style&index=0&id=2686aacb&lang=scss&scoped=true&\"","import http from './ajax';\n\nconst API_URL = {\n  newsUrl: '/News',\n  BannersUrl: '/Banners',\n};\n\nclass NewsApi extends http {\n  // eslint-disable-next-line no-unused-vars\n  getAllNews = async (params) => {\n    const url = `${API_URL.newsUrl}/List?count=10&leaf=${params}`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  getIndexNews = async (params) => {\n    const url = `${API_URL.newsUrl}/List?count=4&leaf=1`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  getNewsCategories = async (params) => {\n    const url = `${API_URL.newsUrl}/Categories`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  getNewsDetail = async (params) => {\n    const url = `${API_URL.newsUrl}/${params}`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  getNewsDetailFilter = async (params) => {\n    const url = `${API_URL.newsUrl}/List/${params}`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  getBanners = async (params) => {\n    const url = `${API_URL.BannersUrl}?count=10&leaf=${params}`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n}\n\nexport default new NewsApi();\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"contentContainer-noMove\",style:({ backgroundImage: 'url(' + _vm.BG + ')' })},[_c('div',{staticClass:\"content\"},[_c('div',[_c('div',{staticClass:\"activityDetail-top\"},[_c('div',{staticClass:\"bread\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('i',{staticClass:\"fas fa-home fa-lg\"})]),_c('span',[_vm._v(\">\")]),_vm._v(\" 活動專區 \")],1)]),_c('div',{staticClass:\"activityDetail-title\"},[_c('div',{staticClass:\"activityDetail-title-date\"},[_c('div',{staticClass:\"day\"},[_vm._v(_vm._s(_vm._f(\"moment\")(_vm.news.CreatedOn,'DD')))]),_c('div',{staticClass:\"other\"},[_vm._v(_vm._s(_vm.month)+\" \"+_vm._s(_vm._f(\"moment\")(_vm.news.CreatedOn,'YYYY')))])]),_c('div',{staticClass:\"activityDetail-title-text\"},[(_vm.news.Categories && _vm.news.Categories[0] === 1)?_c('div',{staticClass:\"eventCard-detail-tag orange\"},[_vm._v(\" 學會公告 \")]):(_vm.news.Categories && _vm.news.Categories[0] === 2)?_c('div',{staticClass:\"eventCard-detail-tag orange\"},[_vm._v(\" 最新消息 \")]):(_vm.news.Categories && _vm.news.Categories[0] === 3)?_c('div',{staticClass:\"eventCard-detail-tag green\"},[_vm._v(\" 國際訊息 \")]):_c('div',{staticClass:\"eventCard-detail-tag orange\"},[_vm._v(\" 其他 \")]),_c('h3',[_vm._v(_vm._s(_vm.news.Title))])]),_c('div',{staticClass:\"activityDetail-title-calendar\"},[_c('a',{staticClass:\"addCalendar\",attrs:{\"href\":(\"http://www.google.com/calendar/event?action=TEMPLATE&text=\" + (_vm.news.Title) + \"&dates=\" + _vm.startDay + \"/\" + _vm.endDay + \"&details=\" + (_vm.news.Title) + \"&location=&trp=false\"),\"target\":\"_blank\",\"rel\":\"noopener\"}},[_c('img',{attrs:{\"src\":require(\"../assets/images/icon/addcalendar.png\"),\"alt\":\"加入行事曆\"}}),_vm._v(\" 加入行事曆 \")])])]),_c('div',{staticClass:\"activityDetail-content\"},[_c('div',{staticClass:\"content-textBox\"},[_c('div',{staticClass:\"contribution-img\"},[(_vm.news.Picture)?_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":_vm.news.Picture,\"alt\":_vm.news.Title}}):_vm._e()]),(_vm.news.Introduction)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.news.Introduction)}}):_vm._e(),(_vm.news.Description)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.news.Description)}}):_vm._e(),(_vm.news.Content)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.news.Content)}}):_vm._e(),_c('div',{staticClass:\"contribution-content news\"},[_c('div',{staticClass:\"twoBtn-block\"},[_c('div',[_c('router-link',{staticClass:\"btn blue-btn text-white\",attrs:{\"to\":\"/news\"}},[_vm._v(\" 回列表頁 \"),_c('img',{attrs:{\"src\":require(\"../assets/images/icon/back_icon.png\"),\"alt\":\"回列表頁\"}})])],1)])])])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"banner-content\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":require(\"../assets/images/banner/news_banner.jpg\"),\"alt\":\"banner\"}}),_c('div',{staticClass:\"banner-text\"},[_c('h1',[_vm._v(\"最新消息\")]),_c('div',{staticClass:\"banner-text-line\"}),_c('span',[_vm._v(\"Lstest News\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"banner\">\r\n      <div class=\"banner-content\">\r\n        <img\r\n          class=\"img-fluid\"\r\n          src=\"../assets/images/banner/news_banner.jpg\"\r\n          alt=\"banner\"\r\n        />\r\n        <div class=\"banner-text\">\r\n          <h1>最新消息</h1>\r\n          <div class=\"banner-text-line\"></div>\r\n          <span>Lstest News</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"contentContainer-noMove\"\r\n      :style=\"{ backgroundImage: 'url(' + BG + ')' }\"\r\n    >\r\n      <div class=\"content\">\r\n        <div>\r\n          <div class=\"activityDetail-top\">\r\n            <div class=\"bread\">\r\n              <router-link to=\"/\">\r\n                <i class=\"fas fa-home fa-lg\"></i>\r\n              </router-link>\r\n              <span>></span>\r\n              活動專區\r\n            </div>\r\n          </div>\r\n          <div class=\"activityDetail-title\">\r\n            <div class=\"activityDetail-title-date\">\r\n              <div class=\"day\">{{news.CreatedOn | moment('DD')}}</div>\r\n              <div class=\"other\">{{month}} {{news.CreatedOn | moment('YYYY')}}</div>\r\n            </div>\r\n            <div class=\"activityDetail-title-text\">\r\n              <div\r\n                class=\"eventCard-detail-tag orange\"\r\n                v-if=\"news.Categories && news.Categories[0] === 1\"\r\n              >\r\n                學會公告\r\n              </div>\r\n              <div\r\n                class=\"eventCard-detail-tag orange\"\r\n                v-else-if=\"news.Categories && news.Categories[0] === 2\"\r\n              >\r\n                最新消息\r\n              </div>\r\n              <div\r\n                class=\"eventCard-detail-tag green\"\r\n                v-else-if=\"news.Categories && news.Categories[0] === 3\"\r\n              >\r\n                國際訊息\r\n              </div>\r\n              <div\r\n                class=\"eventCard-detail-tag orange\"\r\n                v-else\r\n              >\r\n                其他\r\n              </div>\r\n              <h3>{{ news.Title }}</h3>\r\n            </div>\r\n            <div class=\"activityDetail-title-calendar\">\r\n              <a\r\n                class=\"addCalendar\"\r\n                :href=\"`http://www.google.com/calendar/event?action=TEMPLATE&text=${news.Title}&dates=${startDay}/${endDay}&details=${news.Title}&location=&trp=false`\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\"\r\n              >\r\n                <img\r\n                  src=\"../assets/images/icon/addcalendar.png\"\r\n                  alt=\"加入行事曆\"\r\n                />\r\n                加入行事曆\r\n              </a>\r\n            </div>\r\n          </div>\r\n          <div class=\"activityDetail-content\">\r\n            <div class=\"content-textBox\">\r\n              <div class=\"contribution-img\">\r\n                <img class=\"img-fluid\" v-if=\"news.Picture\" :src=\"news.Picture\" :alt=\"news.Title\" />\r\n              </div>\r\n              <div v-if=\"news.Introduction\" v-html=\"news.Introduction\"></div>\r\n              <div v-if=\"news.Description\" v-html=\"news.Description\"></div>\r\n              <div v-if=\"news.Content\" v-html=\"news.Content\"></div>\r\n              <div class=\"contribution-content news\">\r\n                <div class=\"twoBtn-block\">\r\n                  <div>\r\n                    <router-link to=\"/news\" class=\"btn blue-btn text-white\">\r\n                      回列表頁\r\n                      <img\r\n                        src=\"../assets/images/icon/back_icon.png\"\r\n                        alt=\"回列表頁\"\r\n                      />\r\n                    </router-link>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import $ from 'jquery';\r\n// import NewsList from '@/components/NewsList.vue';\r\nimport NewsApi from '@/assets/api/news';\r\nimport BG from '../assets/images/index_bg_big.png';\r\nimport 'vue-lazy-youtube-video/dist/style.css';\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      BG,\r\n      title: '',\r\n      nowIndex: 0,\r\n      searchString: '',\r\n      news: {},\r\n      filter: '',\r\n      newsId: '',\r\n      startDay: '',\r\n      endDay: '',\r\n    };\r\n  },\r\n  methods: {\r\n    getNewsDetail() {\r\n      const vm = this;\r\n      vm.newsId = vm.$route.params.newsId;\r\n      NewsApi.getNewsDetail(vm.newsId).then((res) => {\r\n        if (res.status === 200) {\r\n          vm.news = res.data.Data;\r\n          vm.startDay = vm.$moment(vm.news.CreatedOn).format('YYYYMMDD');\r\n          vm.endDay = vm.$moment(vm.startDay).add(1, 'days').format('YYYYMMDD');\r\n        }\r\n        // console.log(res);\r\n      });\r\n    },\r\n  },\r\n  created() {\r\n    const vm = this;\r\n    vm.getNewsDetail();\r\n  },\r\n  computed: {\r\n    month() {\r\n      const vm = this;\r\n      let tmpMonth;\r\n      if (vm.news.CreatedOn) {\r\n        tmpMonth = vm.news.CreatedOn.split('-');\r\n        switch (tmpMonth[1]) {\r\n          case '01':\r\n            tmpMonth = 'JAN';\r\n            break;\r\n          case '02':\r\n            tmpMonth = 'FEB';\r\n            break;\r\n          case '03':\r\n            tmpMonth = 'MAR';\r\n            break;\r\n          case '04':\r\n            tmpMonth = 'APR';\r\n            break;\r\n          case '05':\r\n            tmpMonth = 'MAY';\r\n            break;\r\n          case '06':\r\n            tmpMonth = 'JUN';\r\n            break;\r\n          case '07':\r\n            tmpMonth = 'JUL';\r\n            break;\r\n          case '08':\r\n            tmpMonth = 'AUG';\r\n            break;\r\n          case '09':\r\n            tmpMonth = 'SEP';\r\n            break;\r\n          case '10':\r\n            tmpMonth = 'OCT';\r\n            break;\r\n          case '11':\r\n            tmpMonth = 'NOV';\r\n            break;\r\n          case '12':\r\n            tmpMonth = 'DEC';\r\n            break;\r\n\r\n          default:\r\n            break;\r\n        }\r\n      }\r\n\r\n      return tmpMonth;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.list-bg {\r\n  a {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.activityDetail-title-text {\r\n  .eventCard-detail-tag {\r\n    @media (max-width: 420px) {\r\n      margin-right: 0;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n  }\r\n}\r\n\r\n.contribution-content {\r\n  &.news {\r\n    border: unset;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewsDetail.vue?vue&type=template&id=2686aacb&scoped=true&\"\nimport script from \"./NewsDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewsDetail.vue?vue&type=style&index=0&id=2686aacb&lang=scss&scoped=true&\"\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  \"2686aacb\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANVJREFUeNpi/P//PwM1ABMDlQAxBvkB8WpKDGID4j4g3gDEEoQMYsEhrgjEq4DYhGi/gQIbDYcC8cf/qOAbEB8D4qlAbIVFD4pBHEA8/T9xYDkQ8+Ay6Oh/0sAeIGbGZpAeEF8n0bAkbAaBMDcQzyfBoBO4DILhaCD+hKThNBBbAnExEL9CEv9OyCAQVgXic1ANh5HEpYH4PlT8CzEGgTA7EE8C4kNo4ulQg3YTaxAMy6HxA6EGecPEGMnM/QuB+C8QJ1GS+72A+BcQZyALMg668gggwADCTT0NBe9eggAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/img/news_banner.jpg\";"],"sourceRoot":""}