{"version":3,"sources":["webpack:///./src/views/estimagemessage/EstimageMessageNew.vue","webpack:///./src/views/estimagemessage/EstimageMessageNewSideMenu.vue","webpack:///src/views/estimagemessage/EstimageMessageNewSideMenu.vue","webpack:///./src/views/estimagemessage/EstimageMessageNewSideMenu.vue?ca94","webpack:///./src/views/estimagemessage/EstimageMessageNewSideMenu.vue?e5a9","webpack:///src/views/estimagemessage/EstimageMessageNew.vue","webpack:///./src/views/estimagemessage/EstimageMessageNew.vue?3209","webpack:///./src/views/estimagemessage/EstimageMessageNew.vue?e5cb","webpack:///./src/views/estimagemessage/storeMixin.js","webpack:///./src/views/estimagemessage/EstimageMessageDetail.vue?268e","webpack:///./src/views/estimagemessage/EstimageMessageDetail.vue","webpack:///src/views/estimagemessage/EstimageMessageDetail.vue","webpack:///./src/views/estimagemessage/EstimageMessageDetail.vue?c565","webpack:///./src/views/estimagemessage/EstimageMessageDetail.vue?d84d"],"names":["render","_vm","this","_c","_self","entity","attrs","on","onHeaderButtonClicked","staticClass","model","value","estimageDetails","callback","$$v","expression","_e","options","showEditor","messageJson","$set","isUnsavedModalActive","$event","closeModal","skipSave","saveContinue","slot","_v","isSaveConflictModalActive","reloadData","staticRenderFns","directives","name","rawName","uid","domProps","type","indexOf","_k","keyCode","key","onFilterClick","target","composing","messageNo","messageTypeEnum","$$selectedVal","Array","prototype","filter","call","o","selected","map","val","_value","multiple","EstImageRequestForQuote","EstImageExcessUpdate","EstImageRegoUpdate","EstImageAuthorise","EstImageCancel","EstimageQuote","EstimageInvoice","EstimageVehicle","EstimageImage","EstimageRepairTimeline","messageStatusTypeEnum","ToSend","Sent","UnRead","Read","Failed","InComplete","Deleted","DeletedRecord","messageDirection","components","AppSideMenu","props","data","innerValue","computed","watch","handler","deep","component","AppDetailHeader","EstimageMessageNewSideMenu","EstimageMessageDetail","UnsavedModal","SaveConflictModal","mixins","tabSize","styleActiveLine","lineNumbers","autoCloseTags","foldGutter","gutters","highlightSelectionMatches","showToken","annotateScrollbar","line","matchBrackets","showCursorWhenSelecting","lineSeparator","lineWrapping","mode","theme","isConfirmModalActive","isSkipSave","isSaveContinue","toRoute","beforeRouteEnter","to","from","next","created","mounted","methods","action","getEntity","reset","save","isDelete","title","EstimageMessageService","response","EventBus","cancel","beforeRouteLeave","moduleName","mapGetters","returnRoute","snapshots","baseSnapshot","currentSnapshot","snapshotDiff","messageSummary","mapActions","editorWidth","code","codemirror","default","onCmReady","cm","console","onCmFocus","onCmCodeChange","newCode","formatJSON","tryParseJSON","jsonString"],"mappings":"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","file":"static/js/estimagemessage-chunk.188bf7da.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.entity)?_c('div',[_c('app-detail-header',{attrs:{\"show-toggle\":true,\"show-new\":false,\"show-print\":false,\"show-delete\":false,\"show-save\":_vm.entity !== null},on:{\"appDetailHeaderButtonClicked\":_vm.onHeaderButtonClicked}}),_c('div',{staticClass:\"columns is-gapless\"},[_c('div',{staticClass:\"column is-narrow\"},[(_vm.entity)?_c('estimage-message-new-side-menu',{model:{value:(_vm.estimageDetails),callback:function ($$v) {_vm.estimageDetails=$$v},expression:\"estimageDetails\"}}):_vm._e()],1),_c('div',{staticClass:\"column\"},[(_vm.options && _vm.showEditor && _vm.entity)?_c('estimage-message-detail',{attrs:{\"options\":_vm.options},model:{value:(_vm.entity.messageJson),callback:function ($$v) {_vm.$set(_vm.entity, \"messageJson\", $$v)},expression:\"entity.messageJson\"}}):_vm._e()],1)]),_c('unsaved-modal',{attrs:{\"active\":_vm.isUnsavedModalActive},on:{\"update:active\":function($event){_vm.isUnsavedModalActive=$event},\"close\":function($event){return _vm.closeModal()},\"skipSave\":function($event){return _vm.skipSave()},\"saveContinue\":function($event){return _vm.saveContinue()}}},[_c('p',{attrs:{\"slot\":\"text-title\"},slot:\"text-title\"},[_vm._v(\"Unsaved Changes\")]),_c('p',{attrs:{\"slot\":\"text-content\"},slot:\"text-content\"},[_vm._v(\"There are unsaved changes. Please select action below\")])]),_c('save-conflict-modal',{attrs:{\"active\":_vm.isSaveConflictModalActive},on:{\"update:active\":function($event){_vm.isSaveConflictModalActive=$event},\"close\":function($event){return _vm.closeModal()},\"reload\":function($event){return _vm.reloadData()}}},[_c('p',{attrs:{\"slot\":\"text-title\"},slot:\"text-title\"},[_vm._v(\"Change conflict\")]),_c('p',{attrs:{\"slot\":\"text-content\"},slot:\"text-content\"},[_vm._v(\"The data on the server is newer than the local copy. Please reload local data.\")])])],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('app-side-menu',[_c('aside',{staticClass:\"menu\",attrs:{\"slot\":\"side-menu\"},slot:\"side-menu\"},[_c('p',{staticClass:\"menu-label\"},[_c('span',{staticClass:\"title is-6\"},[_vm._v(\" EstImage Message Details \")])]),_c('ul',{staticClass:\"menu-list\"},[_c('li',[_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"control\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.uid),expression:\"value.uid\"}],staticClass:\"input is-capitalized\",attrs:{\"type\":\"text\",\"placeholder\":\"Job ID\"},domProps:{\"value\":(_vm.value.uid)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onFilterClick()},\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.value, \"uid\", $event.target.value)}}})])]),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"control\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.messageNo),expression:\"value.messageNo\"}],staticClass:\"input is-capitalized\",attrs:{\"type\":\"text\",\"placeholder\":\"Message No.\"},domProps:{\"value\":(_vm.value.messageNo)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onFilterClick()},\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.value, \"messageNo\", $event.target.value)}}})])]),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"control\"},[_c('div',{staticClass:\"select\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.messageTypeEnum),expression:\"value.messageTypeEnum\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.value, \"messageTypeEnum\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"disabled\":\"\",\"value\":\"\"}},[_vm._v(\"-- Message Type --\")]),_c('option',{domProps:{\"value\":_vm.messageTypeEnum.EstImageRequestForQuote}},[_vm._v(\"Request For Quote\")]),_c('option',{domProps:{\"value\":_vm.messageTypeEnum.EstImageExcessUpdate}},[_vm._v(\"Excess Updated\")]),_c('option',{domProps:{\"value\":_vm.messageTypeEnum.EstImageRegoUpdate}},[_vm._v(\"Rego Updated\")]),_c('option',{domProps:{\"value\":_vm.messageTypeEnum.EstImageAuthorise}},[_vm._v(\"Quote Authorised\")]),_c('option',{domProps:{\"value\":_vm.messageTypeEnum.EstImageCancel}},[_vm._v(\"Job Cancelled\")]),_c('option',{domProps:{\"value\":_vm.messageTypeEnum.EstimageQuote}},[_vm._v(\"Quote\")]),_c('option',{domProps:{\"value\":_vm.messageTypeEnum.EstimageInvoice}},[_vm._v(\"Tax Invoice\")]),_c('option',{domProps:{\"value\":_vm.messageTypeEnum.EstimageVehicle}},[_vm._v(\"Vehicle Details\")]),_c('option',{domProps:{\"value\":_vm.messageTypeEnum.EstimageImage}},[_vm._v(\"Images\")]),_c('option',{domProps:{\"value\":_vm.messageTypeEnum.EstimageRepairTimeline}},[_vm._v(\"Repair Timeline\")])])])])]),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"control\"},[_c('div',{staticClass:\"select\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.messageStatusTypeEnum),expression:\"value.messageStatusTypeEnum\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.value, \"messageStatusTypeEnum\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"disabled\":\"\",\"value\":\"\"}},[_vm._v(\"-- Message Status --\")]),_c('option',{domProps:{\"value\":_vm.messageStatusTypeEnum.ToSend}},[_vm._v(\"To Send\")]),_c('option',{domProps:{\"value\":_vm.messageStatusTypeEnum.Sent}},[_vm._v(\"Sent\")]),_c('option',{domProps:{\"value\":_vm.messageStatusTypeEnum.UnRead}},[_vm._v(\"UnRead\")]),_c('option',{domProps:{\"value\":_vm.messageStatusTypeEnum.Read}},[_vm._v(\"Read\")]),_c('option',{domProps:{\"value\":_vm.messageStatusTypeEnum.Failed}},[_vm._v(\"Failed\")]),_c('option',{domProps:{\"value\":_vm.messageStatusTypeEnum.InComplete}},[_vm._v(\"In Complete\")]),_c('option',{domProps:{\"value\":_vm.messageStatusTypeEnum.Deleted}},[_vm._v(\"Deleted\")]),_c('option',{domProps:{\"value\":_vm.messageStatusTypeEnum.DeletedRecord}},[_vm._v(\"Deleted Record\")])])])])]),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"control\"},[_c('div',{staticClass:\"select\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.messageDirection),expression:\"value.messageDirection\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.value, \"messageDirection\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"disabled\":\"\",\"value\":\"\"}},[_vm._v(\"-- Message Direction --\")]),_c('option',{attrs:{\"value\":\"0\"}},[_vm._v(\"Incoming\")]),_c('option',{attrs:{\"value\":\"1\"}},[_vm._v(\"Outgoing\")])])])])])])]),_c('hr')])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <app-side-menu>\n    <aside\n      class=\"menu\"\n      slot=\"side-menu\">\n      <p class=\"menu-label\">\n        <span class=\"title is-6\">\n          EstImage Message Details\n        </span>\n      </p>\n      <ul class=\"menu-list\">\n        <li>\n          <div class=\"field\">\n            <div class=\"control\">\n              <input\n                class=\"input is-capitalized\"\n                type=\"text\"\n                v-model=\"value.uid\"\n                placeholder=\"Job ID\"\n                @keyup.enter=\"onFilterClick()\">\n            </div>\n          </div>\n          <div class=\"field\">\n            <div class=\"control\">\n              <input\n                class=\"input is-capitalized\"\n                type=\"text\"\n                v-model=\"value.messageNo\"\n                placeholder=\"Message No.\"\n                @keyup.enter=\"onFilterClick()\">\n            </div>\n          </div>\n          <div class=\"field\">\n            <div class=\"control\">\n              <div class=\"select\">\n                <select v-model=\"value.messageTypeEnum\">\n                  <option disabled\n                    value=\"\">-- Message Type --</option>\n                  <option :value=\"messageTypeEnum.EstImageRequestForQuote\">Request For Quote</option>\n                  <option :value=\"messageTypeEnum.EstImageExcessUpdate\">Excess Updated</option>\n                  <option :value=\"messageTypeEnum.EstImageRegoUpdate\">Rego Updated</option>\n                  <option :value=\"messageTypeEnum.EstImageAuthorise\">Quote Authorised</option>\n                  <option :value=\"messageTypeEnum.EstImageCancel\">Job Cancelled</option>\n                  <option :value=\"messageTypeEnum.EstimageQuote\">Quote</option>\n                  <option :value=\"messageTypeEnum.EstimageInvoice\">Tax Invoice</option>\n                  <option :value=\"messageTypeEnum.EstimageVehicle\">Vehicle Details</option>\n                  <option :value=\"messageTypeEnum.EstimageImage\">Images</option>\n                  <option :value=\"messageTypeEnum.EstimageRepairTimeline\">Repair Timeline</option>\n                </select>\n              </div>\n            </div>\n          </div>\n          <div class=\"field\">\n            <div class=\"control\">\n              <div class=\"select\">\n                <select v-model=\"value.messageStatusTypeEnum\">\n                  <option disabled\n                    value=\"\">-- Message Status --</option>\n                  <option :value=\"messageStatusTypeEnum.ToSend\">To Send</option>\n                  <option :value=\"messageStatusTypeEnum.Sent\">Sent</option>\n                  <option :value=\"messageStatusTypeEnum.UnRead\">UnRead</option>\n                  <option :value=\"messageStatusTypeEnum.Read\">Read</option>\n                  <option :value=\"messageStatusTypeEnum.Failed\">Failed</option>\n                  <option :value=\"messageStatusTypeEnum.InComplete\">In Complete</option>\n                  <option :value=\"messageStatusTypeEnum.Deleted\">Deleted</option>\n                  <option :value=\"messageStatusTypeEnum.DeletedRecord\">Deleted Record</option>\n                </select>\n              </div>\n            </div>\n          </div>\n          <div class=\"field\">\n            <div class=\"control\">\n              <div class=\"select\">\n                <select v-model=\"value.messageDirection\">\n                  <option disabled\n                    value=\"\">-- Message Direction --</option>\n                  <option value=\"0\">Incoming</option>\n                  <option value=\"1\">Outgoing</option>\n                </select>\n              </div>\n            </div>\n          </div>\n\n        </li>\n      </ul>\n      <hr>\n    </aside>\n  </app-side-menu>\n</template>\n\n<script>\nimport AppSideMenu from '@/components/AppSideMenu'\nimport { MessageStatusTypes, MessageTypes } from '@/enums'\nimport _cloneDeep from 'lodash/cloneDeep'\n\nexport default {\n  name: 'EstimageMessageNewSideMenu',\n  components: {\n    AppSideMenu\n  },\n  props: {},\n  data() {\n    return {\n      innerValue: _cloneDeep(this.value),\n      value: {\n      messageStatusTypeEnum: 30,\n      messageDirection: 0,\n      messageTypeEnum: 42\n    }\n    }\n  },\n  computed: {\n    messageStatusTypeEnum() {\n      return MessageStatusTypes\n    },\n    messageTypeEnum() {\n      return MessageTypes\n    }\n  },\n  watch: {\n    value: {\n      handler: function(newVal, oldVal) {\n        this.$emit('input', newVal)\n      },\n      deep: true\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!./EstimageMessageNewSideMenu.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!./EstimageMessageNewSideMenu.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EstimageMessageNewSideMenu.vue?vue&type=template&id=66db7b6d\"\nimport script from \"./EstimageMessageNewSideMenu.vue?vue&type=script&lang=js\"\nexport * from \"./EstimageMessageNewSideMenu.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","<template>\n  <div v-if=\"entity\">\n    <app-detail-header :show-toggle=\"true\"\n      :show-new=\"false\"\n      :show-print=\"false\"\n      :show-delete=\"false\"\n      :show-save=\"entity !== null\"\n      @appDetailHeaderButtonClicked=\"onHeaderButtonClicked\" />\n    <div class=\"columns is-gapless\">\n      <div class=\"column is-narrow\">\n        <estimage-message-new-side-menu v-if=\"entity\"\n          v-model=\"estimageDetails\" />\n      </div>\n      <div class=\"column\">\n        <estimage-message-detail v-if=\"options && showEditor && entity\"\n          v-model=\"entity.messageJson\"\n          :options=\"options\" />\n      </div>\n    </div>\n    <unsaved-modal :active.sync=\"isUnsavedModalActive\"\n      @close=\"closeModal()\"\n      @skipSave=\"skipSave()\"\n      @saveContinue=\"saveContinue()\">\n      <p slot=\"text-title\">Unsaved Changes</p>\n      <p slot=\"text-content\">There are unsaved changes. Please select action below</p>\n    </unsaved-modal>\n    <save-conflict-modal :active.sync=\"isSaveConflictModalActive\"\n      @close=\"closeModal()\"\n      @reload=\"reloadData()\">\n      <p slot=\"text-title\">Change conflict</p>\n      <p slot=\"text-content\">The data on the server is newer than the local copy. Please reload local data.</p>\n    </save-conflict-modal>\n  </div>\n</template>\n\n<script>\nimport EstimageMessageService from './EstimageMessageService'\nimport StoreMixin from './storeMixin'\nimport EstimageMessageNewSideMenu from './EstimageMessageNewSideMenu'\nimport EstimageMessageDetail from './EstimageMessageDetail'\nimport EstimageMessageRoutes from './route-types'\nimport AppDetailHeader from '@/components/AppDetailHeader'\nimport { AppHeaderButtonTypes, EventHubTypes } from '@/enums'\nimport HttpStatus from '@/components/http-status'\nimport { UnsavedModal, SaveConflictModal } from '@/components/BulmaModal'\nimport _cloneDeep from 'lodash/cloneDeep'\nimport _debounce from 'lodash.debounce'\nimport EventBus from '@/components/EventBus'\nimport store from '@/store'\n\nexport default {\n  name: 'EstimageMessageNew',\n  components: {\n    AppDetailHeader,\n    EstimageMessageNewSideMenu,\n    EstimageMessageDetail,\n    UnsavedModal,\n    SaveConflictModal\n  },\n  mixins: [StoreMixin],\n  data() {\n    return {\n      options: {\n        tabSize: 4,\n        styleActiveLine: true,\n        lineNumbers: true,\n        autoCloseTags: true,\n        foldGutter: true,\n        gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter'],\n        highlightSelectionMatches: { showToken: /\\w/, annotateScrollbar: true },\n        line: true,\n        matchBrackets: true,\n        showCursorWhenSelecting: true,\n        lineSeparator: '\\n',\n        lineWrapping: true,\n        mode: 'application/xml',\n        theme: 'default'\n      },\n      entity: null,\n      estimageDetails: [],\n      showEditor: true,\n      isUnsavedModalActive: false,\n      isSaveConflictModalActive: false,\n      isConfirmModalActive: false,\n      isSkipSave: false,\n      isSaveContinue: false,\n      toRoute: null\n    }\n  },\n  computed: {},\n  watch: {\n    entity: {\n      handler: _debounce(function (newVal) {\n        if (newVal) {\n          this.$forceUpdate()\n          this.saveSnapshot(_cloneDeep(this.entity))\n        }\n      }, 250),\n      deep: true\n    }\n  },\n  beforeRouteEnter(to, from, next) {\n    if (store.state.userInfo.data.isSupportUser == null || !store.state.userInfo.data.isSupportUser) {\n      next('/estimagemessages')\n    } else {\n      next()\n    }\n  },\n  created() {\n    this.getEntity()\n    if (this.$userInfo.codemirrorTheme) {\n      this.options.theme = this.$userInfo.codemirrorTheme\n    }\n  },\n  mounted() {},\n  methods: {\n    onHeaderButtonClicked(action) {\n      switch (action) {\n        case AppHeaderButtonTypes.AddNew:\n          break\n        case AppHeaderButtonTypes.Print:\n          break\n        case AppHeaderButtonTypes.Delete:\n          break\n        case AppHeaderButtonTypes.Save:\n          this.save()\n          break\n        case AppHeaderButtonTypes.Cancel:\n          this.cancel()\n          break\n      }\n    },\n    async getEntity(reset = false) {\n      try {\n        this.$showSpinner()\n        if (reset) {\n          this.clearSnapshots(this.$route.params.messageId)\n        }\n        if (!this.currentSnapshot) {\n          await this.getStoreItem(this.$route.params.messageId)\n        }\n        this.entity = _cloneDeep(this.currentSnapshot)\n      } catch (e) {\n        this.$notification.openMessageXhrError('', e)\n      }\n      this.$hideSpinner()\n    },\n    async save(isDelete) {\n      const title = 'EstImage Message'\n      this.entity.messageDirection = parseInt(this.estimageDetails.messageDirection)\n      this.entity.messageTypeId = this.estimageDetails.messageTypeEnum\n      this.entity.statusId = this.estimageDetails.messageStatusTypeEnum\n      this.entity.uid = this.estimageDetails.uid\n      this.entity.modifiedBy = this.$userInfo.userId\n      this.entity.createdBy = this.$userInfo.userId\n      this.entity.messageNo = parseInt(this.estimageDetails.messageNo)\n      if (this.entity.messageJson === '' || this.entity.messageNo === undefined || this.entity.uid === undefined) {\n        this.$notification.openNotificationWithType('danger', title, 'Validation errors. Please fix before saving')\n        return false\n      }\n      try {\n        this.$showSpinner('Saving...')\n        let response\n        this.saveSnapshot(_cloneDeep(this.entity))\n        if (this.entity.isNew) {\n          response = await EstimageMessageService.postEntity(this.entity)\n        } else if (this.snapshotDiff) {\n          response = await EstimageMessageService.putEntity(this.entity, this.snapshotDiff)\n        } else {\n          this.$notification.openNotificationWithType('warning', title, 'No changes. Not saved')\n        }\n        this.$hideSpinner()\n        if (this.isSaveContinue) {\n          this.$notification.openNotificationWithType('success', title, isDelete ? 'EstImage Messages deleted' : 'Save successful')\n        } else if (response && response.status === HttpStatus.NO_CONTENT) {\n          await this.getEntity(true)\n          this.$notification.openNotificationWithType('success', title, isDelete ? 'EstImage Messages deleted' : 'Save successful')\n        } else if (response && response.status === HttpStatus.CREATED) {\n          await this.getEntity(true)\n          this.$notification.openNotificationWithType('success', title, 'New EstImage Messages added')\n        }\n        this.$eventHub.$emit(EventHubTypes.EntitySaved)\n        return true\n      } catch (e) {\n        EventBus.$emit('serviceError', e.response.status)\n        this.$hideSpinner()\n        if (e.response.request.status === HttpStatus.CONFLICT) {\n          this.isSaveConflictModalActive = true\n        } else {\n          this.$notification.openMessageXhrError('EstImage Messages', e)\n        }\n        return false\n      }\n    },\n    async saveContinue() {\n      this.isUnsavedModalActive = false\n      this.isSaveContinue = true\n      this.isSaveContinue = await this.save()\n      if (this.isSaveContinue) {\n        this.cancel()\n      }\n    },\n    skipSave() {\n      this.isUnsavedModalActive = false\n      this.isSkipSave = true\n      this.cancel()\n    },\n    closeModal() {\n      this.isUnsavedModalActive = false\n      this.isSaveConflictModalActive = false\n      this.isSaveContinue = false\n    },\n    cancel() {\n      this.saveSnapshot(_cloneDeep(this.entity))\n      if (this.entity.messageJson === '' || this.entity.messageNo === undefined || this.entity.uid === undefined) {\n        this.$router.push({\n          name: EstimageMessageRoutes.EstimageMessageListView.name\n        })\n      } else if (this.snapshotDiff && !this.isSkipSave && !this.isSaveContinue) {\n        this.isUnsavedModalActive = true\n      } else {\n        if (this.toRoute) {\n          this.$router.push(this.toRoute.fullPath)\n        } else {\n          this.$router.push({\n            name: EstimageMessageRoutes.EstimageMessageListView.name\n          })\n        }\n      }\n    }\n  },\n  beforeRouteLeave: async function (to, from, next) {\n    this.clearSnapshots(this.entity.messageId)\n    next()\n  }\n}\n</script>","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!./EstimageMessageNew.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!./EstimageMessageNew.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EstimageMessageNew.vue?vue&type=template&id=0c2aba0b\"\nimport script from \"./EstimageMessageNew.vue?vue&type=script&lang=js\"\nexport * from \"./EstimageMessageNew.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","import { mapGetters, mapActions } from 'vuex'\r\n\r\nconst moduleName = 'estimagemessages'\r\n\r\nexport default {\r\n  computed: {\r\n    ...mapGetters(moduleName, {\r\n      returnRoute: 'returnRoute',\r\n      snapshots: 'snapshots',\r\n      baseSnapshot: 'baseSnapshot',\r\n      currentSnapshot: 'currentSnapshot',\r\n      snapshotDiff: 'snapshotDiff',\r\n      messageSummary: 'messageSummary'\r\n    })\r\n  },\r\n  methods: {\r\n    ...mapActions(moduleName, ['getStoreItem', 'addStoreItem', 'saveSnapshot', 'clearSnapshots', 'setMessageSummary', 'clearMessageSummary'])\r\n  }\r\n}","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EstimageMessageDetail.vue?vue&type=style&index=0&id=638c70f3&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tile is-parent\"},[_c('article',{staticClass:\"tile is-child box detail-page-tile\",attrs:{\"id\":\"container\"}},[_c('div',{staticClass:\"estimage-codemirror\"},[_c('codemirror',{attrs:{\"options\":_vm.options,\"width\":_vm.editorWidth},model:{value:(_vm.code),callback:function ($$v) {_vm.code=$$v},expression:\"code\"}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"tile is-parent\">\n    <article\n      id=\"container\"\n      class=\"tile is-child box detail-page-tile\">\n      <div class=\"estimage-codemirror\">\n        <codemirror\n          v-model=\"code\"\n          :options=\"options\"\n          :width=\"editorWidth\" />\n      </div>\n    </article>\n  </div>\n</template>\n\n<script>\nimport { codemirror } from '@/components/VueCodemirror'\n// language js\nimport 'codemirror/mode/javascript/javascript.js'\n\nexport default {\n  name: 'EstimageMessageDetail',\n  components: {\n    codemirror\n  },\n  props: {\n    value: {\n      type: String,\n      default: ''\n    },\n    options: null\n  },\n  data() {\n    return {\n      code: '',\n      editorWidth: 400\n    }\n  },\n  computed: {},\n  watch: {\n    code: {\n      handler: function (newVal, oldVal) {\n        this.$emit('input', newVal)\n      },\n      deep: true\n    }\n  },\n  created() {},\n  mounted() {\n    this.code = this.value\n    // Auto-format JSON on load\n    this.$nextTick(() => {\n      if (this.code && this.tryParseJSON(this.code)) {\n        this.formatJSON()\n      }\n    })\n  },\n  methods: {\n    onCmReady(cm) {\n      console.log('the editor is readied!', cm)\n    },\n    onCmFocus(cm) {\n      console.log('the editor is focus!', cm)\n    },\n    onCmCodeChange(newCode) {\n      console.log('this is new code', newCode)\n      this.code = newCode\n    },\n    formatJSON() {\n      try {\n        // Parse and re-stringify with formatting\n        const parsed = JSON.parse(this.code)\n        this.code = JSON.stringify(parsed, null, 2)\n      } catch (e) {\n        console.error('Invalid JSON, could not format', e)\n      }\n    },\n    tryParseJSON(jsonString) {\n      try {\n        const o = JSON.parse(jsonString)\n        if (o && typeof o === 'object') {\n          return true\n        }\n      } catch (e) {}\n      return false\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.estimage-codemirror {\n  // Height minus header and menu\n  height: calc(100vh - 170px);\n  width: 100%;\n}\n</style>","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!./EstimageMessageDetail.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!./EstimageMessageDetail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EstimageMessageDetail.vue?vue&type=template&id=638c70f3\"\nimport script from \"./EstimageMessageDetail.vue?vue&type=script&lang=js\"\nexport * from \"./EstimageMessageDetail.vue?vue&type=script&lang=js\"\nimport style0 from \"./EstimageMessageDetail.vue?vue&type=style&index=0&id=638c70f3&prod&lang=scss\"\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":""}