{"version":3,"sources":["webpack:///./public/resources/images/member-card.png","webpack:///./src/views/welcome/index.vue?e2eb","webpack:///./src/views/welcome/index.vue?1e92","webpack:///src/views/welcome/index.vue","webpack:///./src/views/welcome/index.vue?d280","webpack:///./src/views/welcome/index.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","attrs","$t","getting_data","class","$device","staticStyle","staticClass","_v","_s","user","member_id","replace","custodian_name","on","closeWelcome","staticRenderFns","component"],"mappings":"mGAAAA,EAAOC,QAAU,IAA0B,gC,oCCA3C,W,kECAA,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,IAAMN,EAAIO,GAAG,cAAc,SAAWP,EAAIQ,eAAe,CAACJ,EAAG,MAAM,CAACK,MAAM,+BAAiCT,EAAIU,SAAS,CAACN,EAAG,MAAM,CAACO,YAAY,CAAC,OAAS,SAAS,SAAW,aAAa,CAACP,EAAG,MAAM,CAACO,YAAY,CAAC,mBAAmB,OAAO,QAAU,SAAS,CAACP,EAAG,QAAQ,CAACQ,YAAY,sBAAsB,CAACZ,EAAIa,GAAG,oBAAoBT,EAAG,MAAM,CAACO,YAAY,CAAC,SAAW,aAAa,CAACP,EAAG,MAAM,CAACO,YAAY,CAAC,aAAa,OAAO,MAAQ,OAAOL,MAAM,CAAC,IAAM,EAAQ,WAAuDF,EAAG,MAAM,CAACQ,YAAY,mBAAmB,CAACR,EAAG,OAAO,CAACQ,YAAY,QAAQD,YAAY,CAAC,iBAAiB,QAAQ,CAACX,EAAIa,GAAGb,EAAIc,GAAGd,EAAIe,KAAKC,UAAYhB,EAAIe,KAAKC,UAAUC,QAAQ,KAAM,IAAM,OAAOb,EAAG,MAAMA,EAAG,OAAO,CAACQ,YAAY,QAAQD,YAAY,CAAC,QAAU,SAAS,CAACX,EAAIa,GAAGb,EAAIc,GAAGd,EAAIe,KAAKG,uBAAuBd,EAAG,QAAQ,CAACQ,YAAY,8BAA8B,CAACZ,EAAIa,GAAG,4BAA4BT,EAAG,QAAQ,CAACQ,YAAY,iBAAiB,CAACZ,EAAIa,GAAG,uBAAuBT,EAAG,MAAMJ,EAAIa,GAAG,sBAAsBT,EAAG,QAAQ,CAACQ,YAAY,uBAAuB,CAACZ,EAAIa,GAAG,6BAA6BT,EAAG,MAAMJ,EAAIa,GAAG,yBAAyBT,EAAG,MAAMJ,EAAIa,GAAG,0CAA0CT,EAAG,MAAMJ,EAAIa,GAAG,8BAA8BT,EAAG,WAAW,CAACQ,YAAY,qCAAqCN,MAAM,CAAC,KAAO,SAASa,GAAG,CAAC,MAAQnB,EAAIoB,eAAe,CAAChB,EAAG,OAAO,CAACQ,YAAY,gBAAgB,CAACZ,EAAIa,GAAG,oBAAoB,QAC/gDQ,EAAkB,GCoCtB,G,oBAAA,CACE,KAAF,WACI,MAAJ,CACM,cAAN,EACM,YAAN,GACM,MAAN,0BAGE,SAAF,CACI,KADJ,WAEM,OAAN,yBAGE,QAbF,WAcI,KAAJ,YAEE,QAAF,CACI,SAAJ,WAAM,IAAN,OACM,KAAN,0BAAQ,OAAR,yBAAU,OAAV,0BAAY,OAAZ,4BAEI,cAAJ,WAAM,IAAN,qEACM,KAAN,6BACQ,QAAR,CACU,KAAV,kBACU,KAAV,GAGU,SAAV,YACA,yBACc,EAAd,uBACA,2BACA,+BAKI,WAAJ,WAAM,IAAN,qEACM,KAAN,4BACQ,QAAR,CACU,KAAV,eACU,SAAV,YACA,0BACc,EAAd,mBACA,gEACgB,EAAhB,cACkB,KAAlB,SACkB,MAAlB,CAAoB,OAApB,EAAoB,MAApB,YAIA,+BAKI,YAAJ,WAAM,IAAN,qEACM,KAAN,4BACQ,QAAR,CACU,KAAV,gBACU,SAAV,YACA,yBACA,kEACgB,EAAhB,cACkB,KAAlB,kBACkB,MAAlB,CAAoB,OAApB,EAAoB,WAApB,qBAAoB,MAApB,WAIA,+BAKI,aAzDJ,WA0DA,8BACQ,KAAR,iBACU,KAAV,SACU,MAAV,CACY,MAAZ,cAIQ,KAAR,iBACU,KAAV,cCxH8V,I,wBCQ1VC,EAAY,eACd,EACAvB,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-dd07cc36.0147050a.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/member-card.6cff7636.png\";","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=707b7b40&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('div',{class:'text-center welcome-card is-' + _vm.$device},[_c('div',{staticStyle:{\"margin\":\"auto 0\",\"position\":\"relative\"}},[_c('div',{staticStyle:{\"background-color\":\"#fff\",\"padding\":\"16px\"}},[_c('label',{staticClass:\"ยินดีต้อนรับ fs-20\"},[_vm._v(\" ยินดีต้อนรับ \")]),_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('img',{staticStyle:{\"margin-top\":\"12px\",\"width\":\"90%\"},attrs:{\"src\":require(\"../../../public/resources/images/member-card.png\")}}),_c('div',{staticClass:\"member-id-label\"},[_c('span',{staticClass:\"fs-18\",staticStyle:{\"letter-spacing\":\"5px\"}},[_vm._v(_vm._s(_vm.user.member_id ? _vm.user.member_id.replace(/-/g, '') : ''))]),_c('br'),_c('span',{staticClass:\"fs-16\",staticStyle:{\"display\":\"flex\"}},[_vm._v(_vm._s(_vm.user.custodian_name))])])]),_c('label',{staticClass:\"ขอต้อนรับท่านเข้าสู่ fs-18\"},[_vm._v(\" ขอต้อนรับท่านเข้าสู่ \")]),_c('label',{staticClass:\"SCGDCWA fs-18\"},[_vm._v(\" SCG Debenture Club\"),_c('br'),_vm._v(\"Web Application \")]),_c('label',{staticClass:\"สิทธิประโยชน์ fs-18\"},[_vm._v(\" สิทธิประโยชน์เหนือระดับ \"),_c('br'),_vm._v(\" สำหรับผู้ถือหุ้นกู้ \"),_c('br'),_vm._v(\" ของบริษัทปูนซิเมนต์ไทย จำกัด (มหาชน) \"),_c('br'),_vm._v(\"และ/หรือบริษัทในกลุ่ม \")])]),_c('a-button',{staticClass:\"text-center cancel-btn br-20 mt-20\",attrs:{\"size\":\"large\"},on:{\"click\":_vm.closeWelcome}},[_c('span',{staticClass:\"fs-18 fw-600\"},[_vm._v(\"ปิดหน้าต่าง\")])])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\">\r\n        <div :class=\"'text-center welcome-card is-' + $device\">\r\n            <div style=\"margin: auto 0; position: relative\">\r\n                <div style=\"background-color: #fff; padding: 16px\">\r\n                    <!-- <div @click=\"closeWelcome\">\r\n                    <label class=\"custom-close w-100 fs-16\"> x close </label>\r\n                </div> -->\r\n                    <label class=\"ยินดีต้อนรับ fs-20\"> ยินดีต้อนรับ </label>\r\n                    <div style=\"position: relative\">\r\n                        <img src=\"../../../public/resources/images/member-card.png\" style=\"margin-top: 12px; width: 90%\" />\r\n                        <!-- <label class=\"privilege-card-label fs-18\"> PRIVILEGE CARD </label> -->\r\n                        <div class=\"member-id-label\">\r\n                            <span class=\"fs-18\" style=\"letter-spacing: 5px\">{{ user.member_id ? user.member_id.replace(/-/g, '') : '' }}</span>\r\n                            <br />\r\n                            <span class=\"fs-16\" style=\"display: flex\">{{ user.custodian_name }}</span>\r\n                        </div>\r\n                    </div>\r\n                    <label class=\"ขอต้อนรับท่านเข้าสู่ fs-18\"> ขอต้อนรับท่านเข้าสู่ </label>\r\n                    <label class=\"SCGDCWA fs-18\"> SCG Debenture Club<br />Web Application </label>\r\n                    <label class=\"สิทธิประโยชน์ fs-18\">\r\n                        สิทธิประโยชน์เหนือระดับ\r\n                        <br />\r\n                        สำหรับผู้ถือหุ้นกู้\r\n                        <br />\r\n                        ของบริษัทปูนซิเมนต์ไทย จำกัด (มหาชน)\r\n                        <br />และ/หรือบริษัทในกลุ่ม\r\n                    </label>\r\n                </div>\r\n                <a-button size=\"large\" class=\"text-center cancel-btn br-20 mt-20\" @click=\"closeWelcome\">\r\n                    <span class=\"fs-18 fw-600\">ปิดหน้าต่าง</span>\r\n                </a-button>\r\n            </div>\r\n        </div>\r\n    </a-spin>\r\n</template>\r\n<script>\r\nexport default {\r\n    data: function () {\r\n        return {\r\n            getting_data: true,\r\n            user_detail: [],\r\n            popup: this.$route.query.popup,\r\n        };\r\n    },\r\n    computed: {\r\n        user() {\r\n            return this.$store.state.user;\r\n        },\r\n    },\r\n    mounted() {\r\n        this._mounted();\r\n    },\r\n    methods: {\r\n        _mounted: function () {\r\n            this.getUserDetail(() => this.getConsent(() => this.getConsent2(() => (this.getting_data = false))));\r\n        },\r\n        getUserDetail: function (callback = null) {\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/checkLogin',\r\n                    data: {\r\n                        // member_id: Number(this.user.member_id.replace(/-/g, '')),\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'complete') {\r\n                            this.user_detail = res.complete;\r\n                            if (typeof callback == 'function') callback();\r\n                        } else if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        getConsent: function (callback = null) {\r\n            this.$store.dispatch('user/GET', {\r\n                payload: {\r\n                    path: '/api/consent',\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'complete') {\r\n                            this.consent = res.complete;\r\n                            if (this.user_detail && this.user_detail.consent_id != res.complete.consent_id) {\r\n                                this.$router.push({\r\n                                    path: '/terms',\r\n                                    query: { accept: 1, popup: this.popup },\r\n                                });\r\n                            }\r\n                        }\r\n                        if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        getConsent2: function (callback = null) {\r\n            this.$store.dispatch('user/GET', {\r\n                payload: {\r\n                    path: '/api/consent2',\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'complete') {\r\n                            if (this.user_detail && this.user_detail.consent2_id != res.complete.consent2_id) {\r\n                                this.$router.push({\r\n                                    path: '/privacy-policy',\r\n                                    query: { accept: 1, consent_id: this.consent.consent_id, popup: this.popup },\r\n                                });\r\n                            }\r\n                        }\r\n                        if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        closeWelcome() {\r\n            if (this.popup && this.popup.length) {\r\n                this.$router.replace({\r\n                    path: '/popup',\r\n                    query: {\r\n                        popup: this.popup,\r\n                    },\r\n                });\r\n            } else {\r\n                this.$router.replace({\r\n                    path: '/home',\r\n                });\r\n            }\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\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.ยินดีต้อนรับ {\r\n    margin: 0;\r\n    font-weight: 600;\r\n}\r\n.privilege-card-label {\r\n    margin: 0;\r\n    position: absolute;\r\n    left: 47%;\r\n    bottom: 37%;\r\n    filter: opacity(0.9);\r\n    color: #d3d4d5 !important;\r\n}\r\n.member-id-label {\r\n    margin: 0;\r\n    position: absolute;\r\n    left: 12%;\r\n    bottom: 10%;\r\n    color: #fff !important;\r\n}\r\n.custodian-name-label {\r\n    margin: 0;\r\n    position: absolute;\r\n    left: 12%;\r\n    bottom: 8%;\r\n    color: #fff !important;\r\n}\r\n.ขอต้อนรับท่านเข้าสู่ {\r\n    margin: 0;\r\n    margin-top: 16px;\r\n    font-weight: 600;\r\n}\r\n.SCGDCWA {\r\n    margin: 0;\r\n    margin-top: 16px;\r\n    color: #cc0000 !important;\r\n    width: 90%;\r\n    font-weight: 600;\r\n    padding: 0 26px;\r\n}\r\n.สิทธิประโยชน์ {\r\n    margin: 0;\r\n    margin-top: 16px;\r\n    font-weight: 600;\r\n    padding: 0 26px;\r\n}\r\n.welcome-card {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 100vh;\r\n    margin: 0 auto;\r\n}\r\n/* .welcome-card.is-desktop,\r\n.welcome-card.is-tablet {\r\n    width: 25%;\r\n    min-width: 384px;\r\n} */\r\n@media (max-device-width: 480px) {\r\n    .welcome-card {\r\n        width: 90%;\r\n    }\r\n}\r\n@media (max-device-width: 413px) {\r\n    .privilege-card-label,\r\n    .ขอต้อนรับท่านเข้าสู่,\r\n    .SCGDCWA,\r\n    .สิทธิประโยชน์ {\r\n        left: 44%;\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=707b7b40&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=707b7b40&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  \"707b7b40\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}