{"version":3,"sources":["webpack:///./src/components/package/CompareTable.vue?0726","webpack:///src/components/package/CompareTable.vue","webpack:///./src/components/package/CompareTable.vue?633f","webpack:///./src/components/package/CompareTable.vue","webpack:///./src/components/package/FAQ.vue?8c8c","webpack:///./src/components/package/CompareTable.vue?4042","webpack:///./src/components/package/CompareTable.vue?6f49","webpack:///./src/components/package/FAQ.vue?3d12","webpack:///src/components/package/FAQ.vue","webpack:///./src/components/package/FAQ.vue?4bdf","webpack:///./src/components/package/FAQ.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","i","key","_v","_s","rowName","hasOwnProperty","detail","class","classesName","domProps","attrs","staticRenderFns","name","props","isShowHeader","type","default","itemsTable","component","scopedSlots","_u","fn","question","proxy","answer","data","faqList"],"mappings":"wKAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,QAAQJ,EAAIO,GAAIP,EAAc,YAAE,SAASQ,EAAKC,GAAG,OAAOL,EAAG,KAAK,CAACM,IAAID,GAAG,CAACL,EAAG,KAAK,CAACE,YAAY,aAAa,CAACN,EAAIW,GAAGX,EAAIY,GAAGJ,EAAKK,YAAab,EAAgB,aAAE,CAAEQ,EAAKM,eAAe,cAAed,EAAIO,GAAIC,EAAe,YAAE,SAASO,EAAON,GAAG,OAAOL,EAAG,KAAK,CAACM,IAAID,EAAEO,MAAMR,EAAKS,YAAYC,SAAS,CAAC,UAAYlB,EAAIY,GAAGG,SAAaf,EAAIO,GAAIC,EAAU,OAAE,SAASO,EAAON,GAAG,OAAOL,EAAG,KAAK,CAACM,IAAID,EAAEO,MAAMR,EAAKS,aAAa,CAACjB,EAAIW,GAAGX,EAAIY,GAAGG,GAAQ,WAAUf,EAAIO,GAAIC,EAAU,OAAE,SAASO,EAAON,GAAG,OAAOL,EAAG,KAAK,CAACM,IAAID,EAAEH,YAAY,eAAe,CAAUF,EAAG,SAAZ,EAAqB,CAACE,YAAY,sBAAsBa,MAAM,CAAC,MAAQ,YAAyB,CAACb,YAAY,sBAAsBa,MAAM,CAAC,MAAQ,cAAc,OAAM,MAAK,MACx0BC,EAAkB,GCoCR,GACdC,oBACAC,OACAC,cACAC,aACAC,8BAEAC,YACAF,WACAC,gCC9Csa,I,kCCSlaE,EAAY,eACd,EACA5B,EACAqB,GACA,EACA,KACA,WACA,MAIa,OAAAO,E,oECpBf,W,kCCAA,W,kCCAA,W,kCCAA,IAAI5B,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,KAAK,CAACJ,EAAIW,GAAG,0BAA0BP,EAAG,oBAAoBJ,EAAIO,GAAIP,EAAW,SAAE,SAASQ,EAAKC,GAAG,OAAOL,EAAG,4BAA4B,CAACM,IAAID,EAAEmB,YAAY5B,EAAI6B,GAAG,CAAC,CAACnB,IAAI,SAASoB,GAAG,WAAW,MAAO,CAAC1B,EAAG,MAAM,CAACJ,EAAIW,GAAGX,EAAIY,GAAGJ,EAAKuB,eAAeC,OAAM,IAAO,MAAK,IAAO,CAAChC,EAAIW,GAAG,IAAIX,EAAIY,GAAGJ,EAAKyB,QAAQ,UAAS,IAAI,IACxbb,EAAkB,GCiBR,GACdC,WACAa,uBACAC,SACA,CACAJ,iFACAE,iLAGA,CACAF,2FACAE,2JAGA,CACAF,qCACAE,4MClC6Z,I,wBCQzZN,EAAY,eACd,EACA5B,EACAqB,GACA,EACA,KACA,WACA,MAIa,OAAAO,E","file":"js/dashboard~74087cd0.2fc5df59.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"metronic-table\"},[_c('table',_vm._l((_vm.itemsTable),function(item,i){return _c('tr',{key:i},[_c('th',{staticClass:\"text-left\"},[_vm._v(_vm._s(item.rowName))]),(_vm.isShowHeader)?[(item.hasOwnProperty('customText'))?_vm._l((item.customText),function(detail,i){return _c('td',{key:i,class:item.classesName,domProps:{\"innerHTML\":_vm._s(detail)}})}):_vm._l((item.items),function(detail,i){return _c('td',{key:i,class:item.classesName},[_vm._v(_vm._s(detail)+\" \")])})]:_vm._l((item.items),function(detail,i){return _c('td',{key:i,staticClass:\"text-center\"},[(detail)?_c('v-icon',{staticClass:\"fas fa-check-circle\",attrs:{\"color\":\"#00C300\"}}):_c('v-icon',{staticClass:\"fas fa-times-circle\",attrs:{\"color\":\"#FF2332\"}})],1)})],2)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"metronic-table\">\n        <table>\n            <tr v-for=\"(item, i) in itemsTable\" :key=\"i\">\n                <th class=\"text-left\">{{ item.rowName }}</th>\n                <template v-if=\"isShowHeader\">\n                    <template v-if=\"item.hasOwnProperty('customText')\">\n                        <td v-for=\"(detail, i) in item.customText\"\n                            :key=\"i\"\n                            :class=\"item.classesName\"\n                            v-html=\"detail\"\n                        >\n                        </td>\n                    </template>\n                    <template v-else>\n                        <td\n                            v-for=\"(detail, i) in item.items\"\n                            :key=\"i\"\n                            :class=\"item.classesName\"\n                        >{{ detail }}\n                        </td>\n                    </template>\n                </template>\n\n                <!-- display icon value -->\n                <template v-else>\n                    <td v-for=\"(detail, i) in item.items\" :key=\"i\" class=\"text-center\">\n                        <v-icon color=\"#00C300\" v-if=\"detail\" class=\"fas fa-check-circle\"></v-icon>\n                        <v-icon color=\"#FF2332\" v-else class=\"fas fa-times-circle\"></v-icon>\n                    </td>\n                </template>\n            </tr>\n        </table>\n    </div>\n</template>\n\n<script>\nexport default {\n\tname: 'CompareTable',\n\tprops: {\n\t\tisShowHeader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: () => true\n\t\t},\n\t\titemsTable: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => []\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$bg-gray: #FCFCFC;\n.metronic-table {\n    overflow: auto;\n}\n\ntable {\n    min-width: 400px;\n    font-size: $size-sm;\n    color: $text-gray;\n\n    tr {\n        &:not(:first-child) {\n            border-bottom: 1px solid $border-gray;\n        }\n\n        &:nth-child(odd) {\n            background-color: $bg-gray;\n        }\n\n        th {\n            width: 23%;\n            color: $black !important;\n            padding: 15px !important;\n        }\n\n        td {\n            padding: 15px;\n        }\n    }\n\n    .package-name {\n        background-color: transparent !important;\n        color: $black;\n        font-weight: 500;\n    }\n\n    .package-price {\n        font-size: 32px;\n        font-weight: 700;\n        color: $fg-green;\n\n        td {\n            padding: 8px 15px;\n        }\n    }\n\n}\n\n</style>\n<style lang=\"scss\">\ntable {\n    .package-price {\n        span {\n            font-size: 14px;\n            font-weight: 400;\n            color: $text-gray;\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./CompareTable.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./CompareTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompareTable.vue?vue&type=template&id=10e30c9f&scoped=true&\"\nimport script from \"./CompareTable.vue?vue&type=script&lang=js&\"\nexport * from \"./CompareTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CompareTable.vue?vue&type=style&index=0&id=10e30c9f&lang=scss&scoped=true&\"\nimport style1 from \"./CompareTable.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"10e30c9f\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FAQ.vue?vue&type=style&index=0&id=338933fa&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./CompareTable.vue?vue&type=style&index=0&id=10e30c9f&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./CompareTable.vue?vue&type=style&index=1&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"faq\"},[_c('h2',[_vm._v(\"คำถามที่พบบ่อย (FAQ)\")]),_c('v-expansion-panel',_vm._l((_vm.faqList),function(item,i){return _c('v-expansion-panel-content',{key:i,scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',[_vm._v(_vm._s(item.question))])]},proxy:true}],null,true)},[_vm._v(\" \"+_vm._s(item.answer)+\" \")])}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"faq\">\n        <h2>คำถามที่พบบ่อย (FAQ)</h2>\n        <v-expansion-panel>\n            <v-expansion-panel-content\n                v-for=\"(item ,i) in faqList\"\n                :key=\"i\"\n            >\n                <template v-slot:header>\n                    <div>{{ item.question }}</div>\n                </template>\n                {{ item.answer }}\n            </v-expansion-panel-content>\n        </v-expansion-panel>\n    </div>\n</template>\n\n<script>\nexport default {\n\tname: 'FAQ',\n\tdata: () => ({\n\t\tfaqList: [\n\t\t\t{\n\t\t\t\tquestion: 'สามารถใช้บริการเรียกรถขนส่งจากบริษัทขนส่งใดผ่านระบบ Fillgoods ได้บ้าง',\n\t\t\t\tanswer: 'ปัจจุบัน Fillgoods มีพาร์ตเนอร์บริษัทขนส่ง 5 บริษัท ได้แก่ Flash Express, Ninja Van, J&T Express และไปรษณีย์ไทย\\n' +\n                    'ซึ่งสามารถใช้บริการเรียกรถขนส่งผ่านระบบ Fillgoods ได้'\n\t\t\t},\n\t\t\t{\n\t\t\t\tquestion: 'ระบบ Fillgoods สามารถเชื่อมต่อกับระบบร้านค้า เช่น Shopee หรือ Lazada ได้หรือไม่',\n\t\t\t\tanswer: 'ระบบ Fillgoods ในปัจจุบันสามารถเชื่อมต่อกับ Facebook Live ได้ แต่ยังไม่รองรับการเชื่อมต่อกับระบบร้านค้า\\n' +\n                    'อย่าง Shopee, Lazada และแพลตฟอร์มอื่น ๆ'\n\t\t\t},\n\t\t\t{\n\t\t\t\tquestion: 'วิธีการชำระเงินค่าแพ็กเกจ',\n\t\t\t\tanswer: 'ผู้ใช้สามารถชำระเงินค่าแพ็กเกจด้วยตัวเองใน 3 ขั้นตอน\\n' +\n                    '1. สมัครสมาชิกพร้อมกรอกข้อมูล\\n' +\n                    '2. เลือกแพ็กเกจที่ชอบได้ทันที\\n' +\n                    '3. จ่ายเงินสะดวกผ่าน QR Code\\n' +\n                    'เพียงเท่านี้ก็ใช้งานระบบ Fillgoods ได้ทันที'\n\t\t\t}\n\t\t]\n\t})\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.faq {\n    font-size: $size-sm;\n}\n\nh2 {\n    font-size: 32px;\n    color: $fg-green;\n}\n\n::v-deep .v-expansion-panel {\n    &__container {\n        &--active {\n            .v-expansion-panel__header {\n                color: $fg-green;\n\n                &__icon {\n                    i {\n                        color: $fg-green !important;\n                    }\n                }\n            }\n        }\n    }\n\n    &__body {\n        color: $text-gray;\n        padding: 0 15px 15px;\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FAQ.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FAQ.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FAQ.vue?vue&type=template&id=338933fa&scoped=true&\"\nimport script from \"./FAQ.vue?vue&type=script&lang=js&\"\nexport * from \"./FAQ.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FAQ.vue?vue&type=style&index=0&id=338933fa&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"338933fa\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}