{"version":3,"sources":["webpack:///./src/components/miniapp/home/OtherArticle.vue?5a90","webpack:///./src/components/miniapp/home/OtherArticle.vue?1290","webpack:///src/components/miniapp/home/OtherArticle.vue","webpack:///./src/components/miniapp/home/OtherArticle.vue?f6a2","webpack:///./src/components/miniapp/home/OtherArticle.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_m","_l","articles","slice","page","article","index","key","staticClass","id","on","$event","open","link","post_thumbnail_url","domProps","_s","title","rendered","brief","infiniteHandler","slot","_v","_e","staticRenderFns","data","props","isHighlightArticle","type","Boolean","default","mounted","getArticle","methods","$liff","openWindow","url","external","window","component"],"mappings":"4IAAA,yBAAinB,EAAG,G,2CCApnB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,kBAAkB,CAACN,EAAIO,GAAG,GAAGP,EAAIQ,GAAIR,EAAIS,SAASC,MAAM,EAAEV,EAAIW,OAAO,SAASC,EAAQC,GAAO,OAAOT,EAAG,MAAM,CAACU,IAAID,EAAME,YAAY,YAAYT,MAAM,CAAC,cAAc,YAAY,cAAcM,EAAQI,GAAG,gBAAgB,aAAaC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAImB,KAAKP,EAAQQ,KAAK,6BAA6B,CAAChB,EAAG,MAAM,CAACW,YAAY,SAAS,CAACX,EAAG,MAAM,CAACW,YAAY,YAAYT,MAAM,CAAC,IAAMM,EAAQS,wBAAwBjB,EAAG,MAAM,CAACW,YAAY,WAAW,CAACX,EAAG,MAAM,CAACW,YAAY,eAAe,CAACX,EAAG,IAAI,CAACW,YAAY,iBAAiBO,SAAS,CAAC,UAAYtB,EAAIuB,GAAGX,EAAQY,MAAQZ,EAAQY,MAAMC,SAAW,OAAOrB,EAAG,IAAI,CAACW,YAAY,sBAAsBO,SAAS,CAAC,UAAYtB,EAAIuB,GAAGX,EAAQc,MAAQd,EAAQc,MAAQ,gBAAgB1B,EAAIS,SAAe,OAAEL,EAAG,mBAAmB,CAACE,MAAM,CAAC,QAAU,YAAYW,GAAG,CAAC,SAAWjB,EAAI2B,kBAAkB,CAACvB,EAAG,MAAM,CAACE,MAAM,CAAC,KAAO,cAAcsB,KAAK,cAAc,CAAC5B,EAAI6B,GAAG,4BAA4BzB,EAAG,MAAM,CAACE,MAAM,CAAC,KAAO,WAAWsB,KAAK,WAAW,CAAC5B,EAAI6B,GAAG,8BAA8B7B,EAAI8B,MAAM,IAChoCC,EAAkB,CAAC,WAAa,IAAI/B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACW,YAAY,UAAU,CAACX,EAAG,OAAO,CAACW,YAAY,gBAAgB,CAACf,EAAI6B,GAAG,mB,0oBCiC1L,OACEG,KADF,WAEI,MAAO,CACLvB,SAAU,GACVE,KAAM,KAGVsB,MAAO,CACLC,mBAAoB,CAClBC,KAAMC,QACNC,SAAS,IAGbC,QAbF,WAcIrC,KAAKsC,cAEPC,QAAS,EAAX,GACA,sEADA,CAEI,WAFJ,+KAaA,GACA,oBAdA,SAkBA,4BAlBA,OAkBA,EAlBA,OAyBA,gBACA,oDA1BA,yDA6BA,gBA7BA,iHAgCIrB,KAhCJ,SAgCA,GACM,IACElB,KAAKwC,MAAMC,WAAW,CACpBC,IAAKA,EACLC,UAAU,IAEpB,SACQC,OAAO1B,KAAKwB,KAGhB,gBA1CJ,oEA0CA,GA1CA,iFA2CA,gBACA,cACA,kBACA,uBACA,aACA,MAEA,aAlDA,4GClDoX,I,yBCQhXG,EAAY,eACd,EACA/C,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAe,E","file":"js/chunk-10bee15e.bd4d55d7.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/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!./OtherArticle.vue?vue&type=style&index=0&id=5c614cbc&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/@vue/cli-service/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!./OtherArticle.vue?vue&type=style&index=0&id=5c614cbc&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"other-article\"}},[_vm._m(0),_vm._l((_vm.articles.slice(0,_vm.page)),function(article,index){return _c('div',{key:index,staticClass:\"post-card\",attrs:{\"data-action\":\"open_post\",\"data-postid\":article.id,\"data-listname\":\"home_feed\"},on:{\"click\":function($event){return _vm.open(article.link+'?webview=line&bt_id=71')}}},[_c('div',{staticClass:\"image\"},[_c('img',{staticClass:\"thumbnail\",attrs:{\"src\":article.post_thumbnail_url}})]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"description\"},[_c('p',{staticClass:\"block-ellipsis\",domProps:{\"innerHTML\":_vm._s(article.title ? article.title.rendered : '')}}),_c('p',{staticClass:\"block-ellipsis-desc\",domProps:{\"innerHTML\":_vm._s(article.brief ? article.brief : '')}})])])])}),(_vm.articles.length)?_c('infinite-loading',{attrs:{\"spinner\":\"waveDots\"},on:{\"infinite\":_vm.infiniteHandler}},[_c('div',{attrs:{\"slot\":\"no-results\"},slot:\"no-results\"},[_vm._v(\"คุณเห็นข่าวทั้งหมดแล้ว\")]),_c('div',{attrs:{\"slot\":\"no-more\"},slot:\"no-more\"},[_vm._v(\"คุณเห็นข่าวทั้งหมดแล้ว\")])]):_vm._e()],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header\"},[_c('span',{staticClass:\"header-title\"},[_vm._v(\"ข่าวอื่นๆ\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"other-article\">\n    <div class=\"header\">\n      <span class=\"header-title\">ข่าวอื่นๆ</span>\n    </div>\n    <div\n      v-for=\"(article, index) in articles.slice(0,page)\"\n      :key=\"index\"\n      class=\"post-card\"\n      data-action=\"open_post\"\n      :data-postid=\"article.id\"\n      data-listname=\"home_feed\"\n      @click=\"open(article.link+'?webview=line&bt_id=71')\"\n    >\n      <div class=\"image\">\n        <img class=\"thumbnail\" :src=\"article.post_thumbnail_url\" />\n      </div>\n      <div class=\"content\">\n        <div class=\"description\">\n          <p class=\"block-ellipsis\" v-html=\"article.title ? article.title.rendered : ''\"></p>\n          <p class=\"block-ellipsis-desc\" v-html=\"article.brief ? article.brief : ''\"></p>\n        </div>\n      </div>\n    </div>\n    <infinite-loading v-if=\"articles.length\" spinner=\"waveDots\" @infinite=\"infiniteHandler\">\n      <div slot=\"no-results\">คุณเห็นข่าวทั้งหมดแล้ว</div>\n      <div slot=\"no-more\">คุณเห็นข่าวทั้งหมดแล้ว</div>\n    </infinite-loading>\n  </div>\n</template>\n\n<script>\nimport { mapActions } from \"vuex\";\n\nexport default {\n  data() {\n    return {\n      articles: [],\n      page: 10,\n    };\n  },\n  props: {\n    isHighlightArticle: {\n      type: Boolean,\n      default: true\n    },\n  },\n  mounted() {\n    this.getArticle();\n  },\n  methods: {\n    ...mapActions(\"article\", [\"findTagsByTagName\", \"findArticleByParams\"]),\n    async getArticle() {\n      try {\n        // const { data: config } = await axios.get(\"/config/ltf-rmf-config.json\");\n        // let { data: highlight } = await getPostByID(config.highlight_article);\n        // if (highlight && Array.isArray(highlight)) {\n        //   this.highlight = highlight[highlight.length - 1];\n        // }\n\n        // this.rmf = config.rmf;\n        // this.ltf = config.ltf;\n\n        let obj = {\n          per_page: this.page\n        };\n        // console.log('get api: ', obj);\n\n        const rs_article = await this.findArticleByParams(obj);\n        // let obj = {\n\n        //   search: this.detail.short_code,\n        //   per_page: 5\n        // };\n        // const rs_article = await this.findArticleByParams(obj);\n        if (rs_article && rs_article.length > 0) {\n          this.articles = this.isHighlightArticle ? rs_article : rs_article.slice(1);\n        }\n      } catch (error) {\n        throw new Error(error);\n      }\n    },\n    open(url) {\n      try {\n        this.$liff.openWindow({\n          url: url,\n          external: false\n        })\n      } catch (err) {\n        window.open(url)\n      }\n    },\n    async infiniteHandler($state) {\n      if (this.page <= 100) {\n        this.page += 10;\n        this.getArticle();\n        setTimeout(() => {\n          $state.loaded();\n        }, 1000);\n      } else {\n        $state.complete();\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n$radius-size: 8px;\n#other-article {\n  .header {\n    i {\n      color: $color-normal-text;\n    }\n    .header-title {\n      display: inline-block;\n      margin-left: 8px;\n      @extend %font-size-m;\n      font-weight: bold;\n      color: $color-normal-text;\n    }\n  }\n  .post-card {\n    pointer-events: auto;\n    margin: 16px 0;\n    background-color: $color-white;\n    border-radius: $radius-size;\n    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);\n    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);\n    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);\n    .image {\n      pointer-events: none;\n      @include multipleResponsive(phablet, tablet) {\n        @include finCol(6, 12, 16px, top, true, true);\n      }\n      .thumbnail {\n        pointer-events: none;\n        border-top-left-radius: $radius-size;\n        border-top-right-radius: $radius-size;\n        display: block;\n        width: 100%;\n        object-fit: cover;\n        @include multipleResponsive(phablet, tablet) {\n          border-top-right-radius: 0;\n          border-bottom-left-radius: $radius-size;\n        }\n      }\n    }\n    .content {\n      pointer-events: none;\n      @include multipleResponsive(phablet, tablet) {\n        @include finCol(6, 12, 16px, middle, true, true);\n        padding: 0 16px;\n        vertical-align: text-bottom;\n      }\n      .description {\n        pointer-events: none;\n        @extend %font-size-ss;\n        font-weight: bold;\n        color: $color-normal-text;\n        padding: 16px;\n        margin: 0px;\n        .block-ellipsis {\n          display: block;\n          margin: 0;\n          @include multipleResponsive(phablet, tablet, desktop) {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            margin-bottom: 5px;\n          }\n        }\n        .block-ellipsis-desc {\n          display: block;\n          margin: 0; // 0 auto\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          -webkit-line-clamp: 2;\n          height: 50px;\n          font-weight: normal;\n          @include multipleResponsive(mobile) {\n            display: none;\n            color: $color-secondary-text;\n          }\n        }\n      }\n      .readmore {\n        pointer-events: none;\n        text-decoration: underline;\n        color: $color-primary;\n        margin-left: 2px;\n        min-width: 3.9em;\n        display: inline-block;\n      }\n    }\n  }\n}\n</style>","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!./OtherArticle.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!./OtherArticle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OtherArticle.vue?vue&type=template&id=5c614cbc&scoped=true&\"\nimport script from \"./OtherArticle.vue?vue&type=script&lang=js&\"\nexport * from \"./OtherArticle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OtherArticle.vue?vue&type=style&index=0&id=5c614cbc&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  \"5c614cbc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}