{"version":3,"sources":["webpack:///./src/views/estimagemessage/storeMixin.js","webpack:///./src/views/estimagemessage/EstimageMessageDetail.vue?268e","webpack:///./src/views/estimagemessage/EstimageMessageView.vue","webpack:///./src/views/estimagemessage/EstimageMessageViewSideMenu.vue","webpack:///src/views/estimagemessage/EstimageMessageViewSideMenu.vue","webpack:///./src/views/estimagemessage/EstimageMessageViewSideMenu.vue?417e","webpack:///./src/views/estimagemessage/EstimageMessageViewSideMenu.vue?bf3c","webpack:///src/views/estimagemessage/EstimageMessageView.vue","webpack:///./src/views/estimagemessage/EstimageMessageView.vue?952b","webpack:///./src/views/estimagemessage/EstimageMessageView.vue?94dd","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":["moduleName","computed","mapGetters","returnRoute","snapshots","baseSnapshot","currentSnapshot","snapshotDiff","messageSummary","methods","mapActions","render","_vm","this","_c","_self","attrs","entity","on","onHeaderButtonClicked","staticClass","options","regoNo","model","value","callback","$$v","expression","_e","showEditor","messageJson","$set","isUnsavedModalActive","$event","closeModal","skipSave","saveContinue","slot","_v","isSaveConflictModalActive","reloadData","staticRenderFns","_s","entityName","innerValue","directives","name","rawName","theme","$$selectedVal","Array","prototype","filter","call","target","o","selected","map","val","_value","multiple","_l","themes","index","key","domProps","class","lineWrapping","toggleLineWrapping","components","AppSideMenu","props","type","default","data","watch","handler","deep","created","mounted","component","AppDetailHeader","EstimageMessageViewSideMenu","EstimageMessageDetail","UnsavedModal","SaveConflictModal","mixins","tabSize","styleActiveLine","lineNumbers","autoCloseTags","foldGutter","gutters","highlightSelectionMatches","showToken","annotateScrollbar","line","matchBrackets","showCursorWhenSelecting","lineSeparator","mode","isConfirmModalActive","isSkipSave","isSaveContinue","toRoute","action","getEntity","reset","id","cancel","save","title","EstimageMessageService","response","responseStatus","beforeRouteLeave","next","editorWidth","code","codemirror","onCmReady","cm","console","onCmFocus","onCmCodeChange","newCode","formatJSON","tryParseJSON","jsonString"],"mappings":"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","file":"static/js/estimagemessageview-chunk.cb3677f3.js","sourcesContent":["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',[_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.options)?_c('estimage-message-view-side-menu',{attrs:{\"entity-name\":_vm.messageSummary.regoNo},model:{value:(_vm.options),callback:function ($$v) {_vm.options=$$v},expression:\"options\"}}):_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)\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(\" Rego: \"+_vm._s(_vm.entityName)+\" \")])]),(_vm.innerValue)?_c('ul',{staticClass:\"menu-list\"},[_c('li',[_c('div',{staticClass:\"field\"},[_c('label',{staticClass:\"label\"},[_vm._v(\"Theme\")]),_c('div',{staticClass:\"control\"},[_c('div',{staticClass:\"select is-fullwidth\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.innerValue.theme),expression:\"innerValue.theme\"}],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.innerValue, \"theme\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},_vm._l((_vm.themes),function(theme,index){return _c('option',{key:index,domProps:{\"value\":theme}},[_vm._v(_vm._s(theme))])}),0)])])]),_c('span',{staticClass:\"buttons has-addons\"},[_c('span',{staticClass:\"button\",class:{ 'is-success' : _vm.innerValue.lineWrapping },on:{\"click\":_vm.toggleLineWrapping}},[_c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-wrap\"})]),_c('span',[_vm._v(\"Wrap\")])])])])]):_vm._e()])])\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          Rego: {{ entityName }}\n        </span>\n      </p>\n      <ul\n        v-if=\"innerValue\"\n        class=\"menu-list\">\n        <li>\n          <div class=\"field\">\n            <label class=\"label\">Theme</label>\n            <div class=\"control\">\n              <div class=\"select is-fullwidth\">\n                <select v-model=\"innerValue.theme\">\n                  <option\n                    v-for=\"(theme , index) in themes\"\n                    :value=\"theme\"\n                    :key=\"index\">{{ theme }}</option>\n                </select>\n              </div>\n            </div>\n          </div>\n          <span class=\"buttons has-addons\">\n            <span\n              class=\"button\"\n              :class=\"{ 'is-success' : innerValue.lineWrapping }\"\n              @click=\"toggleLineWrapping\">\n              <span class=\"icon\">\n                <i class=\"mdi mdi-wrap\" />\n              </span>\n              <span>Wrap</span>\n            </span>\n          </span>\n        </li>\n      </ul>\n    </aside>\n  </app-side-menu>\n</template>\n\n<script>\nimport AppSideMenu from '@/components/AppSideMenu'\nimport { CodemirrorThemes } from '@/components/VueCodemirror'\n\nexport default {\n  name: 'EstimageMessageViewSideMenu',\n  components: {\n    AppSideMenu\n  },\n  props: {\n    value: null,\n    entityName: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    return {\n      themes: null,\n      innerValue: null\n    }\n  },\n  computed: {},\n  watch: {\n    innerValue: {\n      handler: function(newVal, oldVal) {\n        this.$emit('input', newVal)\n      },\n      deep: true\n    },\n    'innerValue.theme': function(newVal, oldVal) {\n      this.$setCodemirrorTheme(newVal)\n    }\n  },\n  created() {\n    this.themes = CodemirrorThemes\n    this.innerValue = this.value\n  },\n  mounted() {},\n  methods: {\n    toggleLineWrapping() {\n      this.innerValue.lineWrapping = !this.innerValue.lineWrapping\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!./EstimageMessageViewSideMenu.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!./EstimageMessageViewSideMenu.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EstimageMessageViewSideMenu.vue?vue&type=template&id=1d3b54c4\"\nimport script from \"./EstimageMessageViewSideMenu.vue?vue&type=script&lang=js\"\nexport * from \"./EstimageMessageViewSideMenu.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>\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-view-side-menu v-if=\"options\"\n          v-model=\"options\"\n          :entity-name=\"messageSummary.regoNo\" />\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 AppDetailHeader from '@/components/AppDetailHeader'\nimport EstimageMessageViewSideMenu from './EstimageMessageViewSideMenu'\nimport EstimageMessageService from './EstimageMessageService'\nimport EstimageMessageDetail from './EstimageMessageDetail'\nimport { UnsavedModal, SaveConflictModal } from '@/components/BulmaModal'\nimport StoreMixin from './storeMixin'\nimport _cloneDeep from 'lodash/cloneDeep'\nimport { AppHeaderButtonTypes } from '@/enums'\nimport EstimageMessageRoutes from './route-types'\nimport HttpStatus from '@/components/http-status'\n\nexport default {\n  name: 'EstimageMessageView',\n  components: {\n    AppDetailHeader,\n    EstimageMessageViewSideMenu,\n    EstimageMessageDetail,\n    UnsavedModal,\n    SaveConflictModal\n  },\n  mixins: [StoreMixin],\n  props: {},\n  data() {\n    return {\n      entity: null,\n      showEditor: true,\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/json',\n        theme: 'default'\n      },\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  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          this.isConfirmModalActive = true\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      this.$showSpinner()\n      const id = this.$route.params.messageId\n      if (reset) {\n        this.clearSnapshots(id)\n      }\n      if (!this.currentSnapshot) {\n        await this.getStoreItem(id)\n      }\n      this.entity = _cloneDeep(this.currentSnapshot)\n      if (!this.entity.messageJson) {\n        this.entity.messageJson = ''\n      }\n      this.$hideSpinner()\n    },\n    cancel() {\n      this.saveSnapshot(_cloneDeep(this.entity))\n      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    //Save message\n    async save() {\n      let responseStatus\n      const title = 'EstImage Message'\n      try {\n        this.$showSpinner('Saving...')\n        let response\n        this.saveSnapshot(_cloneDeep(this.entity))\n        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\n        if (response && response.status === HttpStatus.NO_CONTENT) {\n          await this.getEntity(true)\n          this.$notification.openNotificationWithType('success', title, 'Save successful')\n        }\n        responseStatus = true\n      } catch (e) {\n        this.$notification.openMessageXhrError('EstImage Message', e)\n        responseStatus = false\n      } finally {\n        this.$hideSpinner()\n      }\n      return responseStatus\n    },\n    skipSave() {\n      this.isUnsavedModalActive = false\n      this.isSkipSave = true\n      this.cancel()\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    closeModal() {\n      this.isUnsavedModalActive = false\n      this.isSaveConflictModalActive = false\n      this.isSaveContinue = false\n    }\n  },\n  beforeRouteLeave: async function (to, from, next) {\n    if (this.entity) {\n      this.clearSnapshots(this.entity.messageId)\n    }\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!./EstimageMessageView.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!./EstimageMessageView.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EstimageMessageView.vue?vue&type=template&id=6af47127\"\nimport script from \"./EstimageMessageView.vue?vue&type=script&lang=js\"\nexport * from \"./EstimageMessageView.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","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":""}