{"version":3,"file":"detail-view-content-element-model-history-8473740d.js","sources":["../../../app/javascript/formability/modelViews/components/detail-view-content-element-model-history.vue","../../../app/javascript/formability/modelViews/components/detail-view-content-element-model-history.vue?vue&type=template&lang.js"],"sourcesContent":["<template>\n  <div>\n    <h4 class=\"h3-sub mb-4\">Record History</h4>\n    <div\n      class=\"list-view-table fds container\"\n      v-if=\"transactions && transactions.length > 0\">\n      <div class=\"row px-4 no-gutters\">\n        <h6 class=\"col-7 label-table mb-0 text-uppercase pl-2\">Action</h6>\n        <h6 class=\"col-2 label-table mb-0 text-uppercase\">Taken by</h6>\n        <h6 class=\"col-3 label-table mb-0 text-uppercase\">Date and time</h6>\n      </div>\n      <hr class=\"mb-2 mt-1\">\n      <div class=\"list-wrapper p-3\">\n        <div v-for=\"(transaction, transactionIdx) in transactions\" :key=\"transactionIdx\" class=\"entry-history-transaction container-fluid mb-2 py-3\">\n          <div class=\"row no-gutters top-card\" data-toggle=\"collapse\" :data-target=\"`#log-row-${transactionIdx}`\" aria-expanded=\"false\" aria-controls=\"show-more\">\n            <h5 class=\"col-7 d-flex align-items-center p-sm font-weight-bold m-0\">{{getTransactionLabel(transaction)}}</h5>\n            <h5 class=\"col-2 d-flex align-items-center p-sm font-weight-bold m-0\">{{transaction.initiator_name}}</h5>\n            <div class=\" col-3 d-flex justify-content-between align-items-center\">\n              <h5 class=\"p-sm font-weight-bold m-0\">{{formatDate(transaction.c_at)}}</h5>\n              <button v-if=\"hasLineItems(transaction)\"\n                      :data-target=\"`#log-row-${transactionIdx}`\"\n                      aria-controls=\"show-more\"\n                      aria-expanded=\"false\"\n                      class=\"btn-icon collapse-btn button-arrow px-1 mb-2\"\n                      data-toggle=\"collapse\"\n              >\n                <icon class=\"arrow-chevron down\"></icon>\n              </button>\n            </div>\n          </div>\n          <div v-if=\"hasLineItems(transaction)\" class=\"collapse\" :id=\"`log-row-${transactionIdx}`\">\n            <hr class=\"mt-3 mb-4\"/>\n            <div v-for=\"(lineItem, lineItemIdx) in transaction.entry_history_transaction_line_items\" :key=\"lineItemIdx\" class=\"container px-0\">\n              <!-- When a new record is created -->\n              <div v-if=\"lineItem.old_value === lineItem.new_value\" class=\"row no-gutters\">\n                <p class=\"col-3 desc pr-2 text-break\">{{ lineItem.label_title }}</p>\n                <p class=\"col-2 desc pr-2\">changed to</p> \n                <p class=\"col-3 desc pr-2 text-break font-weight-bold\">{{ lineItem.new_value }}</p> \n              </div>\n              <!-- When making a change to a record -->\n              <div v-else class=\"row no-gutters\" >\n                <p class=\"col-3 desc pr-2 text-break\">{{ lineItem.label_title }}</p>\n                <p class=\"col-2 desc pr-2\">changed from</p>\n                <p class=\"col-2 desc text-break pr-2\">{{ lineItem.old_value }}</p>\n                <p class=\"col-2 desc pr-2\">to</p>\n                <p class=\"col-3 desc pr-2 text-break font-weight-bold\">{{ lineItem.new_value }}</p>     \n              </div>\n            </div>\n          </div>  \n        </div>\n      </div>\n        <div class=\"w-100 text-center\">\n          <div v-if=\"fullyLoaded\">You've reached the end of the list</div>\n          <button v-else class=\"btn blue compress\" @click=\"loadTransactions\" :disabled=\"viewMoreDisabled\">\n            <template v-if=\"busy\">\n              <xpinner :has-background=\"false\" color=\"White\" speed=\"fast\"/>\n            </template>\n            View More Logs\n          </button>\n        </div>\n    </div>\n    <div v-else class=\"fds container\">\n      <h5 class=\"row font-weight-bold\">No data has been found.</h5>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import Vue from \"vue\";\n  import DatetimeHelper from \"~/helpers/datetimeHelper\";\n  import {ObjectModelActionType} from \"~/enums/objectModelActionType\";\n  import {ObjectModelDefaultActionType} from \"~/enums/objectModelDefaultActionType\";\n  import {IEntryHistoryTransaction} from \"~/interfaces/objectModelInterfaces\";\n  import {ModelMappingRules} from \"../../mappingBuilder/enums/model-mapping-rules\";\n  import ContentElementComponent from \"./content-element-component.vue\";\n  import RefreshEntryDataBus from '../buses/refreshEntryDataBus';\n\n  export default Vue.extend({\n    extends: ContentElementComponent,\n    beforeMount() {\n      if (this.$route.name === \"detailView\" || this.$route.name === \"detailViewEditMode\") {\n        this.registerEventBusListeners();\n        this.loadTransactions();\n      }\n    },\n    data: () => {\n      return {\n        transactions: [],\n        busy: false,\n        fullyLoaded: false,\n        fetchIdx: 0,\n        initialFetch: true\n      }\n    },\n    computed: {\n      viewMoreDisabled() {\n        return this.busy || this.fullyLoaded;\n      }\n    },\n    methods: {\n      registerEventBusListeners(): void {\n        RefreshEntryDataBus.onRefresh(() => {\n          this.fullyLoaded = false;\n          this.transactions = [];\n          this.initialFetch = true;\n          this.fetchIdx = 0;\n          this.loadTransactions();\n        })\n      },\n      loadTransactions() {\n        if (this.viewMoreDisabled) return;\n        this.busy = true;\n\n        this.$store.dispatch('detailViewStore/fetchHistory', {\n          organizationId: this.selectedOrganization.id,\n          detailViewId: this.$route.params.id || this.$route.params.detail_view_id,\n          entryId: this.$route.params.entry_id,\n          modelHistoryId: this.contentElement.id,\n          fetchIdx: this.fetchIdx,\n          initialFetch: this.initialFetch\n        }).then(({transactions, fully_loaded}) => {\n          if (fully_loaded) this.fullyLoaded = true;\n          this.transactions.push(...transactions);\n          this.fetchIdx += 10;\n          if (this.initialFetch) {\n            // accounts for the fact that the first fetch can yield up to 15 transactions\n            this.fetchIdx += 5;\n            this.initialFetch = false;\n          }\n          this.busy = false;\n        });\n      },\n      formatDate(date: string) {\n        return DatetimeHelper.toTimeString(date);\n      },\n      getTransactionLabel(transaction: IEntryHistoryTransaction): string {\n        return transaction.action_type ? this.labelFromAction(transaction) : this.labelFromMapping(transaction);\n      },\n      labelFromAction(transaction: IEntryHistoryTransaction): string {\n        switch(transaction.action_type) {\n          case ObjectModelActionType.FillForm:\n            return `Submission of ${transaction.linked_form_title}`;\n          case ObjectModelActionType.ChangeFieldValues:\n          case ObjectModelActionType.CustomNotification:\n          case ObjectModelActionType.RunProcess:\n          case ObjectModelActionType.ViewDocument:\n          case ObjectModelActionType.LinkToAccount:\n          case ObjectModelDefaultActionType.Edit:\n            return `Action '${transaction.action_name}' has been taken`;\n          case ObjectModelDefaultActionType.Create:\n            return \"Creation\";\n          default:\n            return \"Record Update\";\n        }\n      },\n      labelFromMapping(transaction: IEntryHistoryTransaction): string {\n        switch (transaction.mapping_rule_type) {\n          case ModelMappingRules.CreateNew:\n            return `Created by ${transaction.mapping_source_title}`;\n          case ModelMappingRules.UpdateCreate:\n            return `Updates from ${transaction.mapping_source_title}`;\n          default:\n            return \"Record Update\";\n        }\n      },\n      hasLineItems(transaction: IEntryHistoryTransaction): boolean {\n        return transaction.entry_history_transaction_line_items && transaction.entry_history_transaction_line_items.length > 0\n      },\n    }\n  });\n</script>\n\n","\n<div>\n  <h4 class=\"h3-sub mb-4\">Record History</h4>\n  <div\n    class=\"list-view-table fds container\"\n    v-if=\"transactions && transactions.length > 0\">\n    <div class=\"row px-4 no-gutters\">\n      <h6 class=\"col-7 label-table mb-0 text-uppercase pl-2\">Action</h6>\n      <h6 class=\"col-2 label-table mb-0 text-uppercase\">Taken by</h6>\n      <h6 class=\"col-3 label-table mb-0 text-uppercase\">Date and time</h6>\n    </div>\n    <hr class=\"mb-2 mt-1\">\n    <div class=\"list-wrapper p-3\">\n      <div v-for=\"(transaction, transactionIdx) in transactions\" :key=\"transactionIdx\" class=\"entry-history-transaction container-fluid mb-2 py-3\">\n        <div class=\"row no-gutters top-card\" data-toggle=\"collapse\" :data-target=\"`#log-row-${transactionIdx}`\" aria-expanded=\"false\" aria-controls=\"show-more\">\n          <h5 class=\"col-7 d-flex align-items-center p-sm font-weight-bold m-0\">{{getTransactionLabel(transaction)}}</h5>\n          <h5 class=\"col-2 d-flex align-items-center p-sm font-weight-bold m-0\">{{transaction.initiator_name}}</h5>\n          <div class=\" col-3 d-flex justify-content-between align-items-center\">\n            <h5 class=\"p-sm font-weight-bold m-0\">{{formatDate(transaction.c_at)}}</h5>\n            <button v-if=\"hasLineItems(transaction)\"\n                    :data-target=\"`#log-row-${transactionIdx}`\"\n                    aria-controls=\"show-more\"\n                    aria-expanded=\"false\"\n                    class=\"btn-icon collapse-btn button-arrow px-1 mb-2\"\n                    data-toggle=\"collapse\"\n            >\n              <icon class=\"arrow-chevron down\"></icon>\n            </button>\n          </div>\n        </div>\n        <div v-if=\"hasLineItems(transaction)\" class=\"collapse\" :id=\"`log-row-${transactionIdx}`\">\n          <hr class=\"mt-3 mb-4\"/>\n          <div v-for=\"(lineItem, lineItemIdx) in transaction.entry_history_transaction_line_items\" :key=\"lineItemIdx\" class=\"container px-0\">\n            <!-- When a new record is created -->\n            <div v-if=\"lineItem.old_value === lineItem.new_value\" class=\"row no-gutters\">\n              <p class=\"col-3 desc pr-2 text-break\">{{ lineItem.label_title }}</p>\n              <p class=\"col-2 desc pr-2\">changed to</p> \n              <p class=\"col-3 desc pr-2 text-break font-weight-bold\">{{ lineItem.new_value }}</p> \n            </div>\n            <!-- When making a change to a record -->\n            <div v-else class=\"row no-gutters\" >\n              <p class=\"col-3 desc pr-2 text-break\">{{ lineItem.label_title }}</p>\n              <p class=\"col-2 desc pr-2\">changed from</p>\n              <p class=\"col-2 desc text-break pr-2\">{{ lineItem.old_value }}</p>\n              <p class=\"col-2 desc pr-2\">to</p>\n              <p class=\"col-3 desc pr-2 text-break font-weight-bold\">{{ lineItem.new_value }}</p>     \n            </div>\n          </div>\n        </div>  \n      </div>\n    </div>\n      <div class=\"w-100 text-center\">\n        <div v-if=\"fullyLoaded\">You've reached the end of the list</div>\n        <button v-else class=\"btn blue compress\" @click=\"loadTransactions\" :disabled=\"viewMoreDisabled\">\n          <template v-if=\"busy\">\n            <xpinner :has-background=\"false\" color=\"White\" speed=\"fast\"/>\n          </template>\n          View More Logs\n        </button>\n      </div>\n  </div>\n  <div v-else class=\"fds container\">\n    <h5 class=\"row font-weight-bold\">No data has been found.</h5>\n  </div>\n</div>\n"],"names":["__vue2_script","Vue","extend","extends","ContentElementComponent","beforeMount","this","$route","name","registerEventBusListeners","loadTransactions","data","transactions","busy","fullyLoaded","fetchIdx","initialFetch","computed","viewMoreDisabled","methods","RefreshEntryDataBus","onRefresh","$store","dispatch","organizationId","selectedOrganization","id","detailViewId","params","detail_view_id","entryId","entry_id","modelHistoryId","contentElement","then","fully_loaded","push","formatDate","date","DatetimeHelper","toTimeString","getTransactionLabel","transaction","action_type","labelFromAction","labelFromMapping","ObjectModelActionType","FillForm","linked_form_title","ChangeFieldValues","CustomNotification","RunProcess","ViewDocument","LinkToAccount","ObjectModelDefaultActionType","Edit","action_name","Create","mapping_rule_type","ModelMappingRules","CreateNew","mapping_source_title","UpdateCreate","hasLineItems","entry_history_transaction_line_items","length","_vm","_h","$createElement","_c","_self","staticClass","_v","_m","_l","transactionIdx","key","attrs","_s","initiator_name","c_at","_e","lineItem","lineItemIdx","old_value","new_value","label_title","disabled","on","click","color","speed"],"mappings":"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"}