{"version":3,"sources":["webpack:///./src/components/Reports/TrekkingReportMenu.vue","webpack:///src/components/Reports/TrekkingReportMenu.vue","webpack:///./src/components/Reports/TrekkingReportMenu.vue?7e3c","webpack:///./src/components/Reports/TrekkingReportMenu.vue?974e","webpack:///./src/components/Reports/TrekkingReportMenu.vue?f73c"],"names":["_c","_self","staticClass","_vm","componentName","tag","index","attrs","staticRenderFns","name","props","data","titles","component","snackbar","report","immigrationReport","methods","loadReports","backToMenu","backToMenu2","dialogueClose","mounted","computed","components","TrekkingReportTable","TrekkingRestrictedAreasReportTable","TrekkingRestrictedAreasProcessedReportTable"],"mappings":"6IAA4CA,G,UAAOC,WAAS,MAAU,KAAqDC,UAAY,GAAa,OAAMC,EAAG,MAACC,MAAc,oCAACC,YAAI,eAAc,GAAG,EAACL,cAAS,CAACE,mBAAuCC,GAAQA,EAAG,MAAO,CAAuB,YAAU,2B,EAAa,GAACG,EAAK,sB,OAACJ,SAAY,CAAqBK,IAAK,E,YAAU,qBAAE,MAAC,CAAG,MAAC,I,GAA0B,CAA4B,kBAAC,2BACxa,iCACGC,O,KC0BJ,G,8BAAA,CACAC,iCACAC,OACA,WACA,gBAEAC,gBACA,OACAC,QACA,CACAH,gCACAI,iCAEA,CACAJ,iDACAI,gDAEA,CACAJ,2DACAI,0DAGAT,iBACAU,UACAC,UACAC,wBAIAC,SACAC,wBAAA,kBACA,qBACA,oCAEAC,sBACA,sBACA,yBAEAC,uBACA,sBACA,oCAEAC,yBACA,8BAGAC,qBAIAC,YACAC,YACAC,+BAAA,6HACAC,8CAAA,mIACAC,uDAAA,6IClF2W,I,wBCQvWd,EAAY,eACd,EACA,EACAL,GACA,EACA,KACA,WACA,MAIa,aAAAK,E,2CCnBf,W","file":"js/TrekkingReportMenu.f370d92c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[(_vm.snackbar.immigrationReport)?_c('div',{staticClass:\"reportTable\"},[_c(_vm.componentName,{tag:\"component\"})],1):_c('div',{staticClass:\"pas-flex-container pt-5\"},_vm._l((_vm.titles),function(item,index){return _c('v-chip',{key:index,staticClass:\"ma-2 pas-flex-item\",attrs:{\"label\":\"\"},on:{\"click\":function($event){return _vm.loadReports(item)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"\">\r\n        <!-- <v-chip\r\n                 class=\"ma-2\"\r\n                 color=\"pink\"\r\n                 label\r\n                 text-color=\"white\"\r\n                 v-if=\"snackbar.report\"\r\n                 @click=\"backToMenu\"\r\n         >\r\n             <v-icon left>mdi-label</v-icon>\r\n             Reports\r\n         </v-chip>-->\r\n        <div class=\"reportTable\" v-if=\"snackbar.immigrationReport\">\r\n            <component :is=\"componentName\"></component>\r\n        </div>\r\n        <div class=\" pas-flex-container pt-5\" v-else>\r\n            <v-chip class=\"ma-2 pas-flex-item\"\r\n                    label\r\n                    v-for=\"(item,index) in titles\" :key=\"index\"\r\n                    @click=\"loadReports(item)\">\r\n                {{item.name}}\r\n            </v-chip>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: \"Tourist-ArrivalReportMenu\",\r\n        props: [\r\n            'branchID',\r\n            'divisionName'\r\n        ],\r\n        data() {\r\n            return {\r\n                titles: [\r\n                    {\r\n                        name: this.$t('trekking_report'),\r\n                        component: \"TrekkingReportTable\"\r\n                    },\r\n                    {\r\n                        name: this.$t('trekking_restricted_areas_report'),\r\n                        component: \"TrekkingRestrictedAreasReportTable\"\r\n                    },\r\n                    {\r\n                        name: this.$t('trekking_restricted_areas_processed_report'),\r\n                        component: \"TrekkingRestrictedAreasProcessedReportTable\"\r\n                    },\r\n                ],\r\n                componentName: '',\r\n                snackbar: {\r\n                    report: false,\r\n                    immigrationReport: false,\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            loadReports({ component }) {\r\n                this.componentName = component\r\n                this.snackbar.immigrationReport = true\r\n            },\r\n            backToMenu() {\r\n                this.componentName = ''\r\n                this.snackbar.report = false\r\n            },\r\n            backToMenu2() {\r\n                this.componentName = ''\r\n                this.snackbar.immigrationReport = false\r\n            },\r\n            dialogueClose() {\r\n                this.$emit('dialogueClose')\r\n            }\r\n        },\r\n        mounted() {\r\n\r\n\r\n        },\r\n        computed: {},\r\n        components: {\r\n            TrekkingReportTable: () => import(/* webpackChunkName: \"ImmigrationArrivalReport\" */ './TrekkingReportTable'),\r\n            TrekkingRestrictedAreasReportTable: () => import(/* webpackChunkName: \"NationalityReportTable\" */ './TrekkingRestrictedAreasReportTable'),\r\n            TrekkingRestrictedAreasProcessedReportTable: () => import(/* webpackChunkName: \"InternationalPassengerMovementReports\" */ './TrekkingRestrictedAreasProcessedReportTable'),\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n    $blue: #236aac;\r\n    $blue1: #061c6d;\r\n    $red: #B72626;\r\n    $grey: #eeeeee51;\r\n    $grey1: #eeeeee99;\r\n    /* width */\r\n    ::-webkit-scrollbar {\r\n        width: 6px;\r\n    }\r\n\r\n    /* Track */\r\n    ::-webkit-scrollbar-track {\r\n        background: $grey1;\r\n    }\r\n\r\n    /* Handle */\r\n    ::-webkit-scrollbar-thumb {\r\n        background: #4e434361;\r\n    }\r\n\r\n    /* Handle on hover */\r\n    ::-webkit-scrollbar-thumb:hover {\r\n        background: #4e434361;\r\n    }\r\n\r\n    .pas-flex-container {\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        margin: 5px\r\n    }\r\n\r\n    .pas-flex-item {\r\n        box-shadow: 0 3px 5px 0 #eeeeee93;\r\n        padding: 10px;\r\n        flex-grow: 1;\r\n        flex-basis: 200px;\r\n        display: grid;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n    }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrekkingReportMenu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrekkingReportMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrekkingReportMenu.vue?vue&type=template&id=007dcacb&scoped=true&\"\nimport script from \"./TrekkingReportMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./TrekkingReportMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrekkingReportMenu.vue?vue&type=style&index=0&id=007dcacb&prod&scoped=true&lang=scss&\"\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  \"007dcacb\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrekkingReportMenu.vue?vue&type=style&index=0&id=007dcacb&prod&scoped=true&lang=scss&\""],"sourceRoot":""}