{"version":3,"sources":["webpack:///./src/views/ticket-layout-3/index.vue?be76","webpack:///./src/views/ticket-layout-3/modalForm.vue?b0cf","webpack:///src/views/ticket-layout-1/modalForm.vue","webpack:///./src/views/ticket-layout-3/modalForm.vue?e3cb","webpack:///./src/views/ticket-layout-3/modalForm.vue","webpack:///src/views/ticket-layout-3/index.vue","webpack:///./src/views/ticket-layout-3/index.vue?a2e5","webpack:///./src/views/ticket-layout-3/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/ticket-layout-3/modalForm.vue?d0f1","webpack:///./src/views/ticket-layout-3/index.vue?2f13","webpack:///./node_modules/vue-clickaway/dist/vue-clickaway.common.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","$device","attrs","$t","getting_data","style","width","getHeaderBackground","ticket_data","color","ticket_list","ticket_header_font_color","display","_v","_s","title","ticket_body_font_color","getBodyBackground","staticStyle","toMoment","start_at","end_at","label1","value1","_e","label5","value5","label2","value2","label3","value3","label4","value4","location_line1","location_line2","qrcode","ticket_no","loading","on","$event","onShare","share","onUpload","domProps","condition","modal_visible","modal_step","doc","onModalChangeStep","onModalCancel","staticRenderFns","step","model","value","callback","$$v","visible","expression","directives","name","rawName","_l","key","label","status_upload","fontSize","handleStep","item","image","removeImage","onFileChange","imageStatus","cancel","component","_arrayWithHoles","arr","Array","isArray","_iterableToArrayLimit","i","Symbol","iterator","Object","_arr","_n","_d","undefined","_i","next","done","push","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","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-ca7cde96.aebd6100.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-container\"},[_c('div',{class:'container-password is-' + _vm.$device},[_c('a-spin',{attrs:{\"tip\":_vm.$t('Loading...'),\"spinning\":_vm.getting_data}},[_c('div',{style:([\n                    {\n                        width: '100%',\n                        'border-top-left-radius': '20px',\n                        'border-top-right-radius': '20px',\n                        'padding-top': '14px',\n                    },\n                    _vm.getHeaderBackground(_vm.ticket_data) ])},[_c('span',{staticClass:\"fs-20\",style:({\n                        color: _vm.ticket_data.ticket_list[0].ticket_header_font_color,\n                        display: 'block',\n                    })},[_vm._v(\" \"+_vm._s(_vm.ticket_data.title)+\" \")])]),_c('div',{style:([\n                    {\n                        width: '100%',\n                        color: _vm.ticket_data.ticket_list[0].ticket_body_font_color,\n                        'text-align': 'left',\n                        'border-bottom-left-radius': '20px',\n                        'border-bottom-right-radius': '20px',\n                    },\n                    _vm.getBodyBackground(_vm.ticket_data) ])},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"margin-top\":\"14px\"}},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" วันที่จัดกิจกรรม \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.toMoment(_vm.ticket_data.ticket_list[0].start_at, 'DD MMM YYYY'))+\" \")])])]),_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"margin-top\":\"14px\"}},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" เวลากิจกรรม \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.toMoment(_vm.ticket_data.ticket_list[0].start_at, 'HH:mm'))+\" - \"+_vm._s(_vm.toMoment(_vm.ticket_data.ticket_list[0].end_at, 'HH:mm'))+\" น. \")])])])]),(_vm.ticket_data.ticket_list[0].label1 && _vm.ticket_data.ticket_list[0].value1)?_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].label1)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\",\"max-width\":\"62%\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].value1)+\" \")])])])]):_vm._e(),(_vm.ticket_data.ticket_list[0].label5 && _vm.ticket_data.ticket_list[0].value5)?_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].label5)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\",\"max-width\":\"62%\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].value5)+\" \")])])])]):_vm._e(),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\",\"padding-bottom\":\"14px\"}},[(_vm.ticket_data.ticket_list[0].label2 && _vm.ticket_data.ticket_list[0].value2)?_c('div',{staticClass:\"col-4\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].label2)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].value2)+\" \")])])]):_vm._e(),(_vm.ticket_data.ticket_list[0].label3 && _vm.ticket_data.ticket_list[0].value3)?_c('div',{staticClass:\"col-4\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].label3)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].value3)+\" \")])])]):_vm._e(),(_vm.ticket_data.ticket_list[0].label4 && _vm.ticket_data.ticket_list[0].value4)?_c('div',{staticClass:\"col-4\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].label4)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].value4)+\" \")])])]):_vm._e()]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].location_line1)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600 text-center\",staticStyle:{\"display\":\"block\",\"max-width\":\"70%\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].location_line2)+\" \")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"margin-top\":\"14px\"}},[_c('img',{staticStyle:{\"width\":\"50%\"},attrs:{\"src\":_vm.ticket_data.ticket_list[0].qrcode}})]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\",\"max-width\":\"70%\",\"word-break\":\"break-all\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.ticket_list[0].ticket_no)+\" \")])])])])]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-6\"},[_c('a-button',{staticClass:\"text-center primary-btn ant-button-label-custom w-100\",attrs:{\"size\":\"large\",\"loading\":_vm.loading},on:{\"click\":function($event){return _vm.onShare(_vm.ticket_data.ticket_list[0].share)}}},[_c('i',{staticClass:\"fa fa-share-alt\",attrs:{\"aria-hidden\":\"true\"}}),_c('strong',{staticClass:\"fs-18\"},[_vm._v(\" \"+_vm._s(_vm.$t('คัดลอกลิงก์')))])])],1),(_vm.ticket_data.display_attach_btn)?_c('div',{staticClass:\"col-6\"},[_c('a-button',{staticClass:\"text-center primary-btn ant-button-label-custom w-100\",attrs:{\"size\":\"large\",\"loading\":_vm.loading},on:{\"click\":_vm.onUpload}},[_c('i',{staticClass:\"fa fa-upload\",attrs:{\"aria-hidden\":\"true\"}}),_c('strong',{staticClass:\"fs-18\"},[_vm._v(\" \"+_vm._s(_vm.$t('แนบเอกสาร')))])])],1):_vm._e()]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-12\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\",\"text-align\":\"left\"},domProps:{\"innerHTML\":_vm._s(_vm.ticket_data.ticket_list[0].condition)}})])]),_c('modal-form',{attrs:{\"visible\":_vm.modal_visible,\"step\":_vm.modal_step,\"ticket_list\":_vm.ticket_data.ticket_list[0],\"init_doc\":_vm.doc},on:{\"handle-step\":_vm.onModalChangeStep,\"on-cancel\":_vm.onModalCancel}})],1)],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            setTimeout(() => (this.item.image = null), 1000);\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=83cbbcba&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=83cbbcba&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  \"83cbbcba\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"main-container\">\r\n        <div :class=\"'container-password is-' + $device\">\r\n            <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\">\r\n                <div\r\n                    :style=\"[\r\n                        {\r\n                            width: '100%',\r\n                            'border-top-left-radius': '20px',\r\n                            'border-top-right-radius': '20px',\r\n                            'padding-top': '14px',\r\n                        },\r\n                        getHeaderBackground(ticket_data),\r\n                    ]\"\r\n                >\r\n                    <span\r\n                        class=\"fs-20\"\r\n                        :style=\"{\r\n                            color: ticket_data.ticket_list[0].ticket_header_font_color,\r\n                            display: 'block',\r\n                        }\"\r\n                    >\r\n                        {{ ticket_data.title }}\r\n                    </span>\r\n                </div>\r\n                <div\r\n                    :style=\"[\r\n                        {\r\n                            width: '100%',\r\n                            color: ticket_data.ticket_list[0].ticket_body_font_color,\r\n                            'text-align': 'left',\r\n                            'border-bottom-left-radius': '20px',\r\n                            'border-bottom-right-radius': '20px',\r\n                        },\r\n                        getBodyBackground(ticket_data),\r\n                    ]\"\r\n                >\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <div class=\"row justify-content-center\" style=\"margin-top: 14px\">\r\n                                <span class=\"fs-14\" style=\"display: block\"> วันที่จัดกิจกรรม </span>\r\n                            </div>\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-18 fw-600\" style=\"display: block\"> {{ toMoment(ticket_data.ticket_list[0].start_at, 'DD MMM YYYY') }} </span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-6\">\r\n                            <div class=\"row justify-content-center\" style=\"margin-top: 14px\">\r\n                                <span class=\"fs-14\" style=\"display: block\"> เวลากิจกรรม </span>\r\n                            </div>\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-18 fw-600\" style=\"display: block\"> {{ toMoment(ticket_data.ticket_list[0].start_at, 'HH:mm') }} - {{ toMoment(ticket_data.ticket_list[0].end_at, 'HH:mm') }} น. </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"ticket_data.ticket_list[0].label1 && ticket_data.ticket_list[0].value1\" class=\"row\" style=\"margin-top: 14px\">\r\n                        <div class=\"col-12\">\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-14\" style=\"display: block\"> {{ ticket_data.ticket_list[0].label1 }} </span>\r\n                            </div>\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-18 fw-600\" style=\"display: block; max-width: 62%\"> {{ ticket_data.ticket_list[0].value1 }} </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\" style=\"margin-top: 14px\" v-if=\"ticket_data.ticket_list[0].label5 && ticket_data.ticket_list[0].value5\">\r\n                        <div class=\"col-12\">\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-14\" style=\"display: block\"> {{ ticket_data.ticket_list[0].label5 }} </span>\r\n                            </div>\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-18 fw-600\" style=\"display: block; max-width: 62%\"> {{ ticket_data.ticket_list[0].value5 }} </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\" style=\"margin-top: 14px; padding-bottom: 14px\">\r\n                        <div class=\"col-4\" v-if=\"ticket_data.ticket_list[0].label2 && ticket_data.ticket_list[0].value2\">\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-14\" style=\"display: block\"> {{ ticket_data.ticket_list[0].label2 }} </span>\r\n                            </div>\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-18 fw-600\" style=\"display: block\"> {{ ticket_data.ticket_list[0].value2 }} </span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-4\" v-if=\"ticket_data.ticket_list[0].label3 && ticket_data.ticket_list[0].value3\">\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-14\" style=\"display: block\"> {{ ticket_data.ticket_list[0].label3 }} </span>\r\n                            </div>\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-18 fw-600\" style=\"display: block\"> {{ ticket_data.ticket_list[0].value3 }} </span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-4\" v-if=\"ticket_data.ticket_list[0].label4 && ticket_data.ticket_list[0].value4\">\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-14\" style=\"display: block\"> {{ ticket_data.ticket_list[0].label4 }} </span>\r\n                            </div>\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-18 fw-600\" style=\"display: block\"> {{ ticket_data.ticket_list[0].value4 }} </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\" style=\"margin-top: 14px\">\r\n                        <div class=\"col-12\">\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-14\" style=\"display: block\"> {{ ticket_data.ticket_list[0].location_line1 }} </span>\r\n                            </div>\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-18 fw-600 text-center\" style=\"display: block; max-width: 70%\"> {{ ticket_data.ticket_list[0].location_line2 }} </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12\">\r\n                            <div class=\"row justify-content-center\" style=\"margin-top: 14px\">\r\n                                <img :src=\"ticket_data.ticket_list[0].qrcode\" style=\"width: 50%\" />\r\n                            </div>\r\n                            <div class=\"row justify-content-center\">\r\n                                <span class=\"fs-14\" style=\"display: block; max-width: 70%; word-break: break-all\"> {{ ticket_data.ticket_list[0].ticket_no }} </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <!-- <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom\" style=\"width: 47.5%; margin-top: 14px\" :loading=\"loading\" @click=\"onConfirm\">\r\n            <i class=\"fa fa-download\" aria-hidden=\"true\"></i><strong class=\"fs-18\">&nbsp;{{ $t('บันทึก') }}</strong>\r\n        </a-button> -->\r\n                <div class=\"row\" style=\"margin-top: 14px\">\r\n                    <div class=\"col-6\">\r\n                        <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom w-100\" :loading=\"loading\" @click=\"onShare(ticket_data.ticket_list[0].share)\">\r\n                            <i class=\"fa fa-share-alt\" aria-hidden=\"true\"></i><strong class=\"fs-18\">&nbsp;{{ $t('คัดลอกลิงก์') }}</strong>\r\n                        </a-button>\r\n                    </div>\r\n                    <div class=\"col-6\" v-if=\"ticket_data.display_attach_btn\">\r\n                        <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom w-100\" :loading=\"loading\" @click=\"onUpload\">\r\n                            <i class=\"fa fa-upload\" aria-hidden=\"true\"></i><strong class=\"fs-18\">&nbsp;{{ $t('แนบเอกสาร') }}</strong>\r\n                        </a-button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\" style=\"margin-top: 14px\">\r\n                    <div class=\"col-12\">\r\n                        <span class=\"fs-14 black\" style=\"display: block; text-align: left\" v-html=\"ticket_data.ticket_list[0].condition\"> </span>\r\n                    </div>\r\n                </div>\r\n                <modal-form :visible=\"modal_visible\" :step=\"modal_step\" :ticket_list=\"ticket_data.ticket_list[0]\" @handle-step=\"onModalChangeStep\" @on-cancel=\"onModalCancel\" :init_doc=\"doc\" />\r\n            </a-spin>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport moment from 'moment';\r\nimport modalForm from './modalForm';\r\nimport store from 'store';\r\nimport _ from 'lodash';\r\nexport default {\r\n    components: {\r\n        modalForm,\r\n    },\r\n    data: function () {\r\n        return {\r\n            modal_visible: false,\r\n            modal_step: null,\r\n            headerBackgroundColor: '#FFFFFF',\r\n            bodyBackgroundColor: '#FFFFFF',\r\n            ticket_data: {},\r\n            loading: false,\r\n            password: store.get('password_ticket'),\r\n            key: store.get('key_ticket'),\r\n            doc: null,\r\n        };\r\n    },\r\n    mounted() {\r\n        this._mounted();\r\n    },\r\n    methods: {\r\n        _mounted: function () {\r\n            this.getTicket(() => (this.getting_data = false));\r\n        },\r\n        getTicket: function (callback = null) {\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/log/share/ticket',\r\n                    data: {\r\n                        key: this.key,\r\n                        password: this.password,\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.complete;\r\n                        }\r\n                        if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        onPinPress(pin) {\r\n            if (pin == 'del') this.password = this.password.slice(0, -1);\r\n            else if (this.password.length >= 6) return false;\r\n            else this.password += String(pin);\r\n        },\r\n        async onShare(textToCopy) {\r\n            try {\r\n                if (navigator.clipboard && window.isSecureContext) {\r\n                    await navigator.clipboard.writeText(textToCopy);\r\n                    this.$alert(null, 'คัดลอกสำเร็จ!', null, {\r\n                        confirmButtonText: 'OK',\r\n                        customClass: 'normal-alert-ok-btn',\r\n                    });\r\n                } else {\r\n                    const textArea = document.createElement('textarea');\r\n                    textArea.value = textToCopy;\r\n                    textArea.style.position = 'fixed';\r\n                    textArea.style.left = '-999999px';\r\n                    textArea.style.top = '-999999px';\r\n                    document.body.appendChild(textArea);\r\n                    textArea.focus();\r\n                    textArea.select();\r\n                    return new Promise((resolve) => {\r\n                        if (document.execCommand('copy')) {\r\n                            this.$alert(null, 'คัดลอกสำเร็จ!', null, {\r\n                                confirmButtonText: 'OK',\r\n                                customClass: 'normal-alert-ok-btn',\r\n                            });\r\n                            resolve();\r\n                        }\r\n                        textArea.remove();\r\n                    });\r\n                }\r\n            } catch (e) {\r\n                this.$alert(null, 'คัดลอกไม่สำเร็จ!', null, {\r\n                    confirmButtonText: 'OK',\r\n                    customClass: 'normal-alert-ok-btn',\r\n                });\r\n            }\r\n        },\r\n        onConfirm(e = null) {\r\n            if (e) e.preventDefault();\r\n            this.modal_visible = true;\r\n        },\r\n        onModalChangeStep(doc) {\r\n            this.modal_step = doc.label;\r\n            this.doc = doc;\r\n        },\r\n        onModalCancel() {\r\n            this.modal_visible = false;\r\n            this.modal_step = null;\r\n            this.getTicket(() => (this.getting_data = false));\r\n        },\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        toMoment(date_unix, format) {\r\n            return this.mtby(moment.unix(date_unix), format);\r\n        },\r\n        size(v) {\r\n            return _.size(v);\r\n        },\r\n        get(v1, v2, v3) {\r\n            return _.get(v1, v2, v3);\r\n        },\r\n        getHeaderBackground(item) {\r\n            const result = { 'background-color': this.headerBackgroundColor };\r\n            const ticket_header_bg = _.get(item, 'ticket_list[0].ticket_header_bg');\r\n            if (ticket_header_bg) {\r\n                if (_.size(ticket_header_bg) == 7) result['background-color'] = ticket_header_bg;\r\n                else {\r\n                    delete result['background-color'];\r\n                    result.background = `url(${ticket_header_bg})`;\r\n                    result['background-repeat'] = 'repeat';\r\n                }\r\n            }\r\n            return result;\r\n        },\r\n        getBodyBackground(item) {\r\n            const result = { 'background-color': this.bodyBackgroundColor };\r\n            const ticket_body_bg = _.get(item, 'ticket_list[0].ticket_body_bg');\r\n            if (ticket_body_bg) {\r\n                if (_.size(ticket_body_bg) == 7) result['background-color'] = ticket_body_bg;\r\n                else {\r\n                    delete result['background-color'];\r\n                    // result.background = `url(${ticket_body_bg})`;\r\n                    // result['background-repeat'] = 'repeat';\r\n                    result['background-image'] = `url(${ticket_body_bg})`;\r\n                    result['background-repeat'] = 'no-repeat';\r\n                    result['background-size'] = 'cover';\r\n                    result['background-position'] = 'center center';\r\n                    result['background-color'] = '#fff';\r\n                }\r\n            }\r\n            return result;\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.navbar {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    /* height: 40px; */\r\n    /* height: 10vh; */\r\n    height: 48px;\r\n    padding: 0 8px;\r\n    z-index: 2;\r\n}\r\n.custom-close {\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.center1 {\r\n    /* position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%); */\r\n}\r\n.center2 {\r\n    text-align: center;\r\n}\r\n.pinRC {\r\n    display: none;\r\n}\r\n.pinC {\r\n    display: block;\r\n    position: relative;\r\n    width: 270px;\r\n    height: 220px;\r\n    margin: 0 auto;\r\n}\r\n.pinC > .pinB {\r\n    position: relative;\r\n    float: left;\r\n    width: calc(270px / 3);\r\n    height: calc(220px / 3);\r\n    text-align: center;\r\n    /* line-height: 3; */\r\n    -webkit-transition: all 0.2s ease;\r\n    -moz-transition: all 0.2s ease;\r\n    -o-transition: all 0.2s ease;\r\n    transition: all 0.2s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB:not(.empty) {\r\n    /* background-color: #dcdcdc; */\r\n    background-color: transparent;\r\n    border: 2px solid #ffffff;\r\n}\r\n.pinC > .pinB:not(.empty):hover {\r\n    /*     border: 2px dotted #fefefe; */\r\n    cursor: pointer;\r\n}\r\n.pinC > .pinB:not(.empty)::before {\r\n    content: ' ';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(100, 100, 100, 0);\r\n    /* background-color: transparent; */\r\n    -webkit-transition: all 0.4s ease;\r\n    -moz-transition: all 0.4s ease;\r\n    -o-transition: all 0.4s ease;\r\n    transition: all 0.4s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB:not(.empty):active::before {\r\n    background-color: rgba(200, 200, 200, 0.45);\r\n}\r\n.pinC > .pinB > .pin_T {\r\n    /* position: absolute;\r\n  width: 100%;\r\n  left: 0%;\r\n  height: 100%; */\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n}\r\n.pin_T.pDelete {\r\n    font-weight: 300 !important;\r\n}\r\n.pinC > .pinB > .pin_t {\r\n    font-size: 75%;\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 50%;\r\n    color: darkgrey;\r\n    transform: translate(-50%, 0);\r\n}\r\n.pinC > .pinB.input > .pinpart {\r\n    border: 2px solid #000000;\r\n    border-radius: 50%;\r\n    float: left;\r\n    width: 10px;\r\n    height: 10px;\r\n    position: relative;\r\n    top: calc(50% - 5px);\r\n    margin-left: 4.5px;\r\n    background-color: rgba(100, 100, 100, 0);\r\n    /* background-color: transparent; */\r\n    -webkit-transition: all 0.4s ease;\r\n    -moz-transition: all 0.4s ease;\r\n    -o-transition: all 0.4s ease;\r\n    transition: all 0.4s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB.input > .pinpart.active {\r\n    background-color: #000000;\r\n}\r\n.confirmed {\r\n    animation: removec ease-out 1s;\r\n    animation-iteration-count: 1;\r\n    transform-origin: 0% 50%;\r\n    animation-fill-mode: forwards;\r\n    /*when the spec is finished*/\r\n    -webkit-animation: removec ease-out 1s;\r\n    -webkit-animation-iteration-count: 1;\r\n    -webkit-transform-origin: 0% 50%;\r\n    -webkit-animation-fill-mode: forwards;\r\n    /*Chrome 16+, Safari 4+*/\r\n    -moz-animation: removec ease-out 1s;\r\n    -moz-animation-iteration-count: 1;\r\n    -moz-transform-origin: 0% 50%;\r\n    -moz-animation-fill-mode: forwards;\r\n    /*FF 5+*/\r\n    -o-animation: removec ease-out 1s;\r\n    -o-animation-iteration-count: 1;\r\n    -o-transform-origin: 0% 50%;\r\n    -o-animation-fill-mode: forwards;\r\n    /*Not implemented yet*/\r\n    -ms-animation: removec ease-out 1s;\r\n    -ms-animation-iteration-count: 1;\r\n    -ms-transform-origin: 0% 50%;\r\n    -ms-animation-fill-mode: forwards;\r\n    /*IE 10+*/\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@keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-moz-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -moz-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -moz-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -moz-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -moz-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -moz-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-webkit-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -webkit-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -webkit-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -webkit-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -webkit-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -webkit-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-o-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -o-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -o-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -o-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -o-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -o-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-ms-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -ms-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -ms-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -ms-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -ms-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -ms-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n.dots-width {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n}\r\n.dot {\r\n    border: 2px solid #bbb;\r\n    border-radius: 50%;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: inline-block;\r\n    margin-left: 20px;\r\n}\r\n.footer-label {\r\n    padding: 0;\r\n    font-weight: 300;\r\n    color: #cc0000;\r\n    margin-top: 12px;\r\n}\r\n.เข้าใช้งานด้วยหมายเลขสมาชิกอื่น {\r\n    text-align: left;\r\n    width: 60%;\r\n}\r\n.ลืมรหัส {\r\n    text-align: right;\r\n    width: 40%;\r\n}\r\n.container-password {\r\n    padding: 20px 16px;\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    /* width: 90%; */\r\n    width: 360px;\r\n    background-color: #fff !important;\r\n    border-radius: 0;\r\n    position: fixed;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n.container-password.is-desktop,\r\n.container-password.is-tablet {\r\n    /* width: auto; */\r\n    width: 360px;\r\n}\r\n.container_forgot_password {\r\n    padding: 8px;\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    width: 360px;\r\n    background-color: #fff !important;\r\n    border-radius: 0;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n.container_forgot_password.is-desktop,\r\n.container_forgot_password.is-tablet {\r\n    width: 360px;\r\n}\r\n.container_forgot_member {\r\n    padding: 8px;\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    width: 360px;\r\n    background-color: #fff !important;\r\n    border-radius: 0;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n.container_forgot_member.is-desktop,\r\n.container_forgot_member.is-tablet {\r\n    width: 360px;\r\n}\r\n@media (max-device-width: 413px) and (max-device-height: 843px) {\r\n    .pinC {\r\n        width: 270px;\r\n        height: 220px;\r\n    }\r\n    .pinC > .pinB {\r\n        width: calc(270px / 3);\r\n        height: calc(220px / 3);\r\n    }\r\n    .pinC > .pinB > .pin_T {\r\n        font-size: 25px;\r\n    }\r\n    .container-password {\r\n        /* width: 330px; */\r\n        width: 100%;\r\n        margin-top: 30%;\r\n    }\r\n    .container_forgot_member {\r\n        width: 330px;\r\n    }\r\n}\r\n@media (max-device-width: 374px) and (max-device-height: 843px) {\r\n    .dots-width {\r\n        width: 80%;\r\n    }\r\n    .dot {\r\n        width: 15px;\r\n        height: 15px;\r\n        margin-left: 10px;\r\n    }\r\n    .pinC {\r\n        width: 250px;\r\n        height: 200px;\r\n    }\r\n    .pinC > .pinB {\r\n        width: calc(250px / 3);\r\n        height: calc(200px / 3);\r\n    }\r\n    .pinC > .pinB > .pin_T {\r\n        font-size: 25px;\r\n    }\r\n    .container-password {\r\n        /* width: 280px !important; */\r\n        width: 100% !important;\r\n        margin-top: 15%;\r\n    }\r\n    .container_forgot_member {\r\n        /* width: 280px !important; */\r\n        width: 100% !important;\r\n    }\r\n}\r\n@media screen and (max-width: 1200px) {\r\n    .col-xl-6 {\r\n        width: 50%;\r\n    }\r\n}\r\n@media (max-device-width: 15360px) and (max-device-height: 1080px) {\r\n    .container-password {\r\n        position: relative;\r\n        left: unset;\r\n        top: unset;\r\n        -webkit-transform: unset;\r\n        transform: unset;\r\n        width: 360px;\r\n        margin: 0 auto;\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!./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=74c682aa&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=74c682aa&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  \"74c682aa\",\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!./modalForm.vue?vue&type=style&index=0&id=83cbbcba&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!./index.vue?vue&type=style&index=0&id=74c682aa&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":""}