{"version":3,"sources":["webpack:///../../../src/components/VExpansionPanel/VExpansionPanels.ts","webpack:///../../../src/components/VExpansionPanel/VExpansionPanelContent.ts","webpack:///../../../src/components/VExpansionPanel/VExpansionPanelHeader.ts","webpack:///../../../src/components/VExpansionPanel/VExpansionPanel.ts","webpack:///./src/components/Reports/NationalityReportTable.vue","webpack:///src/components/Reports/NationalityReportTable.vue","webpack:///./src/components/Reports/NationalityReportTable.vue?932d","webpack:///./src/components/Reports/NationalityReportTable.vue?dadc","webpack:///./src/components/Reports/NationalityReportTable.vue?cc19"],"names":["BaseItemGroup","extend","name","provide","expansionPanels","this","props","accordion","Boolean","disabled","flat","hover","focusable","inset","popout","readonly","tile","computed","classes","options","call","created","$attrs","hasOwnProperty","breaking","Array","isArray","value","length","methods","updateItem","item","index","getValue","nextValue","isActive","toggleMethod","nextIsActive","baseMixins","mixins","Bootable","Colorable","RegistrableInject","data","parentIsActive","expansionPanel","watch","immediate","handler","val","oldVal","isBooted","$nextTick","registerContent","beforeDestroy","unregisterContent","render","h","VExpandTransition","showLazyContent","setBackgroundColor","color","staticClass","directives","class","getSlot","ripple","disableIconRotate","expandIcon","type","String","default","hideActions","Object","hasMousedown","isDisabled","isReadonly","registerHeader","unregisterHeader","onClick","e","$emit","genIcon","icon","$createElement","VIcon","VFadeTransition","attrs","tabindex","on","$listeners","click","mousedown","mouseup","open","GroupableFactory","RegistrableProvide","content","header","groupClasses","vm","$on","detail","$el","blur","toggle","_c","_vm","model","callback","expression","reportByYear","FromDate","$set","staticStyle","enabled","isLoading","key","fn","column","editItem","_v","formattedRow","staticRenderFns","customYear","year","formTitle","reportByMonth","ministryIDErrors","errors","provinceNameErrors","items","text","exact","to","dialog","components","success","dialogCreate","dialogEdit","permissionData","columns","label","field","reportTypes","id","customMonth","rows","totalRecords","serverParams","search","columnFilters","sort","page","perPage","editedIndex","editedData","ReportType","ReportMode","ArrivalDeparture","snackbar","timeout","formModal","createFormComponent","editFormComponent","menu1","menu2","dynamicComponent","current","mounted","onResponse","console","deleteItem","confirm","close","setTimeout","searchInput","updateParams","onPageChange","onPerPageChange","onSortChange","onColumnFilter","addColumn","sortable","loadItems","axios","then","catch","onDownload","url","method","responseType","link","document","component"],"mappings":"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BACA,CACAsH,QACAtH,eACA,CACAsH,QACAtH,eACA,CACAsH,QACAtH,aACA,CACAsH,QACAtH,cACA,CACAsH,QACAtH,cACA,CACAsH,QACAtH,gBACA,CACAsH,QACAtH,mBACA,CACAsH,QACAtH,iBACA,CACAsH,QACAtH,kBACA,CACAsH,QACAtH,mBAGAwH,QACAC,eACAC,cACAC,UACAC,iBACAC,MACA,CACAT,2BACA1E,aAGAoF,OACAC,YAEAC,eACAC,YACAC,cACAC,cACAC,oBACA/C,aAIAgD,UACAnG,SACAmG,YACA5B,QACA6B,YACA7C,aACA8C,aACAC,uBACAC,qBACAC,SACAC,SAcAC,kBACAC,0BAKAC,mBACA,iBACA,kBAEA5I,SACA6I,uBACAC,sBACA,OACA,qBACA,mBACA,mBAGAnD,qBACA,wCACA,oBAGAoD,uBACA,2BACAC,uDACA,uBAGAC,iBAAA,WACA,eACAC,uBACA,6CACA,mBACA,MAEAC,uBACA,kBAGAC,yBACA,yDAIAC,yBACA,mBAAAzB,qBACA,kBAGA0B,4BACA,mBAAAzB,kEACA,kBAGA0B,yBACA,mBACA5B,MACA,CACAnF,eACA0E,qBAIA,kBAGAsC,2BACA,qBACA,kBAIAC,qBACA,kEACA,gCACA,mBACAxC,gBACAC,gBACAwC,eAKAC,qBAAA,oJACA,gBACA,eACAC,sEACAC,kBACA,cACA,iCACAf,oBACA,kBAEAgB,mBACAhB,eACA,oBAIA,eACAc,sEACAC,kBACA,cACA,iCACA,kBAEAC,mBACAhB,eACA,mBAEA,0CA3BA,IA+BAiB,sBAAA,wJACA,+BACA,+BACAH,KACAI,gDACAC,cACAC,oBACApJ,oBACA,kBACA,qDACA,8BACAqJ,SACAA,0DACAC,6BACAD,UACA,kBACA,6BAGA,+BACAP,KACAI,uDACAC,cACAC,oBACApJ,oBACA,kBACA,qDACA,8BACAqJ,SACAA,0DACAC,6BACAD,UACA,kBACA,0CAjCA,MC1b+W,I,wBCQ3WE,EAAY,eACd,EACA,EACAvE,GACA,EACA,KACA,WACA,MAIa,aAAAuE,E,2CCnBf","file":"js/ImmigrationReportTable.bf10928b.js","sourcesContent":["// Styles\nimport './VExpansionPanel.sass'\n\n// Components\nimport { BaseItemGroup, GroupableInstance } from '../VItemGroup/VItemGroup'\nimport VExpansionPanel from './VExpansionPanel'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\ninterface VExpansionPanelInstance extends InstanceType<typeof VExpansionPanel> {}\n\n/* @vue/component */\nexport default BaseItemGroup.extend({\n  name: 'v-expansion-panels',\n\n  provide (): object {\n    return {\n      expansionPanels: this,\n    }\n  },\n\n  props: {\n    accordion: Boolean,\n    disabled: Boolean,\n    flat: Boolean,\n    hover: Boolean,\n    focusable: Boolean,\n    inset: Boolean,\n    popout: Boolean,\n    readonly: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...BaseItemGroup.options.computed.classes.call(this),\n        'v-expansion-panels': true,\n        'v-expansion-panels--accordion': this.accordion,\n        'v-expansion-panels--flat': this.flat,\n        'v-expansion-panels--hover': this.hover,\n        'v-expansion-panels--focusable': this.focusable,\n        'v-expansion-panels--inset': this.inset,\n        'v-expansion-panels--popout': this.popout,\n        'v-expansion-panels--tile': this.tile,\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('expand')) {\n      breaking('expand', 'multiple', this)\n    }\n\n    /* istanbul ignore next */\n    if (\n      Array.isArray(this.value) &&\n      this.value.length > 0 &&\n      typeof this.value[0] === 'boolean'\n    ) {\n      breaking(':value=\"[true, false, true]\"', ':value=\"[0, 2]\"', this)\n    }\n  },\n\n  methods: {\n    updateItem (item: GroupableInstance & VExpansionPanelInstance, index: number) {\n      const value = this.getValue(item, index)\n      const nextValue = this.getValue(item, index + 1)\n\n      item.isActive = this.toggleMethod(value)\n      item.nextIsActive = this.toggleMethod(nextValue)\n    },\n  },\n})\n","// Components\nimport VExpansionPanel from './VExpansionPanel'\nimport { VExpandTransition } from '../transitions'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport Vue, { VNode, VueConstructor } from 'vue'\n\nconst baseMixins = mixins(\n  Bootable,\n  Colorable,\n  RegistrableInject<'expansionPanel', VueConstructor<Vue>>('expansionPanel', 'v-expansion-panel-content', 'v-expansion-panel')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  expansionPanel: InstanceType<typeof VExpansionPanel>\n}\n\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'v-expansion-panel-content',\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  computed: {\n    parentIsActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n  },\n\n  watch: {\n    parentIsActive: {\n      immediate: true,\n      handler (val, oldVal) {\n        if (val) this.isBooted = true\n\n        if (oldVal == null) this.isActive = val\n        else this.$nextTick(() => this.isActive = val)\n      },\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerContent(this)\n  },\n\n  beforeDestroy () {\n    this.expansionPanel.unregisterContent()\n  },\n\n  render (h): VNode {\n    return h(VExpandTransition, this.showLazyContent(() => [\n      h('div', this.setBackgroundColor(this.color, {\n        staticClass: 'v-expansion-panel-content',\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }), [\n        h('div', { class: 'v-expansion-panel-content__wrap' }, getSlot(this)),\n      ]),\n    ]))\n  },\n})\n","// Components\nimport { VFadeTransition } from '../transitions'\nimport VExpansionPanel from './VExpansionPanel'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport Vue, { VNode, VueConstructor } from 'vue'\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject<'expansionPanel', VueConstructor<Vue>>('expansionPanel', 'v-expansion-panel-header', 'v-expansion-panel')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n  expansionPanel: InstanceType<typeof VExpansionPanel>\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'v-expansion-panel-header',\n\n  directives: { ripple },\n\n  props: {\n    disableIconRotate: Boolean,\n    expandIcon: {\n      type: String,\n      default: '$expand',\n    },\n    hideActions: Boolean,\n    ripple: {\n      type: [Boolean, Object],\n      default: false,\n    },\n  },\n\n  data: () => ({\n    hasMousedown: false,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-expansion-panel-header--active': this.isActive,\n        'v-expansion-panel-header--mousedown': this.hasMousedown,\n      }\n    },\n    isActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n    isDisabled (): boolean {\n      return this.expansionPanel.isDisabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanel.isReadonly\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerHeader(this)\n  },\n\n  beforeDestroy () {\n    this.expansionPanel.unregisterHeader()\n  },\n\n  methods: {\n    onClick (e: MouseEvent) {\n      this.$emit('click', e)\n    },\n    genIcon () {\n      const icon = getSlot(this, 'actions') ||\n        [this.$createElement(VIcon, this.expandIcon)]\n\n      return this.$createElement(VFadeTransition, [\n        this.$createElement('div', {\n          staticClass: 'v-expansion-panel-header__icon',\n          class: {\n            'v-expansion-panel-header__icon--disable-rotate': this.disableIconRotate,\n          },\n          directives: [{\n            name: 'show',\n            value: !this.isDisabled,\n          }],\n        }, icon),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    return h('button', this.setBackgroundColor(this.color, {\n      staticClass: 'v-expansion-panel-header',\n      class: this.classes,\n      attrs: {\n        tabindex: this.isDisabled ? -1 : null,\n        type: 'button',\n        'aria-expanded': this.isActive,\n      },\n      directives: [{\n        name: 'ripple',\n        value: this.ripple,\n      }],\n      on: {\n        ...this.$listeners,\n        click: this.onClick,\n        mousedown: () => (this.hasMousedown = true),\n        mouseup: () => (this.hasMousedown = false),\n      },\n    }), [\n      getSlot(this, 'default', { open: this.isActive }, true),\n      this.hideActions || this.genIcon(),\n    ])\n  },\n})\n","// Components\nimport VExpansionPanels from './VExpansionPanels'\nimport VExpansionPanelHeader from './VExpansionPanelHeader'\nimport VExpansionPanelContent from './VExpansionPanelContent'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\ntype VExpansionPanelHeaderInstance = InstanceType<typeof VExpansionPanelHeader>\ntype VExpansionPanelContentInstance = InstanceType<typeof VExpansionPanelContent>\n\nexport default mixins(\n  GroupableFactory<'expansionPanels', typeof VExpansionPanels>('expansionPanels', 'v-expansion-panel', 'v-expansion-panels'),\n  RegistrableProvide('expansionPanel', true)\n  /* @vue/component */\n).extend({\n  name: 'v-expansion-panel',\n\n  props: {\n    disabled: Boolean,\n    readonly: Boolean,\n  },\n\n  data () {\n    return {\n      content: null as VExpansionPanelContentInstance | null,\n      header: null as VExpansionPanelHeaderInstance | null,\n      nextIsActive: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-expansion-panel--active': this.isActive,\n        'v-expansion-panel--next-active': this.nextIsActive,\n        'v-expansion-panel--disabled': this.isDisabled,\n        ...this.groupClasses,\n      }\n    },\n    isDisabled (): boolean {\n      return this.expansionPanels.disabled || this.disabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanels.readonly || this.readonly\n    },\n  },\n\n  methods: {\n    registerContent (vm: VExpansionPanelContentInstance) {\n      this.content = vm\n    },\n    unregisterContent () {\n      this.content = null\n    },\n    registerHeader (vm: VExpansionPanelHeaderInstance) {\n      this.header = vm\n      vm.$on('click', this.onClick)\n    },\n    unregisterHeader () {\n      this.header = null\n    },\n    onClick (e: MouseEvent) {\n      if (e.detail) this.header!.$el.blur()\n\n      this.$emit('click', e)\n\n      this.isReadonly || this.isDisabled || this.toggle()\n    },\n    toggle () {\n      this.$nextTick(() => this.$emit('change'))\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-expansion-panel',\n      class: this.classes,\n      attrs: {\n        'aria-expanded': String(this.isActive),\n      },\n    }, getSlot(this))\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-content',[_c('v-expansion-panels',{attrs:{\"multiple\":\"\",\"hover\":\"\"}},[_c('v-expansion-panel',[_c('v-expansion-panel-header',[_vm._v(_vm._s(_vm.$t('filter')))]),_c('v-expansion-panel-content',[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"text-center\"},[_c('v-row',{attrs:{\"align\":\"start\",\"justify\":\"center\"}},[_c('v-col',{staticClass:\"d-flex mt-5\",attrs:{\"cols\":\"12\",\"sm\":\"3\"}},[_c('v-autocomplete',{attrs:{\"items\":_vm.reportTypes,\"label\":_vm.$t('report_type'),\"clearable\":\"\",\"single-line\":\"\",\"dense\":\"\",\"outlined\":\"\",\"item-text\":\"value\",\"item-value\":\"id\"},model:{value:(_vm.editedData.ReportType),callback:function ($$v) {_vm.$set(_vm.editedData, \"ReportType\", $$v)},expression:\"editedData.ReportType\"}})],1),_c('v-col',{staticClass:\"d-flex mt-5\",attrs:{\"cols\":\"12\",\"sm\":\"2\"}},[_c('v-autocomplete',{attrs:{\"items\":['all','air','land'],\"label\":_vm.$t('report_mode'),\"clearable\":\"\",\"dense\":\"\",\"outlined\":\"\",\"single-line\":\"\",\"item-text\":\"value\",\"item-value\":\"value\"},model:{value:(_vm.editedData.ReportMode),callback:function ($$v) {_vm.$set(_vm.editedData, \"ReportMode\", $$v)},expression:\"editedData.ReportMode\"}})],1),_c('v-col',{staticClass:\"d-flex mt-5\",attrs:{\"cols\":\"12\",\"sm\":\"2\"}},[_c('v-autocomplete',{attrs:{\"items\":['Arrival','Departure'],\"label\":_vm.$t('arrival_departure'),\"clearable\":\"\",\"dense\":\"\",\"outlined\":\"\",\"single-line\":\"\",\"item-text\":\"value\",\"item-value\":\"value\"},model:{value:(_vm.editedData.ArrivalDeparture),callback:function ($$v) {_vm.$set(_vm.editedData, \"ArrivalDeparture\", $$v)},expression:\"editedData.ArrivalDeparture\"}})],1),(_vm.reportByYear || _vm.reportByMonth)?_c('v-col',{staticClass:\"d-flex mt-5\",attrs:{\"cols\":\"12\",\"sm\":\"2\"}},[_c('v-select',{attrs:{\"items\":_vm.customYear,\"label\":_vm.$t('select_year'),\"dense\":\"\",\"outlined\":\"\",\"prepend-inner-icon\":\"event\"},model:{value:(_vm.editedData.FromDate),callback:function ($$v) {_vm.$set(_vm.editedData, \"FromDate\", $$v)},expression:\"editedData.FromDate\"}})],1):_vm._e(),(_vm.reportByMonth)?_c('v-col',{staticClass:\"d-flex mt-5\",attrs:{\"cols\":\"12\",\"sm\":\"2\"}},[_c('v-select',{attrs:{\"items\":_vm.customMonth,\"label\":_vm.$t('select_month'),\"prepend-inner-icon\":\"event\",\"item-text\":\"value\",\"item-value\":\"id\",\"dense\":\"\",\"outlined\":\"\"},model:{value:(_vm.editedData.ToDate),callback:function ($$v) {_vm.$set(_vm.editedData, \"ToDate\", $$v)},expression:\"editedData.ToDate\"}})],1):_vm._e(),_c('v-col',{staticClass:\"d-flex text-center\",attrs:{\"cols\":\"12\",\"sm\":\"12\"}},[_c('v-spacer'),_c('v-btn',{staticClass:\"mx-2\",attrs:{\"dark\":\"\",\"small\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.loadItems}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\"search\")]),_vm._v(\" \"+_vm._s(_vm.$t('search'))+\" \")],1),_c('v-btn',{attrs:{\"color\":\"success mx-4\",\"small\":\"\"},on:{\"click\":_vm.onDownload}},[_c('v-icon',[_vm._v(\"get_app\")]),_vm._v(\" \"+_vm._s(_vm.$t('download_to_excel'))+\" \")],1),_c('v-spacer')],1)],1)],1)])],1)],1)],1),_c('vue-good-table',{staticStyle:{\"z-index\":\"1\"},attrs:{\"columns\":_vm.columns,\"isLoading\":_vm.isLoading,\"rows\":_vm.rows,\"max-height\":\"400px\",\"fixed-header\":true,\"totalRows\":_vm.totalRecords,\"sort-options\":{\n  enabled: false,\n},\"mode\":\"remote\"},on:{\"update:isLoading\":function($event){_vm.isLoading=$event},\"update:is-loading\":function($event){_vm.isLoading=$event},\"on-column-filter\":_vm.onColumnFilter,\"on-page-change\":_vm.onPageChange,\"on-per-page-change\":_vm.onPerPageChange,\"on-sort-change\":_vm.onSortChange},scopedSlots:_vm._u([{key:\"table-column\",fn:function(props){return [_c('span',[_vm._v(\" \"+_vm._s(_vm.$t(props.column.label))+\" \")])]}},{key:\"table-row\",fn:function(props){return [(props.column.field == 'actions')?_c('span',[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"small\":\"\"},on:{\"click\":function($event){return _vm.editItem(props.row)}}},[_vm._v(\"edit\")])],1):_c('span',[_vm._v(_vm._s(props.formattedRow[props.column.field]))])]}}])},[(_vm.isLoading)?_c('div',{staticClass:\"d-flex justify-center\"},[_c('v-progress-circular',{attrs:{\"size\":50,\"color\":\"primary\",\"indeterminate\":\"\"}})],1):_vm._e()]),_c('v-row',{staticClass:\"mt-7\"},[_c('div',{staticClass:\"col-12\",staticStyle:{\"color\":\"gray\",\"text-align\":\"right\"}},[_vm._v(\" \"+_vm._s(_vm.$t('source'))+\" : \"+_vm._s(_vm.$t('department_of_immigration'))+\" \")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-content>\r\n        <!--        <v-dialog v-model=\"dialogCreate\" max-width=\"500px\">-->\r\n        <!--            <template v-slot:activator=\"{ on }\">-->\r\n        <!--                <v-btn color=\"primary\" dark class=\"mb-2 float-right\" v-on=\"on\" :success=\"success\" >Add Province</v-btn>-->\r\n        <!--            </template>-->\r\n        <!--            <createProvinceForm :success=\"success\" @formResponse=\"onResponse\" />-->\r\n        <!--        </v-dialog>-->\r\n        <v-expansion-panels multiple hover>\r\n            <v-expansion-panel>\r\n                <v-expansion-panel-header>{{$t('filter')}}</v-expansion-panel-header>\r\n                <v-expansion-panel-content>\r\n                    <v-container fluid>\r\n                        <div class=\"text-center\">\r\n                            <v-row align=\"start\" justify=\"center\">\r\n\r\n                                <v-col class=\"d-flex mt-5\" cols=\"12\" sm=\"3\">\r\n                                    <v-autocomplete v-model=\"editedData.ReportType\"\r\n                                                    :items=\"reportTypes\"\r\n                                                    :label=\"$t('report_type')\"\r\n                                                    clearable\r\n                                                    single-line\r\n                                                    dense\r\n                                                    outlined\r\n                                                    item-text=\"value\"\r\n                                                    item-value=\"id\"></v-autocomplete>\r\n                                </v-col>\r\n\r\n                                <v-col class=\"d-flex mt-5\" cols=\"12\" sm=\"2\">\r\n                                    <v-autocomplete v-model=\"editedData.ReportMode\"\r\n                                                    :items=\"['all','air','land']\"\r\n                                                    :label=\"$t('report_mode')\"\r\n                                                    clearable\r\n                                                    dense\r\n                                                    outlined\r\n                                                    single-line\r\n                                                    item-text=\"value\"\r\n                                                    item-value=\"value\"></v-autocomplete>\r\n                                </v-col>\r\n\r\n                                <v-col class=\"d-flex mt-5\" cols=\"12\" sm=\"2\">\r\n                                    <v-autocomplete v-model=\"editedData.ArrivalDeparture\"\r\n                                                    :items=\"['Arrival','Departure']\"\r\n                                                    :label=\"$t('arrival_departure')\"\r\n                                                    clearable\r\n                                                    dense\r\n                                                    outlined\r\n                                                    single-line\r\n                                                    item-text=\"value\"\r\n                                                    item-value=\"value\"></v-autocomplete>\r\n                                </v-col>\r\n                                <v-col class=\"d-flex mt-5\" cols=\"12\" sm=\"2\" v-if=\"reportByYear || reportByMonth\">\r\n                                    <v-select :items=\"customYear\"\r\n                                              :label=\"$t('select_year')\"\r\n                                              dense\r\n                                              outlined\r\n                                              v-model=\"editedData.FromDate\"\r\n                                              prepend-inner-icon=\"event\"></v-select>\r\n                                </v-col>\r\n                                <v-col class=\"d-flex mt-5\" cols=\"12\" sm=\"2\" v-if=\"reportByMonth\">\r\n                                    <v-select :items=\"customMonth\"\r\n                                              :label=\"$t('select_month')\"\r\n                                              v-model=\"editedData.ToDate\"\r\n                                              prepend-inner-icon=\"event\"\r\n                                              item-text=\"value\"\r\n                                              item-value=\"id\"\r\n                                              dense\r\n                                              outlined></v-select>\r\n                                </v-col>\r\n                                \r\n                                <!--<v-col class=\"d-flex\" cols=\"12\" sm=\"2\">\r\n                                    <v-menu v-model=\"snackbar.menu1\"\r\n                                            :close-on-content-click=\"false\"\r\n                                            :nudge-right=\"40\"\r\n                                            transition=\"scale-transition\"\r\n                                            offset-y\r\n                                            min-width=\"290px\">\r\n                                        <template v-slot:activator=\"{ on }\">\r\n                                            <v-text-field v-model=\"editedData.FromDate\"\r\n                                                          :label=\"$t('from_date')\"\r\n                                                          clearable\r\n                                                          prepend-icon=\"event\"\r\n                                                          readonly\r\n                                                          v-on=\"on\"></v-text-field>\r\n                                        </template>\r\n                                        <v-date-picker v-model=\"editedData.FromDate\">\r\n\r\n                                        </v-date-picker>\r\n                                    </v-menu>\r\n                                </v-col>-->\r\n\r\n                                <v-col class=\"d-flex text-center\" cols=\"12\" sm=\"12\">\r\n                                    <v-spacer></v-spacer>\r\n                                    <v-btn class=\"mx-2\" dark small color=\"primary\" @click=\"loadItems\">\r\n                                        <v-icon dark>search</v-icon>\r\n                                        {{$t('search')}}\r\n                                    </v-btn>\r\n                                    <v-btn color=\"success mx-4\" small @click=\"onDownload\">\r\n                                        <v-icon>get_app</v-icon>\r\n                                        {{$t('download_to_excel')}}\r\n                                    </v-btn>\r\n                                    <v-spacer></v-spacer>\r\n                                </v-col>\r\n                            </v-row>\r\n                        </div>\r\n                    </v-container>\r\n                </v-expansion-panel-content>\r\n            </v-expansion-panel>\r\n        </v-expansion-panels>\r\n\r\n\r\n\r\n        <vue-good-table :columns=\"columns\"\r\n                        :isLoading.sync=\"isLoading\"\r\n                        :rows=\"rows\"\r\n                        style=\"z-index:1\"\r\n                                max-height=\"400px\"\r\n                                :fixed-header=\"true\"\r\n                        :totalRows=\"totalRecords\"\r\n                        :sort-options=\"{\r\n    enabled: false,\r\n  }\"\r\n                        @on-column-filter=\"onColumnFilter\"\r\n                        @on-page-change=\"onPageChange\"\r\n                        @on-per-page-change=\"onPerPageChange\"\r\n                        @on-sort-change=\"onSortChange\"\r\n                        mode=\"remote\">\r\n            <template slot=\"table-column\" slot-scope=\"props\">\r\n                <span>\r\n                    {{ $t(props.column.label) }}\r\n                </span>\r\n            </template>\r\n            <template slot=\"table-row\" slot-scope=\"props\">\r\n                <span v-if=\"props.column.field == 'actions'\">\r\n                    <v-icon @click=\"editItem(props.row)\" class=\"mr-2\" small>edit</v-icon>\r\n                </span>\r\n                <span v-else>{{props.formattedRow[props.column.field]}}</span>\r\n            </template>\r\n            <div class=\"d-flex justify-center\" v-if=\"isLoading\">\r\n                <v-progress-circular :size=\"50\"\r\n                                     color=\"primary\"\r\n                                     indeterminate></v-progress-circular>\r\n\r\n            </div>\r\n        </vue-good-table>\r\n        <v-row class=\"mt-7\">\r\n            <div class=\"col-12\" style=\"color: gray; text-align: right\">\r\n                {{$t('source')}} : {{$t('department_of_immigration')}}\r\n            </div>\r\n        </v-row>\r\n    </v-content>\r\n</template>\r\n\r\n<script>\r\n    import axios from \"axios\";\r\n\r\n    export default {\r\n        name: \"List\",\r\n        computed: {\r\n            customYear() {\r\n                let year = []\r\n                for (let i = 0; i < 99; i++) {\r\n                    year.push(`20${i < 10 ? '0' : ''}${i}`)\r\n                }\r\n                return year\r\n            },\r\n            formTitle() {\r\n                return this.editedIndex === -1 ? \"New User\" : \"Edit User\";\r\n            },\r\n            reportByYear() {\r\n                return this.editedData.ReportType === 'yearwise';\r\n            },\r\n            reportByMonth() {\r\n                return this.editedData.ReportType === 'monthwise';\r\n            },\r\n            ministryIDErrors() {\r\n                const errors = [];\r\n                if (!this.$v.editedData.ministryID.$dirty) return errors;\r\n                !this.$v.editedData.ministryID.required &&\r\n                errors.push(\"First Name is required.\");\r\n                return errors;\r\n            },\r\n            provinceNameErrors() {\r\n                const errors = [];\r\n                if (!this.$v.editedData.provinceName.$dirty) return errors;\r\n                !this.$v.editedData.provinceName.required &&\r\n                errors.push(\"Last Name is required.\");\r\n                return errors;\r\n            },\r\n            items() {\r\n                return [\r\n                    {\r\n                        text: this.$t('report'),\r\n                        exact: true,\r\n                        to: '/reportModules'\r\n                    },\r\n                    {\r\n                        text: this.$t('tourist_arrival_report_menu'),\r\n                        exact: true,\r\n                        to: '/reportModules/reportTourist-Arrival'\r\n                    },\r\n                    {\r\n                        text: this.$t('national_international_report'),\r\n                        disabled: true,\r\n                        exact: true\r\n                    }\r\n                ]\r\n            }\r\n        },\r\n        watch: {\r\n            dialog(val) {\r\n                val || this.close();\r\n            }\r\n        },\r\n        components: {},\r\n        data() {\r\n            return {\r\n                success: false,\r\n                dialogCreate: false,\r\n                dialogEdit: false,\r\n                popout: true,\r\n                isLoading: false,\r\n                permissionData: {},\r\n                columns: [\r\n                    {\r\n                        label: 'immigration_office',\r\n                        field: \"immigration_Office\"\r\n\r\n                    },\r\n                    {\r\n                        label: 'foreigner',\r\n                        field: \"foreigner\"\r\n                    },\r\n                ],\r\n                reportTypes: [\r\n                    { id: 'yearwise', value: this.$t('year_wise') },\r\n                    { id: 'monthwise', value: this.$t('month_wise') },\r\n                ],\r\n                customMonth: [\r\n\r\n                    {\r\n                        id: '01',\r\n                        value: 'january'\r\n                    },\r\n                    {\r\n                        id: '02',\r\n                        value: 'february'\r\n                    }, {\r\n                        id: '03',\r\n                        value: 'march'\r\n                    }, {\r\n                        id: '04',\r\n                        value: 'april'\r\n                    }, {\r\n                        id: '05',\r\n                        value: 'may'\r\n                    }, {\r\n                        id: '06',\r\n                        value: 'june'\r\n                    }, {\r\n                        id: '07',\r\n                        value: 'july'\r\n                    }, {\r\n                        id: '08',\r\n                        value: 'august'\r\n                    }, {\r\n                        id: '09',\r\n                        value: 'september'\r\n                    }, {\r\n                        id: '10',\r\n                        value: 'october'\r\n                    }, {\r\n                        id: '11',\r\n                        value: 'november'\r\n                    }, {\r\n                        id: '12',\r\n                        value: 'december'\r\n                    },\r\n                ],\r\n                rows: [],\r\n                totalRecords: 0,\r\n                serverParams: {\r\n                    search: \"\",\r\n                    columnFilters: {},\r\n                    sort: [\r\n                        {\r\n                            field: \"Immigration Office\",\r\n                            type: \"asc\"\r\n                        }\r\n                    ],\r\n                    page: 1,\r\n                    perPage: 50\r\n                },\r\n                editedIndex: -1,\r\n                editedData: {\r\n                    ReportType: \"\",\r\n                    ReportMode: \"\",\r\n                    ArrivalDeparture: \"\",\r\n                    FromDate: \"\",\r\n\r\n                },\r\n\r\n                snackbar: {\r\n                    color: '',\r\n                    snackbar: false,\r\n                    text: '',\r\n                    timeout: 6000,\r\n                    isLoading: false,\r\n                    formModal: false,\r\n                    createFormComponent: false,\r\n                    editFormComponent: false,\r\n                    menu1: false,\r\n                    menu2: false,\r\n                    /* breadcrumbsItem: [\r\n                         {\r\n                             text: 'Dashboard',\r\n                             disabled: false,\r\n                             to: 'MountaineeringDashboard',\r\n                             exact: true\r\n\r\n                         },\r\n                         {\r\n                             text: 'Mountaineering History Information',\r\n                             disabled: true,\r\n                         },\r\n                     ],*/\r\n                    dynamicComponent: {\r\n                        current: 'HistoryForm'\r\n                    }\r\n                }\r\n            };\r\n        },\r\n        mounted() {\r\n            this.loadItems();\r\n            this.addColumn();\r\n        },\r\n        methods: {\r\n            onResponse(data) {\r\n                console.log(\"yets\" + data);\r\n                if (data == true) {\r\n                    this.dialogCreate = false;\r\n                    this.dialogEdit = false;\r\n                    this.loadItems();\r\n                }\r\n            },\r\n            editItem(props) {\r\n                this.editedData.provinceId = props.provinceID;\r\n                this.dialogEdit = true;\r\n            },\r\n\r\n            deleteItem(item) {\r\n                const index = this.user.indexOf(item);\r\n                confirm(\"Are you sure you want to delete this item?\") &&\r\n                this.user.splice(index, 1);\r\n            },\r\n\r\n            close() {\r\n                this.dialog = false;\r\n                setTimeout(() => {\r\n                    this.editedData = Object.assign({}, this.defaultItem);\r\n                    this.editedIndex = -1;\r\n                }, 300);\r\n            },\r\n            searchInput() {\r\n                this.loadItems();\r\n            },\r\n\r\n            updateParams(newProps) {\r\n                this.serverParams = Object.assign({}, this.serverParams, newProps);\r\n            },\r\n\r\n\r\n            onPageChange(params) {\r\n                this.updateParams({page: params.currentPage});\r\n                this.loadItems();\r\n            },\r\n\r\n            onPerPageChange(params) {\r\n                this.updateParams({perPage: params.currentPerPage==-1?this.totalRecords:params.currentPerPage});\r\n                this.loadItems();\r\n            },\r\n\r\n            onSortChange(params) {\r\n                this.updateParams({\r\n                    sort: [\r\n                        {\r\n                            type: params[0].type,\r\n                            field: params[0].field\r\n                        }\r\n                    ]\r\n                });\r\n                this.loadItems();\r\n            },\r\n\r\n            onColumnFilter(params) {\r\n                this.updateParams(params);\r\n                this.loadItems();\r\n            },\r\n\r\n            // load items is what brings back the rows from server\r\n            addColumn() {\r\n                this.permissionData = JSON.parse(localStorage.getItem(\"tokenData\"));\r\n                if (this.permissionData.Province_W) {\r\n                    this.columns.push({\r\n                        label: \"Actions\",\r\n                        field: \"actions\",\r\n                        sortable: false\r\n                    });\r\n                }\r\n            },\r\n\r\n            async loadItems() {\r\n                if (this.reportByYear) {\r\n                    this.isLoading = true;\r\n                    axios.post(\"Report/GetArrivalByNationalityReportListAsyc\", this.editedData)\r\n                        .then(response => {\r\n                            this.rows = response.data;\r\n                            this.totalRecords = response.data.totalCount;\r\n                            console.log(this.rows)\r\n                            this.isLoading = false;\r\n                        })\r\n                        .catch(err => {\r\n                            console.log(err)\r\n                            this.isLoading = false;\r\n                        });\r\n                }\r\n                else {\r\n                    this.isLoading = true;\r\n                    axios.post(\"Report/GetArrivalByNationalityReportListAsyc\", this.editedData)\r\n                        .then(response => {\r\n                            this.rows = response.data;\r\n                            this.totalRecords = response.data.totalCount;\r\n                            this.isLoading = false;\r\n                        })\r\n                        .catch(err => {\r\n                            console.log(err)\r\n                            this.isLoading = false;\r\n                        });\r\n                }\r\n\r\n\r\n            },\r\n            async onDownload() {\r\n                if (this.reportByYear) {\r\n                    this.isLoading = true;\r\n                    await axios({\r\n                        url: 'Report/DownloadArrivalByNationalityReport',\r\n                        method: 'POST',\r\n                        responseType: 'blob',\r\n                        data: this.editedData\r\n                    }).then((response) => {\r\n                        const url = window.URL.createObjectURL(new Blob([response.data]));\r\n                        const link = document.createElement('a');\r\n                        link.href = url;\r\n                        link.setAttribute('download', 'immigration-report-file.xlsx'); //or any other extension\r\n                        document.body.appendChild(link);\r\n                        link.click();\r\n                        this.isLoading = false;\r\n                    });\r\n                }\r\n                else {\r\n                    this.isLoading = true;\r\n                    await axios({\r\n                        url: 'Report/DownloadArrivalByNationalityMonthlyReport',\r\n                        method: 'POST',\r\n                        responseType: 'blob',\r\n                        data: this.editedData\r\n                    }).then((response) => {\r\n                        const url = window.URL.createObjectURL(new Blob([response.data]));\r\n                        const link = document.createElement('a');\r\n                        link.href = url;\r\n                        link.setAttribute('download', 'immigration-report-file.xlsx'); //or any other extension\r\n                        document.body.appendChild(link);\r\n                        link.click();\r\n                        this.isLoading = false;\r\n                    });\r\n                }\r\n\r\n            },\r\n        }\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .v-item-group {\r\n        background: #d2e3ff73;\r\n    }\r\n</style>\r\n","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!./NationalityReportTable.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!./NationalityReportTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NationalityReportTable.vue?vue&type=template&id=7a8795d4&scoped=true&\"\nimport script from \"./NationalityReportTable.vue?vue&type=script&lang=js&\"\nexport * from \"./NationalityReportTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NationalityReportTable.vue?vue&type=style&index=0&id=7a8795d4&prod&lang=scss&scoped=true&\"\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  \"7a8795d4\",\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!./NationalityReportTable.vue?vue&type=style&index=0&id=7a8795d4&prod&lang=scss&scoped=true&\""],"sourceRoot":""}