{"version":3,"sources":["webpack:///./src/core/views/tabsView/TabularView.vue?f906","webpack:///src/core/views/tabsView/TabularView.vue","webpack:///./src/core/views/tabsView/TabularView.vue?55ed","webpack:///./src/core/views/tabsView/TabularView.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","headers","isLoading","items","pagination","on","handleAction","$event","rowAction","staticRenderFns","props","tab","type","Object","required","data","limit","skip","total","totalNoPages","pageNo","computed","keys","viewFields","map","text","key","label","value","dataTableID","schemaID","push","fields","action","filter","field","create","sort","field1","order","field2","components","DataTable","methods","loadEntity","$router","reloadDetails","loadCurrentEntityTabs","$route","params","param","watch","deep","immediate","handler","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,YAAY,CAACE,MAAM,CAAC,QAAUN,EAAIO,QAAQ,MAAQP,EAAIQ,UAAY,GAAKR,EAAIS,MAAM,WAAaT,EAAIU,YAAYC,GAAG,CAAC,eAAeX,EAAIY,aAAa,mBAAmB,SAASC,GAAQ,OAAOb,EAAIc,UAAU,OAAQD,QAClTE,EAAkB,G,kGCatB,GACEC,MAAO,CACLC,IAAK,CACHC,KAAMC,OACNC,UAAU,IAGdC,KAPF,WAQI,MAAO,CACLb,WAAW,EACXE,WAAY,CACVY,MAAO,EACPC,KAAM,EACNC,MAAO,EACPC,aAAc,EACdC,OAAQ,QAIdC,SAAU,OAAZ,OAAY,CAAZ,CACIpB,QADJ,WAEM,IAAN,KAoCM,OAnCAqB,EAAO3B,KAAKgB,IAAIY,WAAWC,KAAI,SAArC,GACQ,MAAO,CACLC,KAAMC,EAAIC,MACVC,MAAOF,EAAIG,aAAeH,EAAII,aAIlCR,EAAKS,KAAK,CACR,KAAR,GACQ,MAAR,UACQ,UAAR,IAyBaT,GAETU,OAxCJ,WAyCM,IAAN,6BAkBM,MAfoB,WAAhBrC,KAAKsC,SACPD,EAASA,EAAOE,QAAO,SAA/B,GACU,GAAIC,EAAMC,OACR,OAAOD,MAMTH,IACFA,EAASA,EAAOK,MAAK,SAA7B,KACU,OAAOC,EAAOC,MAAQC,EAAOD,UAI1BP,IAEb,gBACI,WAAJ,YAAM,OAAN,cACI,iBAAJ,YAAM,OAAN,oBACI,MAAJ,YAAM,OAAN,iBAGES,WAAY,CACVC,UAAJ,QAGEC,QAAS,OAAX,OAAW,CAAX,CACInC,UADJ,SACA,kBACM,OAAQyB,GACN,IAAK,OAEb,YAAU,GADAtC,KAAKO,WAAY,EAC3B,yDACYP,KAAKS,WAAWgB,YAA5B,6HACYzB,KAAKS,WAAWa,UAA5B,uJAEUtB,KAAKiD,WAAW,CAA1B,wEACA,kBACY,EAAZ,aACY,EAAZ,8BACY,EAAZ,8BACY,EAAZ,4BACY,EAAZ,4EAEA,yBACUjD,KAAKkD,QAAQd,KAAK,CAA5B,wFAIIzB,aAtBJ,SAsBA,GACM,OAAQ2B,GACN,IAAK,SACHtC,KAAKmD,gBACL,QAINA,cA9BJ,WA+BMnD,KAAKoD,sBAAsBpD,KAAKqD,OAAOC,SAGzCF,sBAlCJ,SAkCA,sBACMpD,KAAKO,WAAY,EACjB,IAAN,uCACQ,MAAc,WAAVgD,EACK,iCAAjB,6BAEiB,iCACjB,GADA,IAEY5B,KAAM,EAAlB,gBACYM,MAAOqB,EAAOC,OAG1B,IAEMvD,KAAKS,WAAWgB,YAAtB,6HACMzB,KAAKS,WAAWa,UAAtB,uJAEMtB,KAAKiD,WAAW,CAAtB,oFACA,kBACQ,EAAR,aACQ,EAAR,8BACQ,EAAR,8BACQ,EAAR,4BACQ,EAAR,4EAEA,2BAEA,gBACA,gBAGEO,MAAO,CACL,gBAAiB,CACfC,MAAM,EACNC,WAAW,EACXC,QAAS,yBAEX,IAAO,CACLF,MAAM,EACNC,WAAW,EACXC,QAHN,WAIQ3D,KAAKoD,sBAAsBpD,KAAKqD,OAAOC,YCnLoU,I,YCO/WM,EAAY,eACd,EACA9D,EACAgB,GACA,EACA,KACA,WACA,MAIa,aAAA8C,E","file":"js/chunk-2d216eee.a3e92613.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('DataTable',{attrs:{\"headers\":_vm.headers,\"items\":_vm.isLoading ? [] : _vm.items,\"pagination\":_vm.pagination},on:{\"click:action\":_vm.handleAction,\"click:viewAction\":function($event){return _vm.rowAction('view', $event)}}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <DataTable\n    :headers=\"headers\"\n    :items=\"isLoading ? [] : items\"\n    :pagination=\"pagination\"\n    @click:action=\"handleAction\"\n    @click:viewAction=\"rowAction('view', $event)\"\n  >\n  </DataTable>\n</template>\n\n<script>\nimport { mapActions, mapState } from 'vuex'\nimport DataTable from '../../components/base/DataTable'\nexport default {\n  props: {\n    tab: {\n      type: Object,\n      required: true\n    }\n  },\n  data () {\n    return {\n      isLoading: true,\n      pagination: {\n        limit: 1,\n        skip: 0,\n        total: 0,\n        totalNoPages: 0,\n        pageNo: null\n      }\n    }\n  },\n  computed: {\n    headers () {\n      let keys = []\n      keys = this.tab.viewFields.map(key => {\n        return {\n          text: key.label,\n          value: key.dataTableID || key.schemaID,\n        }\n      })\n\n      keys.push({\n          text: '',\n          value: 'actions',\n          sortable: true\n        })\n\n      // if (this.currentTabEntity.keys) {\n      //   const showFields = this.tab.viewFields.map(field => {\n      //     return field.title\n      //   })\n        \n      //   keys = this.currentTabEntity.keys.map(key => {\n      //     if (showFields.includes(key.key)) {\n      //       return {\n      //         label: key.label,\n      //         key: key.key,\n      //         _style:'min-width:200px' \n      //       }\n      //     }\n      //   }).filter(item => item !== undefined)\n\n      //   keys.push({\n      //     label: '',\n      //     key: 'show_details',\n      //     sorter: false, \n      //     filter: false\n      //   })\n      // }\n      return keys\n    },\n    fields () {\n      let fields = this.currentTabEntity.keys\n\n      // Filter the fields for action type\n      if (this.action === 'create') {\n        fields = fields.filter(field => {\n          if (field.create) {\n            return field\n          }\n        })\n      }\n\n      // Sort the fields based on order provided in enitity\n      if (fields) {\n        fields = fields.sort((field1, field2) => {\n          return field1.order - field2.order\n        })\n      }\n\n      return fields\n    },\n    ...mapState({\n      is_loading: state => state.is_loading,\n      currentTabEntity: state => state.currentTabEntity,\n      items: state => state.entityRows\n    })\n  },\n  components: {\n    DataTable\n  },\n\n  methods: {\n    rowAction (action, value) {\n      switch (action) {\n        case 'view':\n          this.isLoading = true\n          if (this.$route.query?.pageNo) {\n            this.pagination.pageNo = this.$route.query?.pageNo === undefined ? 1 : +this.$route.query?.pageNo\n            this.pagination.skip = this.$route.query?.pageNo === undefined ? 0 : (this.pagination.limit * (+this.$route.query?.pageNo - 1))\n          }\n          this.loadEntity({ entity: this.tab.viewModel || this.tab.entity, pagination: this.pagination })\n            .then(result => {\n              this.isLoading = false\n              this.pagination.total = result.meta.count\n              this.pagination.limit = result.meta.limit\n              this.pagination.skip = result.meta.skip\n              this.pagination.totalNoPages = Math.ceil(this.pagination.total / this.pagination.limit)\n            })\n            .catch(this.isLoading = false)\n          this.$router.push({ name: 'common-tabs-content', params: { entity: this.tab.viewModel || this.tab.entity , id: value } })\n      }\n    },\n\n    handleAction (action) {\n      switch (action) {\n        case 'reload':\n          this.reloadDetails()\n          break\n      }\n    },\n\n    reloadDetails () {\n      this.loadCurrentEntityTabs(this.$route.params)\n    },\n\n    loadCurrentEntityTabs (params) {\n      this.isLoading = true\n      const queryParam = Object.keys(params).reduce((final ,param) => {\n        if (param === 'entity') {\n          return { ...final, entity: this.tab.entity }\n        } else {\n          return {\n            ...final,\n            keys: this.tab.queryFilter,\n            value: params[param]\n          }\n        }\n      }, {})\n\n      this.pagination.pageNo = this.$route.query?.pageNo === undefined ? 1 : +this.$route.query?.pageNo\n      this.pagination.skip = this.$route.query?.pageNo === undefined ? 0 : (this.pagination.limit * (+this.$route.query?.pageNo - 1))\n\n      this.loadEntity({ entity: queryParam.entity, tab: this.tab, keys: queryParam.keys, value: queryParam.value, pagination: this.pagination })\n        .then(result => {\n          this.isLoading = false\n          this.pagination.total = result.meta.count\n          this.pagination.limit = result.meta.limit\n          this.pagination.skip = result.meta.skip\n          this.pagination.totalNoPages = Math.ceil(this.pagination.total / this.pagination.limit)\n        })\n        .catch(this.isLoading = false)\n    },\n    ...mapActions([\n      'loadEntity'\n    ])\n  },\n  watch: {\n    '$route.params': {\n      deep: true,\n      immediate: true,\n      handler: 'loadCurrentEntityTabs'\n    },\n    'tab': {\n      deep: true,\n      immediate: true,\n      handler () {\n        this.loadCurrentEntityTabs(this.$route.params)\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabularView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabularView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabularView.vue?vue&type=template&id=07270204&scoped=true&\"\nimport script from \"./TabularView.vue?vue&type=script&lang=js&\"\nexport * from \"./TabularView.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  \"07270204\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}