{"version":3,"sources":["webpack:///./src/views/Account/Index.vue","webpack:///./src/views/Account/Index.vue?b739","webpack:///./node_modules/quasar/src/components/bar/QBar.js"],"names":["class","$t","bordered","separator","items","item","index","key","clickable","goDetail","avatar","color","name","side","show","data","isMobile","order","to","created","this","detectDeviceType","showList","methods","logout","$router","push","$sharedMethod","__exports__","render","QBar","QList","QItem","QItemSection","QIcon","QItemLabel","Ripple","createComponent","props","useDarkProps","dense","Boolean","setup","slots","vm","getCurrentInstance","isDark","useDark","proxy","$q","classes","computed","value","h","role","hSlot","default"],"mappings":"4IACSA,MAAM,e,GAEEA,MAAM,mB,EAqBH,gCAAoC,KAAjCA,MAAM,wBAAsB,S,+WAvB/C,gCA4BM,MA5BN,EA4BM,CA3BF,yBAIQ,GAJDA,MAAM,YAAU,C,8BACnB,iBAEM,CAFN,gCAEM,MAFN,EAEM,6BADC,EAAAC,GAAE,yB,MAIb,yBAmBS,GAnBDC,SAAA,GAASC,UAAA,I,+BACL,iBAA8B,E,2BAAtC,gCAiBS,2CAjBuB,EAAAC,OAAK,SAArBC,EAAMC,G,6DAAtB,yBAiBS,GAhBAC,IAAKD,EAENE,UAAA,GACC,QAAK,mBAAE,EAAAC,SAASJ,K,+BAGrB,iBAGiB,CAHjB,yBAGiB,GAHDK,OAAA,IAAM,C,8BAClB,iBACuD,CADvD,yBACuD,GAD/CC,MAAM,UACLC,KAAI,6BAAwBP,EAAKE,IAA7B,S,gCAEjB,yBAEiB,Q,8BADb,iBAA8D,CAA9D,yBAA8D,Q,8BAA/C,iBAA+B,C,0DAA5B,EAAAN,GAAA,kBAAcI,EAAKE,OAAG,O,0BAE5C,yBAEiB,GAFDM,KAAA,IAAI,C,8BAChB,iBAAoC,CAApC,M,mDAVQR,EAAKS,W,8CAoBd,GACXF,KAAM,eACNG,KAFW,WAGP,MAAO,CACHC,UAAU,EACVZ,MAAO,CACH,CACIG,IAAK,eACLU,MAAO,EACPC,GAAI,sBACJJ,MAAM,GAEV,CACIP,IAAK,eACLU,MAAO,EACPC,GAAI,sBACJJ,MAAM,GAEV,CACIP,IAAK,oBACLU,MAAO,EACPC,GAAI,2BACJJ,MAAM,GAEV,CACIP,IAAK,qBACLU,MAAO,EACPC,GAAI,4BACJJ,MAAM,GAEV,CACIP,IAAK,6BACLU,MAAO,EACPC,GAAI,oCACJJ,MAAM,GAEV,CACIP,IAAK,SACLU,MAAO,EACPC,GAAI,QACJJ,MAAM,MAKtBK,QA7CW,WA8CPC,KAAKC,mBACLD,KAAKE,YAETC,QAAS,iCACF,eAAa,CACZC,OAAQ,iBAFT,IAIHf,SAJK,SAIIJ,GACY,WAAbA,EAAKE,KACLa,KAAKI,SAGTJ,KAAKK,QAAQC,KAAK,CAAEd,KAAMP,EAAKa,MAEnCG,iBAXK,WAYDD,KAAKJ,SAAWI,KAAKO,iBAEzBL,SAdK,WAeGF,KAAKJ,WACLI,KAAKhB,MAAM,GAAGU,MAAO,EACrBM,KAAKhB,MAAM,GAAGU,MAAO,EACrBM,KAAKhB,MAAM,GAAGU,MAAO,EACrBM,KAAKhB,MAAM,GAAGU,MAAO,O,8HCjGzC,MAAMc,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,eAQf,IAAS,EAAQ,aAAc,CAACC,OAAA,KAAKC,QAAA,KAAMC,QAAA,KAAMC,eAAA,KAAaC,QAAA,KAAMC,aAAA,OAAa,IAAS,EAAQ,aAAc,CAACC,SAAA,Q,kGCRlGC,sBAAgB,CAC7BzB,KAAM,OAEN0B,MAAO,iCACFC,QADA,IAEHC,MAAOC,UAGTC,MAR6B,SAQtBJ,EARsB,GAQJ,IAATK,EAAS,EAATA,MACRC,EAAKC,kCACLC,EAASC,eAAQT,EAAOM,EAAGI,MAAMC,IAEjCC,EAAUC,uBAAS,iBACvB,oDAC8B,IAAhBb,EAAME,MAAiB,QAAU,WAD/C,wBAE+B,IAAjBM,EAAOM,MAAiB,OAAS,YAGjD,OAAO,kBAAMC,eAAE,MAAO,CACpBrD,MAAOkD,EAAQE,MACfE,KAAM,WACLC,eAAMZ,EAAMa","file":"js/chunk-64097efd.a2d4ac5f.js","sourcesContent":["<template>\r\n    <div class=\"serviceItem\">\r\n        <q-bar class=\"bg-white\">\r\n            <div class=\"col text-center\">\r\n                {{ $t('account.title') }}\r\n            </div>\r\n        </q-bar>\r\n\r\n        <q-list bordered separator>\r\n            <q-item v-for=\"(item, index) in items\"\r\n                    :key=\"index\"\r\n                    v-ripple\r\n                    clickable\r\n                    @click=\"goDetail(item)\"\r\n                    v-show=\"item.show\">\r\n\r\n                <q-item-section avatar>\r\n                    <q-icon color=\"primary\"\r\n                            :name=\"`img:/icons/account.${item.key}.svg`\" />\r\n                </q-item-section>\r\n                <q-item-section>\r\n                    <q-item-label> {{ $t(`account.${item.key}`) }} </q-item-label>\r\n                </q-item-section>\r\n                <q-item-section side>\r\n                    <i class=\"fas fa-chevron-right\"></i>\r\n                </q-item-section>\r\n            </q-item>\r\n        </q-list>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { mapMutations } from 'vuex';\r\n    export default {\r\n        name: 'AccountIndex',\r\n        data() {\r\n            return {\r\n                isMobile: false,\r\n                items: [\r\n                    {\r\n                        key: 'personalInfo',\r\n                        order: 0,\r\n                        to: 'AccountPersonalInfo',\r\n                        show: true,\r\n                    },\r\n                    {\r\n                        key: 'takeRoomCard',\r\n                        order: 1,\r\n                        to: 'AccountTakeRoomCard',\r\n                        show: false,\r\n                    },\r\n                    {\r\n                        key: 'importReservation',\r\n                        order: 2,\r\n                        to: 'AccountImportReservation',\r\n                        show: true,\r\n                    },\r\n                    {\r\n                        key: 'sharingReservation',\r\n                        order: 3,\r\n                        to: 'AccountSharingReservation',\r\n                        show: true,\r\n                    },\r\n                    {\r\n                        key: 'acceptedSharingReservation',\r\n                        order: 4,\r\n                        to: 'AccountAcceptedSharingReservation',\r\n                        show: true,\r\n                    },\r\n                    {\r\n                        key: 'logout',\r\n                        order: 5,\r\n                        to: 'Login',\r\n                        show: true,\r\n                    },\r\n                ],\r\n            };\r\n        },\r\n        created() {\r\n            this.detectDeviceType();\r\n            this.showList();\r\n        },\r\n        methods: {\r\n            ...mapMutations({\r\n                logout: 'user/LOGOUT',\r\n            }),\r\n            goDetail(item) {\r\n                if (item.key === 'logout') {\r\n                    this.logout();\r\n                }\r\n\r\n                this.$router.push({ name: item.to });\r\n            },\r\n            detectDeviceType() {\r\n                this.isMobile = this.$sharedMethod();\r\n            },\r\n            showList() {\r\n                if (this.isMobile) {\r\n                    this.items[2].show = false;\r\n                    this.items[3].show = false;\r\n                    this.items[4].show = false;\r\n                    this.items[5].show = false;\r\n                }\r\n            },\r\n        },\r\n    };\r\n</script>\r\n","import { render } from \"./Index.vue?vue&type=template&id=642e86bc\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\如峰\\\\浮雲客棧webapp 前後台系統\\\\前台\\\\kloudmobileweb\\\\KloudMobileWeb\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__\nimport QBar from 'quasar/src/components/bar/QBar.js';\nimport QList from 'quasar/src/components/item/QList.js';\nimport QItem from 'quasar/src/components/item/QItem.js';\nimport QItemSection from 'quasar/src/components/item/QItemSection.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QItemLabel from 'quasar/src/components/item/QItemLabel.js';import Ripple from 'quasar/src/directives/Ripple.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QBar,QList,QItem,QItemSection,QIcon,QItemLabel});qInstall(script, 'directives', {Ripple});\n","import { h, computed, getCurrentInstance } from 'vue'\n\nimport useDark, { useDarkProps } from '../../composables/private/use-dark.js'\n\nimport { createComponent } from '../../utils/private/create.js'\nimport { hSlot } from '../../utils/private/render.js'\n\nexport default createComponent({\n  name: 'QBar',\n\n  props: {\n    ...useDarkProps,\n    dense: Boolean\n  },\n\n  setup (props, { slots }) {\n    const vm = getCurrentInstance()\n    const isDark = useDark(props, vm.proxy.$q)\n\n    const classes = computed(() =>\n      'q-bar row no-wrap items-center'\n      + ` q-bar--${ props.dense === true ? 'dense' : 'standard' } `\n      + ` q-bar--${ isDark.value === true ? 'dark' : 'light' }`\n    )\n\n    return () => h('div', {\n      class: classes.value,\n      role: 'toolbar'\n    }, hSlot(slots.default))\n  }\n})\n"],"sourceRoot":""}