{"version":3,"file":"detail-view-content-element-related-object-97665318.js","sources":["../../../app/javascript/formability/modelViews/components/detail-view-content-element-related-object.vue","../../../app/javascript/formability/modelViews/components/detail-view-content-element-related-object.vue?vue&type=template&lang.js"],"sourcesContent":["<template>\n  <div v-if=\"listView && entries\">\n    <list-view-table-meta-links\n      :total-count=\"totalCount\"\n      :show-view-all=\"hasMore\"\n      :showCreateRelatedEntry=\"showCreateButton\"\n      @click-view-all=\"clickViewAll\"\n      @click-create-related-entry=\"goToCreateRelatedEntry\"\n      :show-connected-text=\"true\"\n    ></list-view-table-meta-links>\n    <list-view-scrollable-table\n      :is-in-detail-view-edit-mode=\"isInEditMode\"\n      is-embedded\n      :list-view=\"listView\"\n      :entries=\"entriesArray\"\n    ></list-view-scrollable-table>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport Vue from \"vue\";\nimport ObjectModelEntry from \"~/models/objectModelEntries/objectModelEntry\";\nimport { RouteHelper } from \"~/helpers/routeHelper\";\nimport { Route } from \"~/enums/route\";\nimport { DetailViewContentElementCapability } from \"~/models/detailView/elements/detailViewContentElementCapability\";\nimport ObjectModelFakeEntry from \"~/models/objectModelEntries/objectModelFakeEntry\";\nimport ListViewScrollableTable from \"./list-view-scrollable-table.vue\";\nimport ListViewTableMetaLinks from \"./list-view-table-meta-links.vue\";\nimport { Area } from \"../enums/area\";\nimport ObjectModelRelation from \"~/models/objectModelRelations/objectModelRelation\";\nimport {ObjectModelRelationType} from \"~/enums/objectModelRelationType\";\nimport ContentElementComponent from \"./content-element-component.vue\";\nimport breadcrumbMixin from \"../mixins/breadcrumbMixin\";\nimport ObjectModelAction from \"~/models/objectModelActions/objectModelAction\";\nimport {ObjectModelDefaultActionType} from \"~/enums/objectModelDefaultActionType\";\nimport PublishedListView from \"~/models/listViews/publishedListView\";\nimport RefreshEntryDataBus from '../buses/refreshEntryDataBus';\n\nexport default Vue.extend({\n  extends: ContentElementComponent,\n  name: \"detail-view-content-element-related-object\",\n  mixins: [\n    breadcrumbMixin,\n  ],\n  components: {\n    ListViewScrollableTable,\n    ListViewTableMetaLinks\n  },\n  props: {\n    objectModelEntry: {\n      type: ObjectModelEntry\n    }\n  },\n  data: function() {\n    return {\n      DetailViewContentElementCapability,\n      listView: null,\n      entries: null,\n      relation: null,\n      totalCount: null,\n    };\n  },\n  beforeMount() {\n    this.registerEventBusListeners();\n    this.fetchAssociatedListViewAndEntries();\n  },\n  computed: {\n    listViewLink(): string {\n      const routeEnum = this.isPreview ? Route.previewListView : Route.listView;\n      const query = {}\n\n      if (this.currentBreadcrumbs) {\n        query['bc'] = [\n          ...this.currentBreadcrumbs,\n          {t: 't', v: this.contentElement.label_title},\n        ];\n      } else {\n        query['bc'] = [\n          {t: 'om', v: 'bv'},\n          {t: 'lv', v: this.$route.query[\"from_list_view\"]},\n          {t: 'dv', v: {dv: this.selectedDetailView.detail_view_id, e: this.selectedObjectModelEntry.id}},\n          {t: 't', v: this.contentElement.label_title},\n        ];\n      }\n\n      query['relationId'] = this.contentElement.related_object_id\n      query['parentEntryId'] = this.selectedObjectModelEntry.id\n      query['detailViewId'] = this.selectedDetailView.detail_view_id;\n      query['dvContentElementId'] = this.contentElement.client_id\n      return RouteHelper.path({ route: routeEnum, modelOrId: this.listView.list_view_id || this.listView.id, query });\n    },\n    entriesLength() {\n      return this.entries.length;\n    },\n    entriesArray(): Array<any> {\n      return this.entries.slice(0, this.maxDisplay);\n    },\n    hasMore(): boolean {\n      if (this.relationIsSingle) return false;\n      return this.entries && this.entriesLength > this.maxDisplay;\n    },\n    maxDisplay(): number {\n      return this.contentElement.record_display_limit || 0;\n    },\n    newRelatedEntryPath(): string {\n      const namedWildcardOptions = RouteHelper.namedWildcardOptionsFactory({object_model: this.listView.object_model_id});\n      return RouteHelper.path({\n        route: Route.objectModelEntriesNew,\n        namedWildcardOptions,\n        query: {\n          ...this.$router.currentRoute.query,\n          from_detail_view: this.contentElement.rootModel.detail_view_id,\n          from_entry: this.selectedObjectModelEntry.id,\n          for_relation: this.contentElement.related_object_id,\n          inverse: !this.contentElement.inverse\n        }\n      });\n    },\n    showCreateButton(): boolean {\n      if (!this.listView || !this.createObjectModelAction) return false;\n      if (!this.$can('enableMainAction', this.listView, {action: this.createObjectModelAction})) return false;\n      if (!this.$can('connectOrSever', this.relation, { objectModel: this.selectedDetailView.published_object_model })) return false\n\n      // if relation type is OneToMany inverse or OneToOne, and there are already entries, then hide create button\n      if ((this.relation?.relation_type === ObjectModelRelationType.OneToMany) && (this.relation.object_model_id !== this.selectedObjectModelEntry.object_model_id)) {\n        if (this.entriesArray.length > 0) return false\n      } else if (this.relation?.relation_type === ObjectModelRelationType.OneToOne) {\n        if (this.entriesArray.length > 0) return false\n      }\n      return true\n    },\n    createObjectModelAction(): ObjectModelAction | null {\n      const om = this.listView.published_object_model || this.listView.object_model;\n      return om.objectModelDefaultActionsArray.find(\n        (a) => a.default_action_type === ObjectModelDefaultActionType.Create\n      );\n    },\n  },\n  methods: {\n    registerEventBusListeners(): void {\n      RefreshEntryDataBus.onRefresh(() => {\n        if (this.isPreview) {\n          this.fetchAssociatedFakeEntries();\n        } else {\n          this.fetchAssociatedEntries();\n        }\n      });\n    },\n    fetchAssociatedListViewAndEntries(): void {\n      this.$store\n        .dispatch(\"detailViewStore/fetchAssociatedListView\", {\n          organizationId: this.selectedOrganization.id,\n          detailViewId: this.isPreview ? this.selectedDetailView.id : this.selectedDetailView.detail_view_id,\n          listViewId: this.contentElement.list_view_id,\n          entryId: this.selectedObjectModelEntry.id,\n        })\n        .then(listView => {\n          this.listView = listView;\n          if (this.isPreview) {\n            this.fetchAssociatedFakeEntries();\n          } else {\n            this.fetchAssociatedEntries();\n          }\n        });\n    },\n    fetchAssociatedFakeEntries(): void {\n      this.$store.dispatch(\"detailViewStore/fetchAssociatedFakeEntries\", { listView: this.listView }).then(results => {\n        this.entries = results.entries.map(entryJson => {\n          const newEntry = ObjectModelFakeEntry.repo.find(entryJson.id) || new ObjectModelFakeEntry();\n          return newEntry.loadFromJson(entryJson);\n        });\n        this.totalCount = results.totalCount\n      });\n    },\n    async fetchAssociatedEntries() {      \n      const urlParams = new URLSearchParams(window.location.search);\n      const highlightedEntryId = urlParams.get('highlighted_entry_id');\n\n      const [entries, relation, totalCount] = await this.$store.dispatch(\"detailViewStore/fetchAssociatedEntries\", {\n        listView: this.listView, \n        limit: this.maxDisplay, \n        relationId: this.contentElement.related_object_id,\n        detailViewId: this.isPreview ? this.selectedDetailView.id : this.selectedDetailView.detail_view_id,\n        parentEntry: this.selectedObjectModelEntry,\n        inverse: this.contentElement.inverse,\n        highlightedEntryId: highlightedEntryId\n      });\n      \n      this.relation = ObjectModelRelation.repo.findOrCreate(relation.id, relation.client_id).loadFromJson(relation)\n      this.totalCount = totalCount\n\n      this.entries = entries.map(entryJson => {\n        const newEntry = ObjectModelEntry.repo.find(entryJson.id) || new ObjectModelEntry();\n        if (ObjectModelEntry.repo.find(entryJson.id)) {\n          // merge available action client ids\n          // new data comes afterwards to overwrite in case of duplicate keys\n          entryJson.view_data.available_action_client_ids = {\n            // old entry data\n            ...newEntry.view_data?.available_action_client_ids,\n            // new entry data\n            ...entryJson.view_data?.available_action_client_ids\n          }\n        }\n        return newEntry.loadFromJson(entryJson);\n      });\n    },\n    viewMore(): void {\n      if (this.isPreview) {\n        this.$router.push({\n          name: Area.previewDetailViewListView,\n          params: { detail_view_id: this.selectedDetailView.id, list_view_id: this.listView.id }\n        });\n      } else {\n        this.$router.push({\n          name: Area.listView,\n          params: { id: this.listView.id, detail_view_id: this.selectedDetailView.id }\n        });\n      }\n    },\n    goToCreateRelatedEntry(): void {\n      window.location.href = this.newRelatedEntryPath;\n    },\n    clickViewAll(): void {\n      window.location.href = this.listViewLink\n    }\n  }\n});\n</script>","\n<div v-if=\"listView && entries\">\n  <list-view-table-meta-links\n    :total-count=\"totalCount\"\n    :show-view-all=\"hasMore\"\n    :showCreateRelatedEntry=\"showCreateButton\"\n    @click-view-all=\"clickViewAll\"\n    @click-create-related-entry=\"goToCreateRelatedEntry\"\n    :show-connected-text=\"true\"\n  ></list-view-table-meta-links>\n  <list-view-scrollable-table\n    :is-in-detail-view-edit-mode=\"isInEditMode\"\n    is-embedded\n    :list-view=\"listView\"\n    :entries=\"entriesArray\"\n  ></list-view-scrollable-table>\n</div>\n"],"names":["__vue2_script","Vue","extend","extends","ContentElementComponent","name","mixins","breadcrumbMixin","components","ListViewScrollableTable","ListViewTableMetaLinks","props","objectModelEntry","type","ObjectModelEntry","data","DetailViewContentElementCapability","listView","entries","relation","totalCount","beforeMount","this","registerEventBusListeners","fetchAssociatedListViewAndEntries","computed","listViewLink","routeEnum","isPreview","Route","previewListView","query","currentBreadcrumbs","t","v","contentElement","label_title","$route","dv","selectedDetailView","detail_view_id","e","selectedObjectModelEntry","id","related_object_id","client_id","RouteHelper","path","route","modelOrId","list_view_id","entriesLength","length","entriesArray","slice","maxDisplay","hasMore","relationIsSingle","record_display_limit","newRelatedEntryPath","namedWildcardOptions","namedWildcardOptionsFactory","object_model","object_model_id","objectModelEntriesNew","$router","currentRoute","from_detail_view","rootModel","from_entry","for_relation","inverse","showCreateButton","createObjectModelAction","$can","action","objectModel","published_object_model","_a","relation_type","ObjectModelRelationType","OneToMany","_b","OneToOne","objectModelDefaultActionsArray","find","a","default_action_type","ObjectModelDefaultActionType","Create","methods","RefreshEntryDataBus","onRefresh","fetchAssociatedFakeEntries","fetchAssociatedEntries","$store","dispatch","organizationId","selectedOrganization","detailViewId","listViewId","entryId","then","results","map","entryJson","ObjectModelFakeEntry","repo","loadFromJson","async","highlightedEntryId","URLSearchParams","window","location","search","get","limit","relationId","parentEntry","ObjectModelRelation","findOrCreate","newEntry","view_data","available_action_client_ids","viewMore","push","Area","previewDetailViewListView","params","goToCreateRelatedEntry","href","clickViewAll","_vm","_h","$createElement","_c","_self","attrs","showCreateRelatedEntry","on","isInEditMode","_e"],"mappings":"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"}