{"version":3,"sources":["webpack:///./src/components/table/MultiTable.vue?af6f","webpack:///src/components/table/MultiTable.vue","webpack:///./src/components/table/MultiTable.vue?e9e5","webpack:///./src/components/table/MultiTable.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","showMainHeader","activeTableRef","table","domProps","_s","header","_e","model","value","callback","$$v","activeTab","expression","_l","index","key","scopedSlots","_u","fn","_v","titles","proxy","isTabActive","ref","refInFor","getFiltersFor","filtersAndButtons","showHeader","useExternalButtons","useExternalFilters","on","t","onTableLoaded","filters","onTableFilterChanged","staticRenderFns","separateFilterNames","name","mixins","props","tables","type","required","default","separateFilters","mainTable","data","mainTabIndex","mainTableRef","mounted","beforeDestroy","methods","onFiltersChange","changeFiltersForTab","DevLog","newFilters","__tab","handleFilterChange","query","changeActiveTabIfNeeded","tableLinkHandler","updateMainHeader","computed","mainFilters","activeTabName","watch","$route","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,YAAY,aAAaC,MAAM,CAAC,UAAU,KAAK,CAAEP,EAAIQ,gBAAkBR,EAAIS,gBAAkBT,EAAIS,eAAeC,MAAON,EAAG,KAAK,CAACE,YAAY,yCAAyC,CAACF,EAAG,OAAO,CAACO,SAAS,CAAC,UAAYX,EAAIY,GAAGZ,EAAIS,eAAeC,MAAMG,aAAab,EAAIc,KAAKV,EAAG,SAAS,CAACG,MAAM,CAAC,UAAY,GAAG,KAAO,IAAIQ,MAAM,CAACC,MAAOhB,EAAa,UAAEiB,SAAS,SAAUC,GAAMlB,EAAImB,UAAUD,GAAKE,WAAW,cAAcpB,EAAIqB,GAAIrB,EAAU,QAAE,SAASU,EAAMY,GAAO,OAAOlB,EAAG,QAAQ,CAACmB,IAAIb,EAAMc,YAAYxB,EAAIyB,GAAG,CAAC,CAACF,IAAI,QAAQG,GAAG,WAAW,MAAO,CAAC1B,EAAI2B,GAAG,IAAI3B,EAAIY,GAAGZ,EAAI4B,OAAON,IAAQ,OAAOO,OAAM,IAAO,MAAK,IAAO,CAACzB,EAAG,aAAa,CAAEJ,EAAI8B,YAAYR,GAAQlB,EAAG,eAAe,CAAC2B,IAAI,SAASC,UAAS,EAAKzB,MAAM,CAAC,aAAaG,EAAM,gBAAgBV,EAAIiC,cAAcX,GAAO,mBAAmBtB,EAAIkC,kBAAkB,cAAclC,EAAImC,WAAW,uBAAuBnC,EAAIoC,mBAAmB,uBAAuBpC,EAAIqC,mBAAmB,mBAAkB,EAAK,sBAAqB,EAAK,gBAAe,EAAK,KAAOf,IAAUtB,EAAImB,WAAWmB,GAAG,CAAC,YAAc,SAAUC,GAAK,OAAOvC,EAAIwC,cAAclB,EAAOiB,IAAM,gBAAkB,SAAUE,GAAW,OAAOzC,EAAI0C,qBAAqBpB,EAAOmB,OAAezC,EAAIc,MAAM,IAAI,MAAK,IAAI,IACvyC6B,EAAkB,G,0nBCyCtB,MAAMC,EAAsB,CAAC,QAAS,UAKvB,OACfC,kBAEAC,gBAEAC,OACAC,QACAC,WACAC,aAGAtB,QACAqB,WACAC,aAGAf,YACAc,aACAE,YAGA3C,gBACAyC,aACAE,YAGAC,iBACAH,aACAE,YAGAE,WACAJ,YACAC,aAQAd,oBACAa,aACAE,YAGAd,oBACAY,aACAE,aAIAG,OACA,mDACA,wDAEA,aAEA,0BAEA,OACAb,UACAtB,YACAoC,eACArB,qBACAsB,kBACA/C,sBAIAgD,UACA,iDAGAC,gBACA,8BAGAC,SAKAnB,mBACA,wBAEA,wBAIA,oBACA,6CAMAP,iBACA,gEACA,iBAEA,wBACA,eAEA,iBACAQ,qBAKA,UAGAmB,mBAEA,4CAGAlB,0BACA,oBACA,+BAQAmB,yBACAC,+CAEA,cACA,iBAEA,wBACA,eACA,OACAC,2BAEA,MAKA,sCAAAC,YAGAC,sBACA,2BAEA,iCACA,4BAEA,+BAEA,mBACAC,YAKAC,0BACA,qBACA,mDAEA,QACA,mBAOAC,oBACA,wDAGA,OAFA,+BAEA,GAIAC,mBACA,oBACA,mFAIAvC,eACA,mDAIAwC,UAIAC,cACA,2CACA,yBAAAP,uBAEA,oBAIAQ,gBACA,qCAIAC,OACAtD,aAEA,iDAAA6C,wBAEA,yBAGAU,YAEA,wBAAAV,mCAAA,aC1QmW,I,YCO/VW,EAAY,eACd,EACA5E,EACA4C,GACA,EACA,KACA,KACA,MAIa,aAAAgC,E","file":"js/chunk-2d0d2b7f.f1067ade.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"tab-layout\",attrs:{\"no-body\":\"\"}},[(_vm.showMainHeader && _vm.activeTableRef && _vm.activeTableRef.table)?_c('h5',{staticClass:\"text-center mb-0 px-3 py-3 over-hover\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.activeTableRef.table.header)}})]):_vm._e(),_c('b-tabs',{attrs:{\"justified\":\"\",\"card\":\"\"},model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v},expression:\"activeTab\"}},_vm._l((_vm.tables),function(table,index){return _c('b-tab',{key:table,scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.titles[index])+\" \")]},proxy:true}],null,true)},[_c('keep-alive',[(_vm.isTabActive(index))?_c('platon-table',{ref:\"tables\",refInFor:true,attrs:{\"table-name\":table,\"table-filters\":_vm.getFiltersFor(index),\"external-filters\":_vm.filtersAndButtons,\"show-header\":_vm.showHeader,\"use-external-buttons\":_vm.useExternalButtons,\"use-external-filters\":_vm.useExternalFilters,\"control-buttons\":true,\"pagination-enabled\":true,\"show-filters\":true,\"draw\":index === _vm.activeTab},on:{\"tableLoaded\":function (t) { return _vm.onTableLoaded(index, t); },\"onFiltersChange\":function (filters) { return _vm.onTableFilterChanged(index, filters); }}}):_vm._e()],1)],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <b-card no-body class=\"tab-layout\">\n        <h5\n            class=\"text-center mb-0 px-3 py-3 over-hover\"\n            v-if=\"showMainHeader && activeTableRef && activeTableRef.table\"\n        >\n            <span v-html=\"activeTableRef.table.header\"></span>\n        </h5>\n\n        <b-tabs v-model=\"activeTab\" justified card>\n            <b-tab :key=\"table\" v-for=\"(table, index) in tables\">\n                <template #title>\n                    {{ titles[index] }}\n                </template>\n                <keep-alive>\n                    <platon-table\n                        v-if=\"isTabActive(index)\"\n                        ref=\"tables\"\n                        :table-name=\"table\"\n                        @tableLoaded=\"(t) => onTableLoaded(index, t)\"\n                        @onFiltersChange=\"(filters) => onTableFilterChanged(index, filters)\"\n                        :table-filters=\"getFiltersFor(index)\"\n                        :external-filters=\"filtersAndButtons\"\n                        :show-header=\"showHeader\"\n                        :use-external-buttons=\"useExternalButtons\"\n                        :use-external-filters=\"useExternalFilters\"\n                        :control-buttons=\"true\"\n                        :pagination-enabled=\"true\"\n                        :show-filters=\"true\"\n                        :draw=\"index === activeTab\"\n                    />\n                </keep-alive>\n            </b-tab>\n        </b-tabs>\n    </b-card>\n</template>\n\n<script>\nimport { isObjDiff } from \"@Platon/core/helpers\"\nimport NavigationMixin from \"@Platon/mixins/NavigationMixin\"\nimport { DevLog } from \"@Platon/const\"\n\nconst separateFilterNames = [\"_page\", \"_level\"]\n\n/**\n * @property {Vue.Component[]} $refs.tables\n */\nexport default {\n    name: \"MultiTable\",\n\n    mixins: [NavigationMixin],\n\n    props: {\n        tables: {\n            type: Array,\n            required: true\n        },\n\n        titles: {\n            type: Array,\n            required: true\n        },\n\n        showHeader: {\n            type: Boolean,\n            default: false\n        },\n\n        showMainHeader: {\n            type: Boolean,\n            default: false\n        },\n\n        separateFilters: {\n            type: Boolean,\n            default: false\n        },\n\n        mainTable: {\n            type: String,\n            required: true\n        },\n\n        // autoRouting: {\n        // \ttype: Boolean,\n        // \tdefault: false\n        // },\n\n        useExternalButtons: {\n            type: Boolean,\n            default: false\n        },\n\n        useExternalFilters: {\n            type: Boolean,\n            default: true\n        }\n    },\n\n    data() {\n        let mainTabIndex = this.tables.findIndex((t) => t === this.mainTable)\n        let openTabFromRoute = this.tables.findIndex((t) => t === this.$route.query.__tab)\n\n        let activeTab = openTabFromRoute !== -1 ? openTabFromRoute : mainTabIndex\n\n        let filters = { ...this.$route.query }\n\n        return {\n            filters,\n            activeTab: activeTab,\n            mainTabIndex: mainTabIndex,\n            filtersAndButtons: [],\n            mainTableRef: null,\n            activeTableRef: null\n        }\n    },\n\n    mounted() {\n        this.registerLinkHandler(this.tableLinkHandler)\n    },\n\n    beforeDestroy() {\n        this.unregisterLinkHandler()\n    },\n\n    methods: {\n        /**\n         * @param {Number} index\n         * @param {Vue.Component} table\n         */\n        onTableLoaded(index, table) {\n            this.updateMainHeader()\n\n            if (this.mainTabIndex !== index) {\n                return\n            }\n\n            this.mainTableRef = table\n            this.filtersAndButtons = table.filtersAndButtons\n        },\n\n        /**\n         * @param {number} index - table index\n         */\n        getFiltersFor(index) {\n            let filters = { ...(index === this.mainTabIndex ? this.mainFilters : this.filters) }\n            let tableName = this.tables[index]\n\n            if (this.separateFilters) {\n                for (let filter of separateFilterNames) {\n                    // _level_farmers, _page_farmers\n                    if (filters[`${filter}_${tableName}`]) {\n                        filters[filter] = filters[`${filter}_${tableName}`]\n                    }\n                }\n            }\n\n            return filters\n        },\n\n        onFiltersChange(filters) {\n            // respect current tab active tab\n            this.changeFiltersForTab(this.activeTab, filters)\n        },\n\n        onTableFilterChanged(tabIndex, filters) {\n            if (tabIndex === this.activeTab) {\n                this.changeFiltersForTab(tabIndex, filters)\n            }\n        },\n\n        /**\n         * @param {number} tabIndex\n         * @param {object} filters\n         */\n        changeFiltersForTab(tabIndex, filters) {\n            DevLog(\"Table filters changed\", filters)\n\n            let newFilters = { ...filters }\n            let activeTableName = this.tables[tabIndex]\n\n            if (this.separateFilters) {\n                for (let filter of separateFilterNames) {\n                    if (newFilters[filter]) {\n                        newFilters[`${filter}_${activeTableName}`] = newFilters[filter]\n\n                        delete newFilters[filter]\n                    }\n                }\n            }\n\n            this.handleFilterChange({ ...newFilters, __tab: activeTableName })\n        },\n\n        handleFilterChange(filters) {\n            if (Object.keys(filters).length === 0) return\n\n            if (isObjDiff(filters, this.filters)) {\n                this.$set(this, \"filters\", filters)\n\n                this.changeActiveTabIfNeeded()\n\n                this.$router.push({\n                    query: filters\n                })\n            }\n        },\n\n        changeActiveTabIfNeeded() {\n            let currentTab = this.activeTab\n            let tabFromFilters = this.tables.findIndex((t) => t === this.filters.__tab)\n\n            if (currentTab !== tabFromFilters) {\n                this.activeTab = tabFromFilters\n            }\n        },\n\n        /**\n         * @param {Route} route\n         */\n        tableLinkHandler(route) {\n            if (route.name === \"table\" && route.params.name === this.activeTabName) {\n                this.onFiltersChange(route.query)\n\n                return true\n            }\n        },\n\n        updateMainHeader() {\n            this.$nextTick(() => {\n                this.activeTableRef = this.$refs.tables.find((t) => t.tableName === this.activeTabName)\n            })\n        },\n\n        isTabActive(index) {\n            return index === this.activeTab || index === this.mainTabIndex\n        }\n    },\n\n    computed: {\n        /**\n         * Using to prevent loading main table unnecessarily\n         */\n        mainFilters() {\n            if (this.filters.__tab !== this.mainTable) {\n                return { ...this.filters, __tab: this.mainTable }\n            } else {\n                return { ...this.filters }\n            }\n        },\n\n        activeTabName() {\n            return this.tables[this.activeTab]\n        }\n    },\n\n    watch: {\n        activeTab(active) {\n            // respect current active tab\n            this.handleFilterChange({ ...this.filters, __tab: this.tables[active] })\n\n            this.updateMainHeader()\n        },\n\n        $route(current, old) {\n            // respect tab from route\n            this.onFiltersChange({ __tab: this.tables[this.activeTab], ...current.query })\n        }\n    }\n}\n</script>\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!./MultiTable.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!./MultiTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultiTable.vue?vue&type=template&id=8f017a2a&\"\nimport script from \"./MultiTable.vue?vue&type=script&lang=js&\"\nexport * from \"./MultiTable.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}