{"version":3,"sources":["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:///./src/views/ticket-activity-detail/index.vue?227e","webpack:///./src/views/ticket-activity-detail/index.vue?d5d4","webpack:///./src/views/ticket-activity-detail/modalForm.vue?3a55","webpack:///src/views/ticket-activity-detail/modalForm.vue","webpack:///./src/views/ticket-activity-detail/modalForm.vue?f2f8","webpack:///./src/views/ticket-activity-detail/modalForm.vue","webpack:///src/views/ticket-activity-detail/index.vue","webpack:///./src/views/ticket-activity-detail/index.vue?d911","webpack:///./src/views/ticket-activity-detail/index.vue","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./src/views/ticket-activity-detail/modalForm.vue?4800","webpack:///./node_modules/vue-clickaway/dist/vue-clickaway.common.js"],"names":["_arrayWithHoles","arr","Array","isArray","_iterableToArrayLimit","i","Symbol","iterator","Object","_arr","_n","_d","_e","undefined","_s","_i","next","done","push","value","length","err","_nonIterableRest","TypeError","_slicedToArray","arrayWithHoles","iterableToArrayLimit","unsupportedIterableToArray","nonIterableRest","$","$entries","entries","target","stat","O","render","_vm","this","_h","$createElement","_c","_self","attrs","$t","getting_data","back_path","$device","activity_detail","title","class","step","staticClass","staticStyle","_v","ticket_data","on","onAttach","label_attach_btn","goTicketList","label_ticket_btn","goDocList","label_doc_btn","modal_visible","modal_step","doc","onModalChangeStep","onModalCancel","staticRenderFns","model","callback","$$v","visible","expression","directives","name","rawName","_l","ticket_list","key","label","status_upload","style","color","fontSize","$event","handleStep","item","image","removeImage","onFileChange","imageStatus","cancel","component","DESCRIPTORS","objectKeys","toIndexedObject","propertyIsEnumerable","f","createMethod","TO_ENTRIES","it","keys","result","call","module","exports","values","Vue","version","compatible","test","util","warn","HANDLER","bind","el","binding","vnode","unbind","vm","context","initialMacrotaskEnded","setTimeout","ev","path","composedPath","indexOf","contains","document","documentElement","addEventListener","removeEventListener","directive","update","oldValue","mixin","onClickaway"],"mappings":"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","file":"js/chunk-f011324e.662fe36d.js","sourcesContent":["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","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=00603ca8&scoped=true&lang=css&\"","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:{\"back_path\":_vm.back_path || '/activity',\"navbar_sub_visible\":_vm.$device != 'mobile',\"active_screen\":\"activity\",\"content_title\":_vm.activity_detail.title}}),_c('div',{class:(\"main-content is-\" + _vm.$device + \" step-\" + _vm.step + \" ml-20 mr-20 mb-20 mt-20\")},[_c('div',{staticClass:\"mt-8 text-center\"},[_c('label',{staticClass:\"fs-22\",staticStyle:{\"font-weight\":\"600\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.title)+\" \")])]),_c('iframe',{staticClass:\"br-12\",staticStyle:{\"width\":\"100%\",\"height\":\"100vh\"},attrs:{\"src\":\"https://apigwd.scg.com/DebentureClubDev/files/activity/KL3Vj1651225662.pdf\"}},[_vm._v(\"Oops! an error has occurred. \")]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[(_vm.ticket_data.ticket_data.display_doc_btn)?_c('div',{staticClass:\"col-6\"},[_c('a-button',{staticClass:\"text-center primary-btn ant-button-label-custom w-100\",attrs:{\"size\":\"large\"},on:{\"click\":_vm.onAttach}},[_c('strong',{staticClass:\"fs-18\"},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_data.label_attach_btn))])])],1):_vm._e(),(_vm.ticket_data.ticket_data.display_ticket_btn)?_c('div',{staticClass:\"col-6\"},[_c('a-button',{staticClass:\"text-center primary-btn ant-button-label-custom w-100\",attrs:{\"size\":\"large\"},on:{\"click\":_vm.goTicketList}},[_c('strong',{staticClass:\"fs-18\"},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_data.label_ticket_btn))])])],1):_vm._e()]),(_vm.ticket_data.ticket_data.display_attach_btn)?_c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-6\"},[_c('a-button',{staticClass:\"text-center cancel-btn ant-button-label-custom w-100\",attrs:{\"size\":\"large\"},on:{\"click\":_vm.goDocList}},[_c('strong',{staticClass:\"fs-18\"},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_data.label_doc_btn))])])],1)]):_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('modal-form',{attrs:{\"visible\":_vm.modal_visible,\"step\":_vm.modal_step,\"ticket_list\":_vm.ticket_data,\"init_doc\":_vm.doc},on:{\"handle-step\":_vm.onModalChangeStep,\"on-cancel\":_vm.onModalCancel}})],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',[(_vm.step == 'upload')?_c('b-modal',{attrs:{\"hide-header\":\"\",\"hide-footer\":\"\",\"no-fade\":\"\",\"modal-class\":\"b-modal-upload\",\"dialog-class\":\"b-dialog-upload\",\"content-class\":\"b-content-upload\"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('a-spin',{attrs:{\"tip\":_vm.$t('Loading...'),\"spinning\":_vm.getting_data}},[_c('div',{directives:[{name:\"on-clickaway\",rawName:\"v-on-clickaway\",value:(_vm.cancel),expression:\"cancel\"}]},[_c('div',{staticClass:\"d-block\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('span',{staticClass:\"fs-20 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\"แนบเอกสาร\")])])]),_vm._l((_vm.ticket_list.doc),function(doc,key){return _c('div',{key:key,staticClass:\"row\",staticStyle:{\"margin-top\":\"20px\"}},[_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"fs-18 black tal\",staticStyle:{\"display\":\"block\"}},[_vm._v(_vm._s(doc.label))])]),_c('div',{staticClass:\"col-2\"},[_c('img',{staticStyle:{\"width\":\"60%\",\"min-width\":\"25px\"},attrs:{\"src\":doc.status_upload ? 'resources/images/check.png' : 'resources/images/check-gray.png'}})]),_c('div',{staticClass:\"col-2\",staticStyle:{\"text-align\":\"left\",\"margin-top\":\"-2px\"}},[_c('a-icon',{style:({ color: '#000000', fontSize: '24px' }),attrs:{\"type\":\"upload\"},on:{\"click\":function($event){return _vm.handleStep(doc)}}})],1)])})],2)])])],1):_vm._e(),(_vm.step != 'upload')?_c('b-modal',{attrs:{\"hide-header\":\"\",\"hide-footer\":\"\",\"no-fade\":\"\",\"modal-class\":\"b-modal-in-upload\",\"dialog-class\":\"b-dialog-in-upload\",\"content-class\":\"b-content-in-upload\"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('a-spin',{attrs:{\"tip\":_vm.$t('Loading...'),\"spinning\":_vm.getting_data}},[_c('div',{directives:[{name:\"on-clickaway\",rawName:\"v-on-clickaway\",value:(_vm.cancel),expression:\"cancel\"}]},[_c('div',{staticClass:\"d-block\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('span',{staticClass:\"fs-20 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(_vm._s(_vm.step))])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('form',{attrs:{\"enctype\":\"multipart/form-data\",\"novalidate\":\"\"}},[(_vm.item && _vm.item.image)?_c('div',[_c('img',{staticStyle:{\"max-width\":\"100%\",\"max-height\":\"50vh\",\"padding\":\"10px\"},attrs:{\"src\":_vm.item.image}}),_c('div',{staticClass:\"remove-image color-white fs-20\",on:{\"click\":function($event){return _vm.removeImage(_vm.item)}}},[_vm._v(\"x\")])]):_c('div',{staticClass:\"dropbox\"},[_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"name\":_vm.step,\"disabled\":false,\"accept\":\"image/*\"},on:{\"change\":function($event){// filesChange($event.target.name, $event.target.files);\n                                            // fileCount = $event.target.files.length;\n                                            _vm.onFileChange(_vm.item, $event)}}}),_c('p',[_c('a-icon',{style:({ color: '#000000', fontSize: '60px' }),attrs:{\"type\":\"upload\"}}),_c('br'),_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\"อัปโหลดรูปภาพ\")])],1)])])])]),_c('div',{staticClass:\"row\"},[(_vm.item && _vm.item.image)?_c('div',{staticClass:\"col-12 text-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\"สถานะ : \"+_vm._s(_vm.imageStatus ? 'อยู่ระหว่างการอนุมัติเอกสาร' : 'เอกสารได้รับการอนุมัติแล้ว'))]),_c('span',{staticClass:\"fs-18 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\"หากท่านต้องการอัปโหลดเอกสารใหม่ กรุณากด x ที่มุมบนขวาของรูปภาพ แล้วอัปโหลดเอกสารอีกครั้ง\")])]):_vm._e()]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('a-button',{staticClass:\"text-center primary-btn ant-button-label-custom\",staticStyle:{\"width\":\"47.5%\",\"margin-top\":\"14px\"},attrs:{\"size\":\"large\",\"loading\":false},on:{\"click\":_vm.cancel}},[_c('strong',{staticClass:\"fs-18\"},[_vm._v(\" \"+_vm._s(_vm.$t('ปิดหน้าต่าง')))])])],1)])])])])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal v-if=\"step == 'upload'\" v-model=\"visible\" hide-header hide-footer no-fade modal-class=\"b-modal-upload\" dialog-class=\"b-dialog-upload\" content-class=\"b-content-upload\">\r\n            <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\">\r\n                <div v-on-clickaway=\"cancel\">\r\n                    <div class=\"d-block\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 text-center\">\r\n                                <span class=\"fs-20 black fw-600\" style=\"display: block\">แนบเอกสาร</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\" style=\"margin-top: 20px\" v-for=\"(doc, key) in ticket_list.doc\" :key=\"key\">\r\n                            <div class=\"col-8\">\r\n                                <span class=\"fs-18 black tal\" style=\"display: block\">{{ doc.label }}</span>\r\n                            </div>\r\n                            <div class=\"col-2\">\r\n                                <img :src=\"doc.status_upload ? 'resources/images/check.png' : 'resources/images/check-gray.png'\" style=\"width: 60%; min-width: 25px;\" />\r\n                            </div>\r\n                            <div class=\"col-2\" style=\"text-align: left; margin-top: -2px\">\r\n                                <a-icon type=\"upload\" :style=\"{ color: '#000000', fontSize: '24px' }\" @click=\"handleStep(doc)\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </a-spin>\r\n        </b-modal>\r\n        <b-modal v-if=\"step != 'upload'\" v-model=\"visible\" hide-header hide-footer no-fade modal-class=\"b-modal-in-upload\" dialog-class=\"b-dialog-in-upload\" content-class=\"b-content-in-upload\">\r\n            <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\">\r\n                <div v-on-clickaway=\"cancel\">\r\n                    <div class=\"d-block\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 text-center\">\r\n                                <span class=\"fs-20 black fw-600\" style=\"display: block\">{{ step }}</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 text-center\">\r\n                                <form enctype=\"multipart/form-data\" novalidate>\r\n                                    <div v-if=\"item && item.image\">\r\n                                        <img :src=\"item.image\" style=\"max-width: 100%; max-height: 50vh; padding: 10px\" />\r\n                                        <div class=\"remove-image color-white fs-20\" @click=\"removeImage(item)\">x</div>\r\n                                    </div>\r\n                                    <div class=\"dropbox\" v-else>\r\n                                        <input\r\n                                            type=\"file\"\r\n                                            multiple\r\n                                            :name=\"step\"\r\n                                            :disabled=\"false\"\r\n                                            @change=\"\r\n                                                // filesChange($event.target.name, $event.target.files);\r\n                                                // fileCount = $event.target.files.length;\r\n                                                onFileChange(item, $event)\r\n                                            \"\r\n                                            accept=\"image/*\"\r\n                                            class=\"input-file\"\r\n                                        />\r\n                                        <p>\r\n                                            <a-icon type=\"upload\" :style=\"{ color: '#000000', fontSize: '60px' }\" /><br />\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\">อัปโหลดรูปภาพ</span>\r\n                                        </p>\r\n                                    </div>\r\n                                </form>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 text-center\" v-if=\"item && item.image\">\r\n                                <span class=\"fs-18 black fw-600\" style=\"display: block\">สถานะ : {{ imageStatus ? 'อยู่ระหว่างการอนุมัติเอกสาร' : 'เอกสารได้รับการอนุมัติแล้ว' }}</span>\r\n                                <span class=\"fs-18 black\" style=\"display: block\">หากท่านต้องการอัปโหลดเอกสารใหม่ กรุณากด x ที่มุมบนขวาของรูปภาพ แล้วอัปโหลดเอกสารอีกครั้ง</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 text-center\">\r\n                                <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom\" style=\"width: 47.5%; margin-top: 14px\" :loading=\"false\" @click=\"cancel\">\r\n                                    <strong class=\"fs-18\">&nbsp;{{ $t('ปิดหน้าต่าง') }}</strong>\r\n                                </a-button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </a-spin>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { directive as onClickaway } from 'vue-clickaway';\r\nimport store from 'store';\r\nimport _ from 'lodash';\r\nexport default {\r\n    props: ['visible', 'step', 'ticket_list', 'init_doc'],\r\n    data() {\r\n        return {\r\n            getting_data: false,\r\n            item: {\r\n                image: this.init_doc && this.init_doc.file,\r\n            },\r\n            attach_label_id: this.init_doc && this.init_doc.attach_label_id,\r\n            password: store.get('password_ticket'),\r\n            key: store.get('key_ticket'),\r\n        };\r\n    },\r\n    computed: {\r\n        imageStatus() {\r\n            return _.get(this.init_doc, 'display_upload_btn');\r\n        },\r\n    },\r\n    methods: {\r\n        cancel() {\r\n            this.$emit('on-cancel');\r\n            this.item.image = false;\r\n        },\r\n        handleStep(doc) {\r\n            this.attach_label_id = doc.attach_label_id;\r\n            this.item.image = doc.file;\r\n            // var step = doc.label;\r\n            this.$emit('handle-step', doc);\r\n        },\r\n        onFileChange(item, e) {\r\n            var files = e.target.files || e.dataTransfer.files;\r\n            if (!files.length) return;\r\n            this.createImage(item, files[0]);\r\n        },\r\n        createImage(item, file) {\r\n            // var image = new Image();\r\n            var reader = new FileReader();\r\n            reader.onload = (e) => {\r\n                item.image = e.target.result;\r\n            };\r\n            reader.readAsDataURL(file);\r\n            const form_data = new FormData();\r\n            form_data.append('key', this.key);\r\n            form_data.append('password', this.password);\r\n            form_data.append('attach_label_id', this.attach_label_id);\r\n            form_data.append('attach_file', file);\r\n            this.getting_data = true;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/log/share/ticket/attach-file',\r\n                    data: form_data,\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'errors') {\r\n                            const error = {\r\n                                title: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                console.log('value', value);\r\n                                if (key) {\r\n                                    error.title = value[0];\r\n                                }\r\n                            }\r\n                            this.$alert('ระบบบันทึกข้อมูลไม่เรียบร้อย', 'อัปโหลดรูปภาพไม่สำเร็จ', null, {\r\n                                confirmButtonText: 'ยืนยัน',\r\n                                customClass: 'normal-alert-ok-btn',\r\n                            });\r\n                        } else {\r\n                            const complete = {\r\n                                message: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.complete.msg)) {\r\n                                console.log('value', value);\r\n                                if (key) {\r\n                                    complete.message = value;\r\n                                }\r\n                            }\r\n                            this.$alert('ระบบบันทึกข้อมูลเรียบร้อยแล้ว', 'อัปโหลดรูปภาพสำเร็จ', null, {\r\n                                confirmButtonText: 'ยืนยัน',\r\n                                customClass: 'normal-alert-ok-btn',\r\n                            });\r\n                        }\r\n                        this.getting_data = false;\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        removeImage: function (item) {\r\n            this.getting_data = true;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/log/share/ticket/delete-attach-file',\r\n                    data: {\r\n                        key: this.key,\r\n                        password: this.password,\r\n                        attach_label_id: this.attach_label_id,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'errors') {\r\n                            const error = {\r\n                                title: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                if (key) {\r\n                                    console.log('value[0]', value[0]);\r\n                                    error.title = value[0];\r\n                                }\r\n                            }\r\n                            // this.$confirm({\r\n                            //     title: error.title,\r\n                            //     button: {\r\n                            //         yes: 'ปิดหน้าต่าง',\r\n                            //     },\r\n                            //     callback: (confirm) => {},\r\n                            // });\r\n                        } else {\r\n                            item.image = false;\r\n                            const complete = {\r\n                                message: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.complete.msg)) {\r\n                                console.log('value', value);\r\n                                if (key) {\r\n                                    complete.message = value;\r\n                                }\r\n                            }\r\n                            // this.$confirm({\r\n                            //     message: complete.message,\r\n                            //     button: {\r\n                            //         yes: 'ปิดหน้าต่าง',\r\n                            //     },\r\n                            //     callback: (confirm) => {},\r\n                            // });\r\n                        }\r\n                        this.getting_data = false;\r\n                    },\r\n                },\r\n            });\r\n        },\r\n    },\r\n    directives: {\r\n        onClickaway: onClickaway,\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n/deep/ .b-modal-upload {\r\n    max-width: 100%;\r\n    margin: 0;\r\n    top: unset;\r\n    bottom: 0;\r\n    left: unset;\r\n    right: unset;\r\n    height: unset;\r\n    /* display: flex !important; */\r\n    position: fixed;\r\n    padding: 0 !important;\r\n}\r\n/deep/ .b-dialog-upload {\r\n    margin: 0 auto;\r\n}\r\n/deep/ .b-content-upload {\r\n    border-radius: 0;\r\n    border-top-left-radius: 20px;\r\n    border-top-right-radius: 20px;\r\n}\r\n/deep/ .b-modal-in-upload {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n/deep/ .b-dialog-in-upload {\r\n    margin: 0 auto;\r\n    height: 100%;\r\n}\r\n/deep/ .b-content-in-upload {\r\n    border-radius: 0;\r\n    min-height: 100vh;\r\n}\r\n.center {\r\n    margin: auto;\r\n    width: 80%;\r\n}\r\n.green {\r\n    color: green;\r\n}\r\n.dropbox {\r\n    outline: 2px dashed grey; /* the dash box */\r\n    outline-offset: -10px;\r\n    /* background: lightcyan; */\r\n    color: dimgray;\r\n    padding: 10px 10px;\r\n    min-height: 20vh; /* minimum height */\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.input-file {\r\n    opacity: 0; /* invisible but it's there! */\r\n    width: 100%;\r\n    height: 50vh;\r\n    position: absolute;\r\n    cursor: pointer;\r\n}\r\n.dropbox:hover {\r\n    /* background: lightblue; */\r\n}\r\n.dropbox p {\r\n    font-size: 1.2em;\r\n    text-align: center;\r\n    padding: 14vh 0;\r\n}\r\n.remove-image {\r\n    background: #cc0000;\r\n    width: 48px;\r\n    height: 48px;\r\n    line-height: 42px;\r\n    position: absolute;\r\n    top: 3vh;\r\n    right: 6.325vw;\r\n}\r\n@media screen and (max-width: 480px) {\r\n    .remove-image {\r\n        right: 25px;\r\n    }\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=7c9dbe82&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=7c9dbe82&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  \"7c9dbe82\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\">\r\n        <navbar :back_path=\"back_path || '/activity'\" :navbar_sub_visible=\"$device != 'mobile'\" active_screen=\"activity\" :content_title=\"activity_detail.title\" />\r\n        <div :class=\"`main-content is-${$device} step-${step} ml-20 mr-20 mb-20 mt-20`\">\r\n            <div class=\"mt-8 text-center\">\r\n                <label class=\"fs-22\" style=\"font-weight: 600\"> {{ ticket_data.title }} </label>\r\n            </div>\r\n            <iframe src=\"https://apigwd.scg.com/DebentureClubDev/files/activity/KL3Vj1651225662.pdf\" class=\"br-12\" style=\"width: 100%; height: 100vh\">Oops! an error has occurred. </iframe>\r\n            <div class=\"row\" style=\"margin-top: 14px\">\r\n                <div class=\"col-6\" v-if=\"ticket_data.ticket_data.display_doc_btn\">\r\n                    <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom w-100\" @click=\"onAttach\">\r\n                        <strong class=\"fs-18\">&nbsp;{{ ticket_data.ticket_data.label_attach_btn }}</strong>\r\n                    </a-button>\r\n                </div>\r\n                <div class=\"col-6\" v-if=\"ticket_data.ticket_data.display_ticket_btn\">\r\n                    <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom w-100\" @click=\"goTicketList\">\r\n                        <strong class=\"fs-18\">&nbsp;{{ ticket_data.ticket_data.label_ticket_btn }}</strong>\r\n                    </a-button>\r\n                </div>\r\n            </div>\r\n            <div class=\"row justify-content-center\" style=\"margin-top: 14px\" v-if=\"ticket_data.ticket_data.display_attach_btn\">\r\n                <div class=\"col-6\">\r\n                    <a-button size=\"large\" class=\"text-center cancel-btn ant-button-label-custom w-100\" @click=\"goDocList\">\r\n                        <strong class=\"fs-18\">&nbsp;{{ ticket_data.ticket_data.label_doc_btn }}</strong>\r\n                    </a-button>\r\n                </div>\r\n            </div>\r\n        </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        <modal-form :visible=\"modal_visible\" :step=\"modal_step\" :ticket_list=\"ticket_data\" @handle-step=\"onModalChangeStep\" @on-cancel=\"onModalCancel\" :init_doc=\"doc\" />\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            // form: this.$form.createForm(this),\r\n            // slides: [],\r\n            activity_detail: {\r\n                title: 'คอนเสริต์มหัศจรรย์ รักไม่รู้จบ',\r\n            },\r\n            getting_data: false,\r\n            // display_read_all: false,\r\n            // read_all: false,\r\n            // act_id: this.$route.query.act_id,\r\n            back_path: this.$route.query.back_path,\r\n            step: 'register',\r\n            /* step: this.$mode != 'production' ? 'register_success' : 'register', */\r\n            // modal_visible: false,\r\n            // modal_data: {},\r\n            // activity_apply: {},\r\n            // user: this.$store.state.user,\r\n            // date: moment(new Date()).format('LL'),\r\n            // group_selected: [],\r\n            // radio_type: 0,\r\n            // error_6_3: false,\r\n            // selected_schedule_info: null,\r\n            // กาง: false,\r\n            pdfUrl: 'https://www.orimi.com/pdf-test.pdf',\r\n            // pdfUrl: 'https://apigwd.scg.com/DebentureClubDev/files/activity/KL3Vj1651225662.pdf',\r\n            ticket_data: {\r\n                apply_id: 50236,\r\n                act_id: 659,\r\n                image_full: 'https://apigwd.scg.com/DebentureClubDev/images/activity/2I6K61649051975.jpg',\r\n                image: 'https://apigwd.scg.com/DebentureClubDev/images/activity_resize/2I6K61649051975.jpg',\r\n                title: 'SCG Smiling : แผ่นภาพ คิด Learn',\r\n                act_day: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30-11.30 น.',\r\n                confirm_phone_date: null,\r\n                confirm_mail_date: 1654016400,\r\n                confirm_sms_date: 1654016400,\r\n                code: 'SCG087620',\r\n                date: 1649992609,\r\n                group_receive: {\r\n                    group_id: 768,\r\n                    title: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                    display_order: 1,\r\n                    start_date: 1653098400,\r\n                    end_date: 1653107400,\r\n                },\r\n                group_choose1: {\r\n                    group_id: 768,\r\n                    title: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                    display_order: 1,\r\n                    start_date: 1653098400,\r\n                    end_date: 1653107400,\r\n                },\r\n                group_choose2: null,\r\n                group_choose3: null,\r\n                atype_name: 'เวิร์คชอป',\r\n                confirm_flag: 0,\r\n                status: 'รอเข้าร่วม',\r\n                button_cancel: true,\r\n                button_confirm: false,\r\n                button_form: false,\r\n                attach_file_pid: true,\r\n                attach_file_passport: false,\r\n                attach_file_payment: true,\r\n                accom_form: true,\r\n                member_form: true,\r\n                accom: [],\r\n                ticket_data: {\r\n                    main_pdf: 'https://apigwd.scg.com/DebentureClubDev/files/activity/KL3Vj1651225662.pdf',\r\n                    label_doc_btn: 'เอกสาร',\r\n                    display_doc_btn: true,\r\n                    label_ticket_btn: 'ตั๋วอิเล็กทรอนิกส์',\r\n                    display_ticket_btn: true,\r\n                    label_attach_btn: 'แนบเอกสาร',\r\n                    display_attach_btn: true,\r\n                    doc_list: [\r\n                        {\r\n                            label: 'กำหนดการกิจกรรม.pdf',\r\n                            pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/dGs6o1652196187.pdf',\r\n                        },\r\n                        {\r\n                            label: 'แบบฟอร์มผลตรวจ ATK.pdf',\r\n                            pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/ZAOYD1652196187.pdf',\r\n                        },\r\n                        {\r\n                            label: 'แผนที่เอสซีจี.pdf',\r\n                            pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/yUQ3R1652196187.pdf',\r\n                        },\r\n                    ],\r\n                    ticket_list: [\r\n                        {\r\n                            ticket_id: 16,\r\n                            no: 'ตั๋วใบที่ 1',\r\n                            ticket_no: 'WS221A1A2A3A4A5',\r\n                            group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                            start_at: 1653098400,\r\n                            end_at: 1653107400,\r\n                            ticket_template: '2',\r\n                            ticket_bg: '#ffebcd',\r\n                            ticket_font_color: '#006633',\r\n                            ticket_header_bg: '#cc3333',\r\n                            ticket_header_font_color: '#ffffff',\r\n                            ticket_body_bg: null,\r\n                            ticket_body_font_color: '#191970',\r\n                            active: false,\r\n                            active_txt: 'ใช้งานแล้ว',\r\n                            qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/activity/disable-qrcode.jpg',\r\n                            pin: '7400',\r\n                            share: 'https://debentureclub-dev.scg.com/share/ticket/c74d97b01eae257e44aa9d5bade97baf',\r\n                            location_line1: 'สถานที่',\r\n                            location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                            label1: 'ลงทะเบียน',\r\n                            value1: 'A1',\r\n                            label2: 'แถวที่นั่ง',\r\n                            value2: 'A2',\r\n                            label3: 'เลขที่นั่ง',\r\n                            value3: 'A3',\r\n                            label4: 'label4',\r\n                            value4: 'A4',\r\n                            label5: 'label5',\r\n                            value5: 'A5',\r\n                            doc: [\r\n                                {\r\n                                    attach_label_id: 6,\r\n                                    label: 'ผลตรวจ ATK',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: false,\r\n                                    file: null,\r\n                                },\r\n                                {\r\n                                    attach_label_id: 11,\r\n                                    label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: true,\r\n                                    file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/uWgZX1652171907.jpg',\r\n                                },\r\n                            ],\r\n                            condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                        },\r\n                        {\r\n                            ticket_id: 17,\r\n                            no: 'ตั๋วใบที่ 2',\r\n                            ticket_no: 'WS221A0A2A3A4A5',\r\n                            group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                            start_at: 1653098400,\r\n                            end_at: 1653107400,\r\n                            ticket_template: '2',\r\n                            ticket_bg: '#ffebcd',\r\n                            ticket_font_color: '#006633',\r\n                            ticket_header_bg: '#cc3333',\r\n                            ticket_header_font_color: '#ffffff',\r\n                            ticket_body_bg: null,\r\n                            ticket_body_font_color: '#191970',\r\n                            active: true,\r\n                            active_txt: 'ยังไม่ได้ใช้งาน',\r\n                            qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/ticket-qrcode/70efdf2ec9b086079795c442636b55fb.png',\r\n                            pin: '7400',\r\n                            share: 'https://debentureclub-dev.scg.com/share/ticket/70efdf2ec9b086079795c442636b55fb',\r\n                            location_line1: 'สถานที่',\r\n                            location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                            label1: 'ลงทะเบียน',\r\n                            value1: 'A0',\r\n                            label2: 'แถวที่นั่ง',\r\n                            value2: 'A2',\r\n                            label3: 'เลขที่นั่ง',\r\n                            value3: 'A3',\r\n                            label4: 'label4',\r\n                            value4: 'A4',\r\n                            label5: 'label5',\r\n                            value5: 'A5',\r\n                            doc: [\r\n                                {\r\n                                    attach_label_id: 6,\r\n                                    label: 'ผลตรวจ ATK',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: true,\r\n                                    file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/t4cZR1652106106.jpg',\r\n                                },\r\n                                {\r\n                                    attach_label_id: 11,\r\n                                    label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: false,\r\n                                    file: null,\r\n                                },\r\n                            ],\r\n                            condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                        },\r\n                        {\r\n                            ticket_id: 18,\r\n                            no: 'ตั๋วใบที่ 3',\r\n                            ticket_no: 'WS221A2A2A3A4A5',\r\n                            group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                            start_at: 1653098400,\r\n                            end_at: 1653107400,\r\n                            ticket_template: '2',\r\n                            ticket_bg: '#ffebcd',\r\n                            ticket_font_color: '#006633',\r\n                            ticket_header_bg: '#cc3333',\r\n                            ticket_header_font_color: '#ffffff',\r\n                            ticket_body_bg: null,\r\n                            ticket_body_font_color: '#191970',\r\n                            active: true,\r\n                            active_txt: 'ยังไม่ได้ใช้งาน',\r\n                            qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/ticket-qrcode/6f4922f45568161a8cdf4ad2299f6d23.png',\r\n                            pin: '7400',\r\n                            share: 'https://debentureclub-dev.scg.com/share/ticket/6f4922f45568161a8cdf4ad2299f6d23',\r\n                            location_line1: 'สถานที่',\r\n                            location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                            label1: 'ลงทะเบียน',\r\n                            value1: 'A2',\r\n                            label2: 'แถวที่นั่ง',\r\n                            value2: 'A2',\r\n                            label3: 'เลขที่นั่ง',\r\n                            value3: 'A3',\r\n                            label4: 'label4',\r\n                            value4: 'A4',\r\n                            label5: 'label5',\r\n                            value5: 'A5',\r\n                            doc: [\r\n                                {\r\n                                    attach_label_id: 6,\r\n                                    label: 'ผลตรวจ ATK',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: false,\r\n                                    file: null,\r\n                                },\r\n                                {\r\n                                    attach_label_id: 11,\r\n                                    label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: false,\r\n                                    file: null,\r\n                                },\r\n                            ],\r\n                            condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                        },\r\n                        {\r\n                            ticket_id: 40,\r\n                            no: 'ตั๋วใบที่ 4',\r\n                            ticket_no: 'WS2211001',\r\n                            group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                            start_at: 1653098400,\r\n                            end_at: 1653107400,\r\n                            ticket_template: '2',\r\n                            ticket_bg: '#ffebcd',\r\n                            ticket_font_color: '#006633',\r\n                            ticket_header_bg: '#cc3333',\r\n                            ticket_header_font_color: '#ffffff',\r\n                            ticket_body_bg: null,\r\n                            ticket_body_font_color: '#191970',\r\n                            active: true,\r\n                            active_txt: 'ยังไม่ได้ใช้งาน',\r\n                            qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/ticket-qrcode/d645920e395fedad7bbbed0eca3fe2e0.png',\r\n                            pin: '7400',\r\n                            share: 'https://debentureclub-dev.scg.com/share/ticket/d645920e395fedad7bbbed0eca3fe2e0',\r\n                            location_line1: 'สถานที่',\r\n                            location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                            label1: 'ลงทะเบียน',\r\n                            value1: '08.00 – 09.00 น.',\r\n                            label2: 'แถวที่นั่ง',\r\n                            value2: '1',\r\n                            label3: 'เลขที่นั่ง',\r\n                            value3: '001',\r\n                            label4: '',\r\n                            value4: '',\r\n                            label5: '',\r\n                            value5: '',\r\n                            doc: [\r\n                                {\r\n                                    attach_label_id: 6,\r\n                                    label: 'ผลตรวจ ATK',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: true,\r\n                                    file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/Hei141652166645.jpg',\r\n                                },\r\n                                {\r\n                                    attach_label_id: 11,\r\n                                    label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: true,\r\n                                    file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/wiUfs1652170652.jpg',\r\n                                },\r\n                            ],\r\n                            condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                        },\r\n                    ],\r\n                },\r\n            },\r\n            apply_id: this.$route.query.apply_id,\r\n            modal_visible: false,\r\n            modal_step: null,\r\n            doc: {},\r\n        };\r\n    },\r\n    mounted() {\r\n        this._mounted();\r\n    },\r\n    methods: {\r\n        onUpload(e = null) {\r\n            if (e) e.preventDefault();\r\n            this.modal_visible = true;\r\n            this.modal_step = 'upload';\r\n        },\r\n        onAttach() {\r\n            this.$router.replace({\r\n                path: '/ticket-attach',\r\n                query: {\r\n                    apply_id: this.apply_id,\r\n                },\r\n            });\r\n        },\r\n        _mounted: function () {\r\n            this.getActivityDetail(() => (this.getting_data = false));\r\n        },\r\n        getActivityDetail: function (callback = null) {\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/log/activity/detail',\r\n                    data: {\r\n                        apply_id: this.apply_id,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'errors') {\r\n                            const error = {\r\n                                title: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                console.log('value', value);\r\n                                if (key) {\r\n                                    error.title = value[0];\r\n                                }\r\n                            }\r\n                            this.$confirm({\r\n                                title: error.title,\r\n                                button: {\r\n                                    yes: 'ปิดหน้าต่าง',\r\n                                },\r\n                                callback: (confirm) => {},\r\n                            });\r\n                        } else {\r\n                            this.ticket_data = res;\r\n                            console.log('this.ticket_data--------------->', this.ticket_data);\r\n                        }\r\n                        if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        goTicketList() {\r\n            this.$router.replace({\r\n                path: '/ticket-list',\r\n                query: {\r\n                    apply_id: this.apply_id,\r\n                    back_path: `/ticket-activity-detail?apply_id=${this.apply_id}&back_path=${this.back_path}`,\r\n                },\r\n            });\r\n        },\r\n        goDocList() {\r\n            this.$router.replace({\r\n                path: '/doc-list',\r\n                query: {\r\n                    apply_id: this.apply_id,\r\n                    back_path: `/ticket-activity-detail?apply_id=${this.apply_id}&back_path=${this.back_path}`,\r\n                },\r\n            });\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.main-content {\r\n    /* background-color: red; */\r\n    /* width: 100vw; */\r\n    /* padding: 14px; */\r\n    min-height: 100vh;\r\n}\r\n.main-content.is-tablet.step-register_success {\r\n    margin-top: 15vh;\r\n}\r\n.badge-icon {\r\n    position: absolute;\r\n    top: 3px;\r\n    right: 200px;\r\n    background: url('../../../public/resources/images/follower-badge.png');\r\n    background-size: 100%;\r\n    width: 40px;\r\n    height: 40px;\r\n}\r\n.badge-icon-new {\r\n    top: 3px;\r\n    right: 200px;\r\n    background: url('../../../public/resources/images/follower-badge.png');\r\n    background-size: 100%;\r\n    width: 40px;\r\n    height: 40px;\r\n    margin: 4px;\r\n}\r\n.badge-label {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    left: 0;\r\n    right: 0;\r\n    text-align: center;\r\n    color: #000 !important;\r\n    line-height: 40px;\r\n    font-size: 14px;\r\n}\r\n.custom-card {\r\n    margin: 16px;\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n}\r\n.custom-close {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    margin: 0;\r\n    color: #707070 !important;\r\n    text-align: right;\r\n    opacity: 0.5;\r\n}\r\n.slide {\r\n    background-color: transparent;\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n.title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 8px 0 0 16px;\r\n    color: #cc0000 !important;\r\n}\r\n.description {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    margin: 0 16px;\r\n    color: #000 !important;\r\n}\r\n.description-read-all {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    margin: 0 16px;\r\n    color: #000 !important;\r\n}\r\n.read-all {\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    margin: 8px 0 8px 0;\r\n    color: #707070 !important;\r\n}\r\n.half-circle {\r\n    width: 50px;\r\n    height: 25px; /* as the half of the width */\r\n    background-color: #fff;\r\n    border-bottom-left-radius: 25px;\r\n    border-bottom-right-radius: 25px;\r\n    /* border: 10px solid gray; */\r\n    border-top: 0;\r\n    box-shadow: #707070 0px 25px 40px 0px;\r\n    margin: 0 auto;\r\n}\r\n/* .vue-confirm-dialog {\r\n}\r\n.vue-confirm-dialog .vc-container .vc-text-grid .vc-title {\r\n  font-size: 16px !important;\r\n}\r\n.vc-title {\r\n  font-size: 16px !important;\r\n} */\r\n.กางได้ {\r\n    width: 90%;\r\n    min-height: 64px;\r\n    line-height: 64px;\r\n    background: linear-gradient(0deg, #af2e30, #e05a61 100%) no-repeat;\r\n    margin: 8px auto;\r\n    color: #fff;\r\n    font-weight: 300;\r\n    padding: 0 16px;\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!./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=00603ca8&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=00603ca8&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  \"00603ca8\",\n  null\n  \n)\n\nexport default component.exports","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!./modalForm.vue?vue&type=style&index=0&id=7c9dbe82&scoped=true&lang=css&\"","'use strict';\r\n\r\nvar Vue = require('vue');\r\nVue = 'default' in Vue ? Vue['default'] : Vue;\r\n\r\nvar version = '2.2.2';\r\n\r\nvar compatible = (/^2\\./).test(Vue.version);\r\nif (!compatible) {\r\n  Vue.util.warn('VueClickaway ' + version + ' only supports Vue 2.x, and does not support Vue ' + Vue.version);\r\n}\r\n\r\n\r\n\r\n// @SECTION: implementation\r\n\r\nvar HANDLER = '_vue_clickaway_handler';\r\n\r\nfunction bind(el, binding, vnode) {\r\n  unbind(el);\r\n\r\n  var vm = vnode.context;\r\n\r\n  var callback = binding.value;\r\n  if (typeof callback !== 'function') {\r\n    if (process.env.NODE_ENV !== 'production') {\r\n      Vue.util.warn(\r\n        'v-' + binding.name + '=\"' +\r\n        binding.expression + '\" expects a function value, ' +\r\n        'got ' + callback\r\n      );\r\n    }\r\n    return;\r\n  }\r\n\r\n  // @NOTE: Vue binds directives in microtasks, while UI events are dispatched\r\n  //        in macrotasks. This causes the listener to be set up before\r\n  //        the \"origin\" click event (the event that lead to the binding of\r\n  //        the directive) arrives at the document root. To work around that,\r\n  //        we ignore events until the end of the \"initial\" macrotask.\r\n  // @REFERENCE: https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/\r\n  // @REFERENCE: https://github.com/simplesmiler/vue-clickaway/issues/8\r\n  var initialMacrotaskEnded = false;\r\n  setTimeout(function() {\r\n    initialMacrotaskEnded = true;\r\n  }, 0);\r\n\r\n  el[HANDLER] = function(ev) {\r\n    // @NOTE: this test used to be just `el.containts`, but working with path is better,\r\n    //        because it tests whether the element was there at the time of\r\n    //        the click, not whether it is there now, that the event has arrived\r\n    //        to the top.\r\n    // @NOTE: `.path` is non-standard, the standard way is `.composedPath()`\r\n    var path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);\r\n    if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {\r\n      return callback.call(vm, ev);\r\n    }\r\n  };\r\n\r\n  document.documentElement.addEventListener('click', el[HANDLER], false);\r\n}\r\n\r\nfunction unbind(el) {\r\n  document.documentElement.removeEventListener('click', el[HANDLER], false);\r\n  delete el[HANDLER];\r\n}\r\n\r\nvar directive = {\r\n  bind: bind,\r\n  update: function(el, binding) {\r\n    if (binding.value === binding.oldValue) return;\r\n    bind(el, binding);\r\n  },\r\n  unbind: unbind,\r\n};\r\n\r\nvar mixin = {\r\n  directives: { onClickaway: directive },\r\n};\r\n\r\nexports.version = version;\r\nexports.directive = directive;\r\nexports.mixin = mixin;"],"sourceRoot":""}