{"version":3,"sources":["webpack:///./src/components/table/MultiTab.vue?7500","webpack:///src/components/table/MultiTab.vue","webpack:///./src/components/table/MultiTab.vue?e3c3","webpack:///./src/components/table/MultiTab.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","showMainHeader","activeTableRef","table","domProps","_s","header","_e","_b","model","value","callback","$$v","activeTab","expression","computedTabProps","_l","tab","index","key","__key","on","$event","onTabClick","scopedSlots","_u","fn","_v","title","proxy","options","type","isTabActive","getTabName","ref","refInFor","getFiltersFor","filtersAndButtons","showHeader","useExternalButtons","useExternalFilters","t","onTableLoaded","filters","onTableFilterChanged","staticRenderFns","separateFilterNames","name","components","PageRenderer","mixins","props","tabs","tabProps","default","separateFilters","data","mainTabIndex","mainTab","mainTableRef","mounted","beforeDestroy","methods","onFiltersChange","changeFiltersForTab","DevLog","newFilters","__tab","__type","handleFilterChange","query","changeActiveTabIfNeeded","tableLinkHandler","route","updateMainHeader","canRenderTab","computed","mainFilters","activeTabName","justified","card","computedTabs","map","filter","watch","$route","current","component"],"mappings":"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","file":"js/chunk-2d21d50e.808e0850.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',_vm._b({model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v},expression:\"activeTab\"}},'b-tabs',_vm.computedTabProps,false),_vm._l((_vm.computedTabs),function(tab,index){return _c('b-tab',_vm._b({key:tab.__key,on:{\"click\":function($event){return _vm.onTabClick(index, tab)}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" \"+_vm._s(tab.title)+\" \")]},proxy:true}],null,true)},'b-tab',tab.options,false),[_c('keep-alive',[(tab.type === 'page' && _vm.isTabActive(index))?_c('page-renderer',{attrs:{\"name\":_vm.getTabName(tab)}}):(tab.type === 'table' && _vm.isTabActive(index))?_c('platon-table',{ref:\"tables\",refInFor:true,attrs:{\"table-name\":_vm.getTabName(tab),\"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\" v-bind=\"computedTabProps\">\n            <b-tab\n                v-bind=\"tab.options\"\n                :key=\"tab.__key\"\n                v-for=\"(tab, index) in computedTabs\"\n                @click=\"onTabClick(index, tab)\"\n            >\n                <template #title>\n                    {{ tab.title }}\n                </template>\n\n                <keep-alive>\n                    <page-renderer v-if=\"tab.type === 'page' && isTabActive(index)\" :name=\"getTabName(tab)\" />\n                    <platon-table\n                        v-else-if=\"tab.type === 'table' && isTabActive(index)\"\n                        ref=\"tables\"\n                        :table-name=\"getTabName(tab)\"\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\"\nimport PageRenderer from \"@Platon/components/pages/PageRenderer.vue\"\nimport PermissionMixin from \"@Platon/mixins/table/PermissionMixin\"\n\nconst separateFilterNames = [\"_page\", \"_level\"]\n\n/** @typedef MultiTabOptions\n * @property {string|function} name\n * @property {string} type\n * @property {string} title\n * @property {boolean} main\n * @property {?Function} canRender\n * @property {?Function} onTabClick\n */\n\n/**\n * @property {Vue.Component[]} $refs.tables\n */\nexport default {\n    name: \"MultiTab\",\n    components: { PageRenderer },\n    mixins: [NavigationMixin, PermissionMixin],\n\n    props: {\n        /**\n         * @type MultiTabOptions[]\n         */\n        tabs: {\n            type: Array\n        },\n\n        tabProps: {},\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        useExternalButtons: {\n            type: Boolean,\n            default: false\n        },\n\n        useExternalFilters: {\n            type: Boolean,\n            default: false\n        }\n    },\n\n    data() {\n        let mainTabIndex = this.tabs.findIndex(/** MultiTabOptions */ (t) => t.main === true)\n        let openTabFromRoute = this.tabs.findIndex(\n            /** MultiTabOptions */ (t) => {\n                return this.getTabName(t) === this.$route.query.__tab && t.type === this.$route.query.__type\n            }\n        )\n\n        let activeTab = openTabFromRoute >= 0 ? openTabFromRoute : mainTabIndex\n\n        let filters = { ...this.$route.query }\n\n        return {\n            filters,\n            activeTab: activeTab,\n            mainTabIndex: mainTabIndex,\n            mainTab: this.tabs[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.getTabName(this.tabs[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 activeTab = this.tabs[tabIndex]\n\n            if (this.separateFilters) {\n                for (let filter of separateFilterNames) {\n                    if (newFilters[filter]) {\n                        newFilters[`${filter}_${this.getTabName(activeTab)}`] = newFilters[filter]\n\n                        delete newFilters[filter]\n                    }\n                }\n            }\n\n            this.handleFilterChange({ ...newFilters, __tab: this.getTabName(activeTab), __type: activeTab.type })\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.tabs.findIndex(\n                /** MultiTabOptions */ (t) => {\n                    return this.getTabName(t) === this.filters.__tab && t.type === this.filters.__type\n                }\n            )\n\n            if (currentTab !== tabFromFilters) {\n                this.activeTab = tabFromFilters\n            }\n        },\n\n        /**\n         * @param {Route} route\n         */\n        tableLinkHandler(route) {\n            if (\n                route.name === \"page\" &&\n                route.params.name === this.$route.params.name &&\n                this.$route.query.__tab === this.activeTabName\n            ) {\n                this.onFiltersChange(route.query)\n\n                return true\n            } else 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         * @param {MultiTabOptions} tab\n         */\n        canRenderTab(tab) {\n            if (typeof tab.canRender === \"function\") {\n                return tab.canRender.call(this, tab)\n            }\n\n            return true\n        },\n\n        /**\n         * @param {number} index\n         * @param {MultiTabOptions} tab\n         */\n        onTabClick(index, tab) {\n            if (typeof tab.onTabClick === \"function\") {\n                tab.onTabClick.call(this, tab, index)\n            }\n        },\n\n        /**\n         * @param {MultiTabOptions} tab\n         */\n        getTabName(tab) {\n            if (typeof tab.name === \"function\") {\n                return tab.name.call(this, tab)\n            }\n\n            return tab.name\n        }\n    },\n\n    computed: {\n        /**\n         * Using to prevent loading main table unnecessarily\n         */\n        mainFilters() {\n            if (this.filters.__tab !== this.getTabName(this.mainTab) && this.filters.__type !== this.mainTab.type) {\n                return { ...this.filters, __tab: this.getTabName(this.mainTab), __type: this.mainTab.type }\n            } else {\n                return {\n                    ...this.filters,\n                    __tab: this.getTabName(this.tabs[this.activeTab]),\n                    __type: this.tabs[this.activeTab].type\n                }\n            }\n        },\n\n        activeTabName() {\n            return this.getTabName(this.tabs[this.activeTab])\n        },\n\n        computedTabProps() {\n            return Object.assign({ justified: true, card: true }, { ...this.tabProps })\n        },\n\n        computedTabs() {\n            return this.tabs\n                .map(\n                    /** MultiTabOptions */ (tab, index) => {\n                        return {\n                            ...tab,\n                            __key: tab.type + tab.name.toString() + index\n                        }\n                    }\n                )\n                .filter((/** MultiTabOptions */ t) => this.canRenderTab(t))\n        }\n    },\n\n    watch: {\n        activeTab(active) {\n            // respect current active tab\n            this.handleFilterChange({\n                ...this.filters,\n                __tab: this.getTabName(this.tabs[active]),\n                __type: this.tabs[active].type\n            })\n\n            this.updateMainHeader()\n        },\n\n        $route(current, old) {\n            // respect tab from route\n            this.onFiltersChange({\n                __tab: this.getTabName(this.tabs[this.activeTab]),\n                __type: this.tabs[this.activeTab].type,\n                ...current.query\n            })\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!./MultiTab.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!./MultiTab.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultiTab.vue?vue&type=template&id=2dd06ab9&\"\nimport script from \"./MultiTab.vue?vue&type=script&lang=js&\"\nexport * from \"./MultiTab.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":""}