{"version":3,"sources":["webpack:///./src/views/delight/index.vue?2a62","webpack:///./src/views/delight/modalForm.vue?d01b","webpack:///src/views/delight/modalForm.vue","webpack:///./src/views/delight/modalForm.vue?37c3","webpack:///./src/views/delight/modalForm.vue","webpack:///src/views/delight/index.vue","webpack:///./src/views/delight/index.vue?adf6","webpack:///./src/views/delight/index.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","webpack:///./node_modules/@babel/runtime/helpers/esm/slicedToArray.js","webpack:///./node_modules/core-js/modules/es.object.entries.js","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./src/views/delight/index.vue?8562","webpack:///./src/views/delight/modalForm.vue?a020"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$t","getting_data","staticStyle","on","nextPage","staticClass","_l","row","row_index","key","col","col_index","$event","$router","replace","path","query","delight_id","id","style","width","$device","margin","image","_v","_s","title","excerpt","_e","user","magazine","cancelPrint","ref","modal_visible","modal_data","onModalCancel","staticRenderFns","padding","visible","data","message","message2","cancel","component","_arrayWithHoles","arr","Array","isArray","_iterableToArrayLimit","i","Symbol","iterator","Object","_arr","_n","_d","undefined","_i","next","done","push","value","length","err","_nonIterableRest","TypeError","_slicedToArray","arrayWithHoles","iterableToArrayLimit","unsupportedIterableToArray","nonIterableRest","$","$entries","entries","target","stat","O","DESCRIPTORS","objectKeys","toIndexedObject","propertyIsEnumerable","f","createMethod","TO_ENTRIES","it","keys","result","call","module","exports","values"],"mappings":"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","file":"js/chunk-3ed0e0a7.775cc22a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-spin',{attrs:{\"tip\":_vm.$t('Loading...'),\"spinning\":_vm.getting_data}},[_c('navbar',{attrs:{\"active_screen\":\"delight\"}}),_c('v-infinite-scroll',{staticStyle:{\"overflow-y\":\"scroll\",\"overflow-x\":\"hidden\"},attrs:{\"loading\":_vm.getting_data},on:{\"bottom\":_vm.nextPage}},[_c('div',{staticClass:\"ml-12 mr-12 mb-12\"},[_vm._l((_vm.delights),function(row,row_index){return [_c('div',{key:'row_index_' + row_index,staticClass:\"text-center\"},[_vm._l((row),function(col,col_index){return [_c('div',{key:'col_index_' + col_index,staticClass:\"br-12\",staticStyle:{\"margin\":\"4px\",\"display\":\"inline-block\",\"width\":\"46%\"},on:{\"click\":function($event){return _vm.$router.replace({\n                                    path: '/delight-detail',\n                                    query: { delight_id: col.id },\n                                })}}},[_c('img',{staticClass:\"br-12\",style:({\n                                    width: _vm.$device == 'mobile' ? '100%' : '50%',\n                                    margin: '0 auto',\n                                }),attrs:{\"src\":col.image}}),_c('div',{staticClass:\"mt-20\"},[_c('span',{staticClass:\"title fs-20 red\"},[_vm._v(\" \"+_vm._s(col.title)+\" \")])]),_c('div',{staticClass:\"mb-20\"},[_c('span',{staticClass:\"title sub fs-20\"},[_vm._v(\" \"+_vm._s(col.excerpt)+\" \")])])])]})],2)]})],2),(_vm.getting_data)?_c('div',{staticClass:\"กำลังโหลดข้อมูลเพิ่ม\"},[_vm._v(\"กำลังโหลดข้อมูลเพิ่ม\")]):_vm._e(),(_vm.$device != 'mobile')?_c('div',{staticClass:\"copyright-section-space\"}):_vm._e(),(_vm.$device != 'mobile')?_c('div',{staticClass:\"copyright-section\"},[_vm._v(\"© Copyright SCG Debenture Club. All Rights Reserved.\")]):_vm._e()]),_c('div',{staticClass:\"text-center custom-cancel-print\",staticStyle:{\"padding-bottom\":\"8px\"}},[(_vm.user.magazine == 1)?_c('a-button',{staticClass:\"text-center bg-red br-20\",attrs:{\"size\":\"large\"},on:{\"click\":_vm.cancelPrint}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\"ยกเลิกฉบับพิมพ์\")])]):_vm._e()],1),(_vm.modal_visible)?_c('modal-form',{ref:\"modalForm\",attrs:{\"visible\":_vm.modal_visible,\"data\":_vm.modal_data},on:{\"on-cancel\":_vm.onModalCancel}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('a-modal',{attrs:{\"centered\":\"\",\"bodyStyle\":{ padding: 0 },\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[(_vm.data.title)?_c('div',{staticClass:\"custom-modal-header p-16\"},[_c('span',{staticClass:\"fs-20 fw-600 color-white\"},[_vm._v(\" \"+_vm._s(_vm.data.title)+\" \")])]):_vm._e(),_c('div',{staticClass:\"custom-modal-body\"},[(_vm.data.message)?_c('span',{staticClass:\"custom-modal-body-detail\"},[_vm._v(\" \"+_vm._s(_vm.data.message)+\" \")]):_vm._e(),(_vm.data.message2)?_c('span',{staticClass:\"custom-modal-body-detail\"},[_c('br'),_vm._v(_vm._s(_vm.data.message2)+\" \")]):_vm._e()]),_c('div',{staticClass:\"custom-modal-footer text-center\"},[_c('a-button',{staticClass:\"text-center bg-red br-20\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.cancel()}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ปิดหน้าต่าง')))])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <a-modal centered :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n            <div class=\"custom-modal-header p-16\" v-if=\"data.title\">\r\n                <span class=\"fs-20 fw-600 color-white\">\r\n                    {{ data.title }}\r\n                </span>\r\n            </div>\r\n            <div class=\"custom-modal-body\">\r\n                <span class=\"custom-modal-body-detail\" v-if=\"data.message\"> {{ data.message }} </span>\r\n                <span class=\"custom-modal-body-detail\" v-if=\"data.message2\"> <br />{{ data.message2 }} </span>\r\n            </div>\r\n            <div class=\"custom-modal-footer text-center\">\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"cancel()\">\r\n                    <span class=\"fs-18 color-white\"> {{ $t('ปิดหน้าต่าง') }}</span>\r\n                </a-button>\r\n            </div>\r\n        </a-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: ['visible', 'data'],\r\n    beforeCreate() {\r\n        this.form = this.$form.createForm(this, { name: 'form_in_modal' });\r\n    },\r\n    data() {\r\n        return {};\r\n    },\r\n    mounted() {\r\n        console.log('visible s', this.visible);\r\n        console.log('data', this.data);\r\n    },\r\n    methods: {\r\n        cancel() {\r\n            this.$emit('on-cancel');\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.custom-modal-header {\r\n    background: transparent;\r\n    padding: 8px 12px;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n    border-radius: 10px 10px 0 0;\r\n}\r\n.custom-modal-header-title {\r\n    color: #ffffff !important;\r\n    font-size: 23px;\r\n    font-weight: 600;\r\n}\r\n.custom-modal-body {\r\n    color: #ff7105 !important;\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n}\r\n.custom-modal-body-detail {\r\n    color: #000 !important;\r\n}\r\n.custom-modal-footer {\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n    text-align: center;\r\n}\r\n.custom-modal-footer-single-confirm-btn {\r\n    background: #cc0000 !important;\r\n    color: #fff !important;\r\n    width: 40% !important;\r\n    border-radius: 20px !important;\r\n    font-size: 18px !important;\r\n}\r\n.custom-modal-footer-single-cancel-btn {\r\n    background: #fff !important;\r\n    border-color: #cc0000 !important;\r\n    color: #cc0000 !important;\r\n    width: 40% !important;\r\n    border-radius: 20px !important;\r\n    font-size: 18px !important;\r\n}\r\n.custom-modal-footer-single-close-btn {\r\n    background: linear-gradient(0deg, #ff7105, #ff9500 100%) no-repeat;\r\n    color: #fff;\r\n    width: 100%;\r\n}\r\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!./modalForm.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!./modalForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./modalForm.vue?vue&type=template&id=637cc32a&scoped=true&\"\nimport script from \"./modalForm.vue?vue&type=script&lang=js&\"\nexport * from \"./modalForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./modalForm.vue?vue&type=style&index=0&id=637cc32a&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  \"637cc32a\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\">\r\n        <navbar active_screen=\"delight\" />\r\n        <v-infinite-scroll :loading=\"getting_data\" @bottom=\"nextPage\" style=\"overflow-y: scroll; overflow-x: hidden\">\r\n            <div class=\"ml-12 mr-12 mb-12\">\r\n                <!-- <div class=\"row\" style=\"background: linear-gradient(180deg, #4b4b4b, #000 100%) no-repeat; width: auto; height: 40px; line-height: 40px; margin: 0 64px\">\r\n                <span class=\"col-6 fs-16 color-white\" style=\"text-align: right\"> ร่วมอนุรักษ์ทรัพยากร ลดการใช้กระดาษ</span>\r\n                <div class=\"col-6\">\r\n                    <div class=\"primary-btn\" style=\"height: 12px; line-height: 12px; padding: 8px; display: table; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)\">\r\n                        <span class=\"fs-16 color-white\" style=\"display: table-cell; vertical-align: middle\"> ยกเลิกฉบับพิมพ์</span>\r\n                    </div>\r\n                </div>\r\n            </div> -->\r\n                <template v-for=\"(row, row_index) in delights\">\r\n                    <div :key=\"'row_index_' + row_index\" class=\"text-center\">\r\n                        <template v-for=\"(col, col_index) in row\">\r\n                            <div\r\n                                class=\"br-12\"\r\n                                :key=\"'col_index_' + col_index\"\r\n                                style=\"margin: 4px; display: inline-block; width: 46%\"\r\n                                @click=\"\r\n                                    $router.replace({\r\n                                        path: '/delight-detail',\r\n                                        query: { delight_id: col.id },\r\n                                    })\r\n                                \"\r\n                            >\r\n                                <img\r\n                                    :src=\"col.image\"\r\n                                    class=\"br-12\"\r\n                                    :style=\"{\r\n                                        width: $device == 'mobile' ? '100%' : '50%',\r\n                                        margin: '0 auto',\r\n                                    }\"\r\n                                />\r\n                                <div class=\"mt-20\">\r\n                                    <span class=\"title fs-20 red\">\r\n                                        {{ col.title }}\r\n                                    </span>\r\n                                </div>\r\n                                <div class=\"mb-20\">\r\n                                    <span class=\"title sub fs-20\">\r\n                                        {{ col.excerpt }}\r\n                                    </span>\r\n                                </div>\r\n                            </div>\r\n                        </template>\r\n                    </div>\r\n                </template>\r\n            </div>\r\n            <div class=\"กำลังโหลดข้อมูลเพิ่ม\" v-if=\"getting_data\">กำลังโหลดข้อมูลเพิ่ม</div>\r\n            <div v-if=\"$device != 'mobile'\" class=\"copyright-section-space\"></div>\r\n            <div v-if=\"$device != 'mobile'\" class=\"copyright-section\">© Copyright SCG Debenture Club. All Rights Reserved.</div>\r\n        </v-infinite-scroll>\r\n        <div class=\"text-center custom-cancel-print\" style=\"padding-bottom: 8px\">\r\n            <a-button size=\"large\" class=\"text-center bg-red br-20\" v-if=\"user.magazine == 1\" @click=\"cancelPrint\">\r\n                <span class=\"fs-18 color-white\">ยกเลิกฉบับพิมพ์</span>\r\n                <!-- <span class=\"fs-18 color-white\" v-else>รับฉบับพิมพ์</span> -->\r\n            </a-button>\r\n        </div>\r\n        <modal-form ref=\"modalForm\" :visible=\"modal_visible\" :data=\"modal_data\" v-if=\"modal_visible\" @on-cancel=\"onModalCancel\" />\r\n    </a-spin>\r\n</template>\r\n<script>\r\nimport navbar from '../../components/navbar';\r\nimport modalForm from './modalForm';\r\nexport default {\r\n    components: {\r\n        navbar,\r\n        modalForm,\r\n    },\r\n    data: function () {\r\n        return {\r\n            delights: [],\r\n            getting_data: true,\r\n            current_page: 1,\r\n            last_page: 0,\r\n            modal_visible: false,\r\n            modal_data: {},\r\n            user: this.$store.state.user,\r\n        };\r\n    },\r\n    mounted() {\r\n        this.getDelight(() => (this.getting_data = false));\r\n    },\r\n    methods: {\r\n        nextPage() {\r\n            if (this.current_page < this.last_page) {\r\n                ++this.current_page;\r\n                this.getDelight();\r\n            }\r\n        },\r\n        getDelight: function (callback = null, current_page = null) {\r\n            if (typeof current_page != 'number') current_page = this.current_page;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/delight/index',\r\n                    data: {\r\n                        page: current_page,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res) {\r\n                            this.last_page = res.last_page;\r\n                            this.atg(res.data, 2).forEach((v) => {\r\n                                this.delights.push(v);\r\n                            });\r\n                            if (typeof callback == 'function') callback();\r\n                        } else if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        onModalCancel() {\r\n            this.modal_visible = false;\r\n            this.modal_data = {};\r\n            location.reload();\r\n        },\r\n        cancelPrint() {\r\n            this.loading = true;\r\n            this.modal_visible = false;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/changeProfile',\r\n                    data: {\r\n                        magazine: this.user.magazine == 0 ? 1 : 0,\r\n                    },\r\n                    callback: (res) => {\r\n                        console.log('res.complete', res);\r\n                        const complete = {};\r\n                        if (res && res.result == 'complete') {\r\n                            this.modal_data.message = res.result;\r\n                            for (const [key, value] of Object.entries(res.complete)) {\r\n                                if (key) {\r\n                                    complete.description = value[0];\r\n                                }\r\n                            }\r\n                        } else {\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                if (key && value[0]) {\r\n                                    complete.description = value[0];\r\n                                }\r\n                            }\r\n                        }\r\n                        this.modal_data.title = 'ยกเลิกฉบับพิมพ์สำเร็จ';\r\n                        this.modal_data.message = 'ท่านได้ยกเลิกการรับนิตสารฉบับพิมพ์';\r\n                        this.modal_data.message2 = 'เรียบร้อยแล้ว';\r\n                        this.loading = false;\r\n                        this.modal_visible = true;\r\n                    },\r\n                },\r\n            });\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.title {\r\n    font-weight: 600;\r\n    margin: 0;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 1;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n.title.sub {\r\n    font-weight: 300;\r\n}\r\n.custom-cancel-print {\r\n    position: sticky;\r\n    bottom: calc(100vh * 0.1489);\r\n}\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=681144a7&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=681144a7&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  \"681144a7\",\n  null\n  \n)\n\nexport default component.exports","export default function _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n  if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n  var _arr = [];\n  var _n = true;\n  var _d = false;\n  var _e = undefined;\n\n  try {\n    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n      _arr.push(_s.value);\n\n      if (i && _arr.length === i) break;\n    }\n  } catch (err) {\n    _d = true;\n    _e = err;\n  } finally {\n    try {\n      if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n    } finally {\n      if (_d) throw _e;\n    }\n  }\n\n  return _arr;\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"@babel/runtime/helpers/esm/arrayWithHoles\";\nimport iterableToArrayLimit from \"@babel/runtime/helpers/esm/iterableToArrayLimit\";\nimport unsupportedIterableToArray from \"@babel/runtime/helpers/esm/unsupportedIterableToArray\";\nimport nonIterableRest from \"@babel/runtime/helpers/esm/nonIterableRest\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","var $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.github.io/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\n});\n","var DESCRIPTORS = require('../internals/descriptors');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\n\n// `Object.{ entries, values }` methods implementation\nvar createMethod = function (TO_ENTRIES) {\n  return function (it) {\n    var O = toIndexedObject(it);\n    var keys = objectKeys(O);\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || propertyIsEnumerable.call(O, key)) {\n        result.push(TO_ENTRIES ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n\nmodule.exports = {\n  // `Object.entries` method\n  // https://tc39.github.io/ecma262/#sec-object.entries\n  entries: createMethod(true),\n  // `Object.values` method\n  // https://tc39.github.io/ecma262/#sec-object.values\n  values: createMethod(false)\n};\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=681144a7&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./modalForm.vue?vue&type=style&index=0&id=637cc32a&scoped=true&lang=css&\""],"sourceRoot":""}