{"version":3,"sources":["webpack:///./src/views/search-detail/index.vue?ab63","webpack:///./src/views/search-detail/index.vue?e416","webpack:///src/views/search-detail/index.vue","webpack:///./src/views/search-detail/index.vue?25ff","webpack:///./src/views/search-detail/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","$device","style","width","image_url","staticClass","_v","_s","title","favorite","detail","domProps","description","step","display","on","$event","condition","branch","_e","staticRenderFns","component"],"mappings":"gHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,CAAC,mBAAmB,OAAO,MAAQ,UAAU,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,UAAY,UAAU,mBAAoC,UAAfP,EAAIQ,WAAuBJ,EAAG,MAAM,CAACA,EAAG,SAAS,CAACA,EAAG,MAAM,CAACK,MAAM,CACjRC,MAAsB,UAAfV,EAAIQ,QAAsB,OAAS,OAC3CD,MAAM,CAAC,IAAMP,EAAIW,eAAeP,EAAG,MAAM,CAACE,YAAY,CAAC,QAAU,SAAS,CAACF,EAAG,QAAQ,CAACQ,YAAY,SAAS,CAACZ,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIe,OAAO,OAAOX,EAAG,MAAM,CAACQ,YAAY,YAAY,CAACR,EAAG,MAAM,CAACQ,YAAY,OAAOL,MAAM,CAAC,IAAO,+BAAiCP,EAAIgB,SAAW,UAAY,IAAM,cAAeZ,EAAG,MAAM,CAACE,YAAY,CAAC,MAAQ,OAAO,QAAU,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,CAAC,OAAS,aAAa,mBAAmB,UAAU,cAAc,gBAAgB,QAAU,OAAO,MAAQ,SAAS,CAACF,EAAG,OAAO,CAACE,YAAY,CAAC,YAAY,OAAO,cAAc,MAAM,aAAa,cAAc,CAACN,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIiB,QAAQ,WAAWb,EAAG,QAAQ,CAACQ,YAAY,cAAcM,SAAS,CAAC,UAAYlB,EAAIc,GAAGd,EAAImB,gBAAgBf,EAAG,MAAM,CAACE,YAAY,CAAC,aAAa,SAAS,MAAQ,OAAO,QAAU,OAAO,OAAS,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,CAAC,MAAQ,OAAO,mBAAmB,UAAU,gBAAgB,MAAM,QAAU,QAAQ,CAACF,EAAG,MAAM,CAACK,MAAM,CAC76BC,MAAO,MACP,mBAAgC,qBAAZV,EAAIoB,KAA8B,OAAS,cAC/D,gBAAiB,MACjBC,QAAS,gBACVC,GAAG,CAAC,MAAQ,SAASC,GAAQvB,EAAIoB,KAAO,uBAAuB,CAAChB,EAAG,QAAQ,CAACE,YAAY,CAAC,YAAY,OAAO,cAAc,MAAM,OAAS,MAAM,CAACN,EAAIa,GAAG,2BAA2BT,EAAG,MAAM,CAACK,MAAM,CACjMC,MAAO,MACP,mBAAgC,qBAAZV,EAAIoB,KAA8B,OAAS,cAC/D,gBAAiB,MACjBC,QAAS,gBACVC,GAAG,CAAC,MAAQ,SAASC,GAAQvB,EAAIoB,KAAO,uBAAuB,CAAChB,EAAG,QAAQ,CAACE,YAAY,CAAC,YAAY,OAAO,cAAc,MAAM,OAAS,MAAM,CAACN,EAAIa,GAAG,+BAA4C,qBAAZb,EAAIoB,KAA6BhB,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACQ,YAAY,cAAcM,SAAS,CAAC,UAAYlB,EAAIc,GAAGd,EAAIwB,gBAAgBpB,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACQ,YAAY,cAAcM,SAAS,CAAC,UAAYlB,EAAIc,GAAGd,EAAIyB,cAAc,GAAmB,UAAfzB,EAAIQ,QAAqBJ,EAAG,MAAM,CAACQ,YAAY,qBAAqB,CAACZ,EAAIa,GAAG,0DAA0Db,EAAI0B,MAAM,IAC/jBC,EAAkB,G,wBCqDtB,GACE,WAAF,CACI,OAAJ,QAEE,KAAF,WACI,OAAJ,iCACA,wBADA,IAEM,KAAN,uBAGE,QAAF,IC5E8V,I,wBCQ1VC,EAAY,eACd,EACA7B,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-e6c2f7ae.b78ff94f.js","sourcesContent":["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=cbaa7c48&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"background-color\":\"#fff\",\"width\":\"100vw\"}},[_c('navbar',{attrs:{\"back_path\":\"/search\",\"navbar_sub_visible\":_vm.$device != 'mobile'}}),_c('div',[_c('center',[_c('img',{style:({\n                    width: _vm.$device == 'mobile' ? '100%' : '50%',\n                }),attrs:{\"src\":_vm.image_url}})]),_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('label',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]),_c('div',{staticClass:\"star-box\"},[_c('img',{staticClass:\"star\",attrs:{\"src\":(\"/resources/images/icon-star\" + (_vm.favorite ? '-select' : '') + \".png\")}})])]),_c('div',{staticStyle:{\"width\":\"100%\",\"padding\":\"16px\"}},[_c('div',{staticStyle:{\"margin\":\"16px 0 0 0\",\"background-color\":\"#f5f5f5\",\"border-left\":\"2px solid red\",\"padding\":\"12px\",\"color\":\"#000\"}},[_c('span',{staticStyle:{\"font-size\":\"20px\",\"font-weight\":\"600\",\"word-break\":\"break-all\"}},[_vm._v(\" \"+_vm._s(_vm.detail)+\" \")])])]),_c('label',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.description)}}),_c('div',{staticStyle:{\"text-align\":\"center\",\"width\":\"100%\",\"padding\":\"16px\",\"margin\":\"16px 0 0 0\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"background-color\":\"#bebebe\",\"border-radius\":\"8px\",\"padding\":\"2px\"}},[_c('div',{style:({\n                        width: '50%',\n                        'background-color': _vm.step == 'เงื่อนไขการใช้งาน' ? '#fff' : 'transparent',\n                        'border-radius': '8px',\n                        display: 'inline-block',\n                    }),on:{\"click\":function($event){_vm.step = 'เงื่อนไขการใช้งาน'}}},[_c('label',{staticStyle:{\"font-size\":\"16px\",\"font-weight\":\"600\",\"margin\":\"0\"}},[_vm._v(\" เงื่อนไขการใช้งาน \")])]),_c('div',{style:({\n                        width: '50%',\n                        'background-color': _vm.step == 'สาขาที่ร่วมรายการ' ? '#fff' : 'transparent',\n                        'border-radius': '8px',\n                        display: 'inline-block',\n                    }),on:{\"click\":function($event){_vm.step = 'สาขาที่ร่วมรายการ'}}},[_c('label',{staticStyle:{\"font-size\":\"16px\",\"font-weight\":\"600\",\"margin\":\"0\"}},[_vm._v(\" สาขาที่ร่วมรายการ \")])])])]),(_vm.step == 'เงื่อนไขการใช้งาน')?_c('div',[_c('label',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.condition)}})]):_c('div',[_c('label',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.branch)}})])],1),(_vm.$device != 'mobile')?_c('div',{staticClass:\"copyright-section\"},[_vm._v(\"© Copyright SCG Debenture Club. All Rights Reserved.\")]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div style=\"background-color: #fff; width: 100vw\">\r\n        <navbar back_path=\"/search\" :navbar_sub_visible=\"$device != 'mobile'\" />\r\n        <div>\r\n            <center>\r\n                <img\r\n                    :src=\"image_url\"\r\n                    :style=\"{\r\n                        width: $device == 'mobile' ? '100%' : '50%',\r\n                    }\"\r\n                />\r\n            </center>\r\n            <div style=\"display: flex\">\r\n                <label class=\"title\">\r\n                    {{ title }}\r\n                </label>\r\n                <div class=\"star-box\">\r\n                    <img :src=\"`/resources/images/icon-star${favorite ? '-select' : ''}.png`\" class=\"star\" />\r\n                </div>\r\n            </div>\r\n            <div style=\"width: 100%; padding: 16px\">\r\n                <div style=\"margin: 16px 0 0 0; background-color: #f5f5f5; border-left: 2px solid red; padding: 12px; color: #000\">\r\n                    <span style=\"font-size: 20px; font-weight: 600; word-break: break-all\">\r\n                        {{ detail }}\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <label class=\"description\" v-html=\"description\"> </label>\r\n            <div style=\"text-align: center; width: 100%; padding: 16px; margin: 16px 0 0 0\">\r\n                <div style=\"width: 100%; background-color: #bebebe; border-radius: 8px; padding: 2px\">\r\n                    <div\r\n                        :style=\"{\r\n                            width: '50%',\r\n                            'background-color': step == 'เงื่อนไขการใช้งาน' ? '#fff' : 'transparent',\r\n                            'border-radius': '8px',\r\n                            display: 'inline-block',\r\n                        }\"\r\n                        @click=\"step = 'เงื่อนไขการใช้งาน'\"\r\n                    >\r\n                        <label style=\"font-size: 16px; font-weight: 600; margin: 0\"> เงื่อนไขการใช้งาน </label>\r\n                    </div>\r\n                    <div\r\n                        :style=\"{\r\n                            width: '50%',\r\n                            'background-color': step == 'สาขาที่ร่วมรายการ' ? '#fff' : 'transparent',\r\n                            'border-radius': '8px',\r\n                            display: 'inline-block',\r\n                        }\"\r\n                        @click=\"step = 'สาขาที่ร่วมรายการ'\"\r\n                    >\r\n                        <label style=\"font-size: 16px; font-weight: 600; margin: 0\"> สาขาที่ร่วมรายการ </label>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div v-if=\"step == 'เงื่อนไขการใช้งาน'\">\r\n                <label class=\"description\" v-html=\"condition\" />\r\n            </div>\r\n            <div v-else>\r\n                <label class=\"description\" v-html=\"branch\" />\r\n            </div>\r\n        </div>\r\n        <div v-if=\"$device != 'mobile'\" class=\"copyright-section\">© Copyright SCG Debenture Club. All Rights Reserved.</div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport navbar from '../../components/navbar';\r\nexport default {\r\n    components: {\r\n        navbar,\r\n    },\r\n    data: function () {\r\n        return {\r\n            ...this.$route.query.data,\r\n            step: 'เงื่อนไขการใช้งาน',\r\n        };\r\n    },\r\n    methods: {},\r\n};\r\n</script>\r\n<style scoped>\r\n.title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 8px 40px 0 16px;\r\n    color: #cc0000 !important;\r\n    line-height: 32px;\r\n}\r\n.star-box {\r\n    line-height: 50px;\r\n    position: absolute;\r\n    right: 0;\r\n}\r\n.star {\r\n    width: 20px;\r\n    height: 20px;\r\n    margin: auto 0;\r\n    margin-right: 10px;\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    display: -webkit-box;\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    word-break: break-all;\r\n}\r\n@media (max-device-width: 413px) {\r\n    .title {\r\n        font-size: 19px;\r\n    }\r\n    .description {\r\n        font-size: 15px;\r\n    }\r\n}\r\n@media (max-device-width: 374px) {\r\n    .title {\r\n        font-size: 17px;\r\n    }\r\n    .description {\r\n        font-size: 13px;\r\n    }\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=cbaa7c48&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=cbaa7c48&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  \"cbaa7c48\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}