{"version":3,"sources":["webpack:///./src/components/parameters/marine/vesselParam/vesselVoyReview.vue?97c8","webpack:///src/components/parameters/marine/vesselParam/vesselVoyReview.vue","webpack:///./src/components/parameters/marine/vesselParam/vesselVoyReview.vue?9171","webpack:///./src/components/parameters/marine/vesselParam/vesselVoyReview.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","_e","messages","staticClass","_s","labels","paramName","form","directives","name","rawName","value","expression","paramType","errors","collect","model","callback","$$v","$set","paramDesc","estDeptDate","formatDisplayDate","estDeptTime","createdBy","createdDate","newMode","modifiedBy","modifiedDate","submitting","on","$event","preventDefault","doCancel","apply","arguments","queryMode","doSave","staticRenderFns","component"],"mappings":"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EA,cACA,aACA,cACA,aAGA,SACA,qBACA,0BAEA,qBACA,0BAEA,iBACA,4BAEA,oBACA,sBACA,qBACA,2BACA,6EACA,IACA,gBACA,WACA,yBACA,SACA,qBACA,IACA,yCACA,yCACA,yCACA,6CACA,6DACA,yCACA,6CACA,2CACA,kDAGA,UACA,yBACA,IACA,gBACA,0BAKA,WACA,0HAEA,UACA,sBACA,qBACA,uBACA,uBACA,uBACA,yBACA,yBACA,uBACA,yBACA,wBACA,2BAEA,SACA,uCACA,EACA,aACA,gBACA,kBACA,6BACA,+BAEA,iBAIA,2BAIA,iBACA,4BACA,MACA,SACA,mBACA,8BACA,8BACA,8BACA,yEAEA,WACA,UACA,SACA,gBACA,IACA,eACA,eACA,mBAGA,UACA,yBACA,IACA,gBACA,0BAKA,iBACA,4BACA,MACA,SACA,mBACA,8BACA,8BACA,8BACA,yEAEA,WACA,UACA,SACA,gBACA,IACA,eACA,eACA,mBAGA,UACA,yBACA,IACA,gBACA,2BAMA,UACA,OACA,2CAEA,YACA,yCAEA,YACA,qCAEA,YACA,qCAEA,UACA,sCAGA,UACA,2BACA,mCACA,yBACA,yBACA,yBACA,8BACA,2FACA,+BACA,iBACA,0BACA,mBACA,oBAEA,mBACA,qBAGA,gBACA,OACA,8BACA,yDACA,8BAEA,+CChVsY,I,YCOlYC,EAAY,eACd,EACA/C,EACA8C,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d0f03fe.9e82b0d7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('page',[_c('lazy-div',[_c('v-card',[_c('v-toolbar',{attrs:{\"dense\":\"\",\"color\":\"grey lighten-3\",\"flat\":\"\"}},[(_vm.newMode)?_c('v-icon',[_vm._v(\"mdi-plus\")]):_vm._e(),(_vm.reviewMode)?_c('v-icon',[_vm._v(\"mdi-pencil\")]):_vm._e(),(_vm.queryMode)?_c('v-icon',[_vm._v(\"mdi-magnify\")]):_vm._e(),(_vm.newMode)?_c('v-toolbar-title',[_vm._v(\"New Voyage Details\")]):_vm._e(),(_vm.reviewMode)?_c('v-toolbar-title',[_vm._v(\"Edit Voyage Details\")]):_vm._e(),(_vm.queryMode)?_c('v-toolbar-title',[_vm._v(\"Query Voyage Details\")]):_vm._e()],1),_c('v-divider'),_c('v-card-text',[_c('message',{attrs:{\"messages\":_vm.messages}}),_c('form',[_c('v-container',{attrs:{\"fluid\":\"\",\"grid-list-lg\":\"\"}},[_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-subheader',{staticClass:\"queryLabel\"},[_vm._v(_vm._s(_vm.labels.paramName))]),_c('div',{staticClass:\"queryValue\"},[_vm._v(_vm._s(_vm.form.paramName))])],1)],1),_c('v-layout',{attrs:{\"wrap\":\"\"}},[(_vm.newMode)?_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-text-field',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|param|max:6'),expression:\"'required|param|max:6'\"}],attrs:{\"label\":_vm.labels.paramType,\"error-messages\":_vm.errors.collect('paramType'),\"data-vv-name\":\"paramType\",\"data-vv-as\":_vm.labels.paramType},model:{value:(_vm.form.paramType),callback:function ($$v) {_vm.$set(_vm.form, \"paramType\", $$v)},expression:\"form.paramType\"}})],1):_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-subheader',{staticClass:\"queryLabel\"},[_vm._v(_vm._s(_vm.labels.paramType))]),_c('div',{staticClass:\"queryValue\"},[_vm._v(_vm._s(_vm.form.paramType))])],1),(_vm.queryMode)?_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-subheader',{staticClass:\"queryLabel\"},[_vm._v(_vm._s(_vm.labels.paramDesc))]),_c('div',{staticClass:\"queryValue\"},[_vm._v(_vm._s(_vm.form.paramDesc))])],1):_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-text-field',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|max:120'),expression:\"'required|max:120'\"}],attrs:{\"label\":_vm.labels.paramDesc,\"error-messages\":_vm.errors.collect('paramDesc'),\"data-vv-name\":\"paramDesc\",\"data-vv-as\":_vm.labels.paramDesc},model:{value:(_vm.form.paramDesc),callback:function ($$v) {_vm.$set(_vm.form, \"paramDesc\", $$v)},expression:\"form.paramDesc\"}})],1),(_vm.queryMode)?_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-subheader',{staticClass:\"queryLabel\"},[_vm._v(_vm._s(_vm.labels.estDeptDate))]),_c('div',{staticClass:\"queryValue\"},[_vm._v(_vm._s(_vm.formatDisplayDate(_vm.form.estDeptDate)))])],1):_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('cal-picker',{attrs:{\"label\":_vm.labels.estDeptDate,\"error-messages\":_vm.errors.collect('estDeptDate'),\"data-vv-name\":\"estDeptDate\",\"data-vv-as\":_vm.labels.estDeptDate},model:{value:(_vm.form.estDeptDate),callback:function ($$v) {_vm.$set(_vm.form, \"estDeptDate\", $$v)},expression:\"form.estDeptDate\"}})],1),(_vm.queryMode)?_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-subheader',{staticClass:\"queryLabel\"},[_vm._v(_vm._s(_vm.labels.estDeptTime))]),_c('div',{staticClass:\"queryValue\"},[_vm._v(_vm._s(_vm.form.estDeptTime))])],1):_c('v-flex',{attrs:{\"xs5\":\"\"}},[_c('time-picker',{attrs:{\"label\":_vm.labels.estDeptTime,\"error-messages\":_vm.errors.collect('estDeptTime'),\"data-vv-name\":\"estDeptTime\",\"data-vv-as\":_vm.labels.estDeptTime},model:{value:(_vm.form.estDeptTime),callback:function ($$v) {_vm.$set(_vm.form, \"estDeptTime\", $$v)},expression:\"form.estDeptTime\"}})],1)],1),_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-subheader',{staticClass:\"queryLabel\"},[_vm._v(_vm._s(_vm.labels.createdBy))]),_c('div',{staticClass:\"queryValue\"},[_vm._v(_vm._s(_vm.form.createdBy))])],1),_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-subheader',{staticClass:\"queryLabel\"},[_vm._v(_vm._s(_vm.labels.createdDate))]),_c('div',{staticClass:\"queryValue\"},[_vm._v(_vm._s(_vm.formatDisplayDate(_vm.form.createdDate)))])],1)],1),(!_vm.newMode)?_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-subheader',{staticClass:\"queryLabel\"},[_vm._v(_vm._s(_vm.labels.modifiedBy))]),_c('div',{staticClass:\"queryValue\"},[_vm._v(_vm._s(_vm.form.modifiedBy))])],1),_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-subheader',{staticClass:\"queryLabel\"},[_vm._v(_vm._s(_vm.labels.modifiedDate))]),_c('div',{staticClass:\"queryValue\"},[_vm._v(_vm._s(_vm.formatDisplayDate(_vm.form.modifiedDate)))])],1)],1):_vm._e()],1)],1)],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"row\":\"\",\"warp\":\"\"}},[_c('v-btn',{staticClass:\" mr-2\",attrs:{\"color\":\"error\",\"dark\":\"\",\"loading\":_vm.submitting},on:{\"click\":function($event){$event.preventDefault();return _vm.doCancel.apply(null, arguments)}}},[_vm._v(\"Cancel\"),_c('v-icon',{attrs:{\"dark\":\"\",\"right\":\"\"}},[_vm._v(\"mdi-cancel\")])],1),_c('v-btn',{attrs:{\"disabled\":_vm.queryMode,\"color\":\"primary\",\"type\":\"submit\",\"loading\":_vm.submitting},on:{\"click\":function($event){$event.preventDefault();return _vm.doSave.apply(null, arguments)}}},[_vm._v(\" Save \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\"mdi-content-save\")])],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <page>\n    <lazy-div>\n      <v-card>\n        <v-toolbar dense color=\"grey lighten-3\" flat>\n          <v-icon v-if=\"newMode\">mdi-plus</v-icon>\n          <v-icon v-if=\"reviewMode\">mdi-pencil</v-icon>\n          <v-icon v-if=\"queryMode\">mdi-magnify</v-icon>\n          <v-toolbar-title v-if=\"newMode\">New Voyage Details</v-toolbar-title>\n          <v-toolbar-title v-if=\"reviewMode\">Edit Voyage Details</v-toolbar-title>\n          <v-toolbar-title v-if=\"queryMode\">Query Voyage Details</v-toolbar-title>\n        </v-toolbar>\n        <v-divider></v-divider>\n        <v-card-text>\n          <message :messages=\"messages\"></message>\n          <form>\n            <v-container fluid grid-list-lg>\n              <v-layout wrap>\n                <v-flex xs6>\n                  <v-subheader class=\"queryLabel\">{{ labels.paramName }}</v-subheader>\n                  <div class=\"queryValue\">{{ form.paramName }}</div>\n                </v-flex>\n              </v-layout>\n              <v-layout wrap>\n                <v-flex xs6 v-if=\"newMode\">\n                  <v-text-field\n                    :label=\"labels.paramType\"\n                    v-model=\"form.paramType\"\n                    :error-messages=\"errors.collect('paramType')\"\n                    data-vv-name=\"paramType\"\n                    :data-vv-as=\"labels.paramType\"\n                    v-validate=\"'required|param|max:6'\"\n                  ></v-text-field>\n                </v-flex>\n                <v-flex xs6 v-else>\n                  <v-subheader class=\"queryLabel\">{{ labels.paramType }}</v-subheader>\n                  <div class=\"queryValue\">{{ form.paramType }}</div>\n                </v-flex>\n                <v-flex xs6 v-if=\"queryMode\">\n                  <v-subheader class=\"queryLabel\">{{ labels.paramDesc }}</v-subheader>\n                  <div class=\"queryValue\">{{ form.paramDesc }}</div>\n                </v-flex>\n                <v-flex xs6 v-else>\n                  <v-text-field\n                    :label=\"labels.paramDesc\"\n                    v-model=\"form.paramDesc\"\n                    :error-messages=\"errors.collect('paramDesc')\"\n                    data-vv-name=\"paramDesc\"\n                    :data-vv-as=\"labels.paramDesc\"\n                    v-validate=\"'required|max:120'\"\n                  ></v-text-field>\n                </v-flex>\n                <v-flex xs6 v-if=\"queryMode\">\n                  <v-subheader class=\"queryLabel\">{{ labels.estDeptDate }}</v-subheader>\n                  <div class=\"queryValue\">{{ formatDisplayDate(form.estDeptDate) }}</div>\n                </v-flex>\n                <v-flex xs6 v-else>\n                  <cal-picker\n                    :label=\"labels.estDeptDate\"\n                    v-model=\"form.estDeptDate\"\n                    :error-messages=\"errors.collect('estDeptDate')\"\n                    data-vv-name=\"estDeptDate\"\n                    :data-vv-as=\"labels.estDeptDate\"\n                  ></cal-picker>\n                </v-flex>\n                <v-flex xs6 v-if=\"queryMode\">\n                  <v-subheader class=\"queryLabel\">{{ labels.estDeptTime }}</v-subheader>\n                  <div class=\"queryValue\">{{ form.estDeptTime }}</div>\n                </v-flex>\n                <v-flex xs5 v-else>\n                  <time-picker\n                    :label=\"labels.estDeptTime\"\n                    v-model=\"form.estDeptTime\"\n                    :error-messages=\"errors.collect('estDeptTime')\"\n                    data-vv-name=\"estDeptTime\"\n                    :data-vv-as=\"labels.estDeptTime\"\n                  ></time-picker>\n                </v-flex>\n              </v-layout>\n              <v-layout wrap>\n                <v-flex xs6>\n                  <v-subheader class=\"queryLabel\">{{ labels.createdBy }}</v-subheader>\n                  <div class=\"queryValue\">{{ form.createdBy }}</div>\n                </v-flex>\n                <v-flex xs6>\n                  <v-subheader class=\"queryLabel\">{{ labels.createdDate }}</v-subheader>\n                  <div class=\"queryValue\">{{ formatDisplayDate(form.createdDate) }}</div>\n                </v-flex>\n              </v-layout>\n              <v-layout wrap v-if=\"!newMode\">\n                <v-flex xs6>\n                  <v-subheader class=\"queryLabel\">{{ labels.modifiedBy }}</v-subheader>\n                  <div class=\"queryValue\">{{ form.modifiedBy }}</div>\n                </v-flex>\n                <v-flex xs6>\n                  <v-subheader class=\"queryLabel\">{{ labels.modifiedDate }}</v-subheader>\n                  <div class=\"queryValue\">{{ formatDisplayDate(form.modifiedDate) }}</div>\n                </v-flex>\n              </v-layout>\n            </v-container>\n          </form>\n        </v-card-text>\n        <v-flex xs12 row warp>\n          <v-btn color=\"error\" dark class=\" mr-2\" @click.prevent=\"doCancel\" :loading=\"submitting\"\n            >Cancel<v-icon dark right>mdi-cancel</v-icon></v-btn\n          >\n          <v-btn :disabled=\"queryMode\" color=\"primary\" type=\"submit\" @click.prevent=\"doSave\" :loading=\"submitting\">\n            Save\n            <v-icon right>mdi-content-save</v-icon>\n          </v-btn>\n        </v-flex>\n      </v-card>\n    </lazy-div>\n  </page>\n</template>\n\n<script>\nimport * as TableConst from '@/mixins/table'\nimport MessageMixin from '@/mixins/message'\nimport { formatDisplayDate, formatDisplayTime, setDateTime } from '@/utils/date'\nimport { expandURI } from '@/utils/ajax'\nexport default {\n  data() {\n    return {\n      marineParam: 'vslVoy',\n      headers: [\n        { text: 'Vessel No.', value: 'paramName' },\n        { text: 'Voyage No.', value: 'paramType' },\n        { text: 'Description', value: 'paramDesc' },\n        { text: 'Estimated Departure Date', value: 'estDeptDate' },\n        { Text: 'Estimated Departure Time', value: 'estDeptTime' },\n        TableConst.tableActionHeader\n      ],\n      labels: {\n        paramName: 'Vessel No.',\n        paramType: 'Voyage No.',\n        paramDesc: 'Voyage Details',\n        estDeptDate: 'Estimated Departure Date',\n        estDeptTime: 'Estimated Departure Time',\n        createdBy: 'Created By',\n        createdDate: 'Created Date',\n        modifiedBy: 'Modified By',\n        modifiedDate: 'Modified Date'\n      },\n      form: {\n        paramName: '',\n        paramDesc: '',\n        paramType: '',\n        estDeptDate: '',\n        estDeptTime: '',\n        createdBy: '',\n        createdDate: '',\n        modifiedBy: '',\n        modifiedDate: ''\n      },\n      submitting: false,\n      queryMode: false,\n      reviewMode: false,\n      newMode: false\n    }\n  },\n  methods: {\n    formatDisplayDate(xDate) {\n      return formatDisplayDate(xDate)\n    },\n    formatDisplayTime(xTime) {\n      return formatDisplayTime(xTime)\n    },\n    setDateTime(xdate, ytime) {\n      return setDateTime(xdate, ytime)\n    },\n    async doFetchData() {\n      this.resetValidator()\n      this.resetMessages()\n      const apiURI = this.menu.vslParam\n      const expand = { paramKey: 'vslVoy', paramString: this.paramName, paramString2: this.paramType }\n      if (apiURI) {\n        this.loading = true\n        this.$http\n          .get(expandURI(apiURI, expand))\n          .then((result) => {\n            const { data } = result.data\n            if (data) {\n              this.form.paramName = data.vslParam.paramName\n              this.form.paramType = data.vslParam.paramType\n              this.form.paramDesc = data.vslParam.paramDesc\n              this.form.estDeptDate = data.vslParam.estDeptDate\n              this.form.estDeptTime = formatDisplayTime(data.vslParam.estDeptDate)\n              this.form.createdBy = data.vslParam.createdBy\n              this.form.createdDate = data.vslParam.createdDate\n              this.form.modifiedBy = data.vslParam.modifiedBy\n              this.form.modifiedDate = data.vslParam.modifiedDate\n            }\n          })\n          .catch((err) => {\n            const { data } = err.response\n            if (data) {\n              this.message(data)\n              this.fieldMessage(data)\n            }\n          })\n      }\n    },\n    doCancel() {\n      this.$router.push({ name: 'vslDetReview', params: { paramName: this.paramName, vsl: this.paramName, vesselDetMode: this.detMode } })\n    },\n    doClose() {\n      this.resetValidator()\n      this.resetMessages()\n      this.form.paramName = ''\n      this.form.paramDesc = ''\n      this.form.paramType = ''\n      this.form.estDeptDate = ''\n      this.form.estDeptTime = ''\n      this.form.createdBy = ''\n      this.form.createdDate = ''\n      this.form.modifiedBy = ''\n      this.form.modifiedDate = ''\n    },\n    doSave() {\n      this.$validator.validateAll().then((result) => {\n        if (result) {\n          if (this.newMode) {\n            this.doCreate()\n          } else if (this.reviewMode) {\n            if (this.form.estDeptTime === '') {\n              this.form.estDeptTime = '00:00'\n            }\n            this.doUpdate()\n            // } else {\n          }\n        } else {\n          this.promptFieldCheck()\n        }\n      })\n    },\n    async doCreate() {\n      const apiURI = this.menu.createVsl\n      if (apiURI) {\n        const returnForm = {\n          actionKey: 'vslVoy',\n          paramName: this.form.paramName,\n          paramType: this.form.paramType,\n          paramDesc: this.form.paramDesc,\n          estDeptDate: setDateTime(this.form.estDeptDate, this.form.estDeptTime)\n        }\n        this.$http\n          .post(apiURI, returnForm)\n          .then((result) => {\n            const { data } = result\n            if (data) {\n              this.notify(data)\n              this.doClose()\n              this.doCancel()\n            }\n          })\n          .catch((err) => {\n            const { data } = err.response\n            if (data) {\n              this.message(data)\n              this.fieldMessage(data)\n            }\n          })\n      }\n    },\n    async doUpdate() {\n      const apiURI = this.menu.updateVsl\n      if (apiURI) {\n        const returnForm = {\n          actionKey: 'vslVoy',\n          paramName: this.form.paramName,\n          paramType: this.form.paramType,\n          paramDesc: this.form.paramDesc,\n          estDeptDate: setDateTime(this.form.estDeptDate, this.form.estDeptTime)\n        }\n        this.$http\n          .post(apiURI, returnForm)\n          .then((result) => {\n            const { data } = result\n            if (data) {\n              this.notify(data)\n              this.doClose()\n              this.doCancel()\n            }\n          })\n          .catch((err) => {\n            const { data } = err.response\n            if (data) {\n              this.message(data)\n              this.fieldMessage(data)\n            }\n          })\n      }\n    }\n  },\n  computed: {\n    menu() {\n      return this.$store.state.marineParam.menu\n    },\n    modeParam() {\n      return this.$route.params.vesselVoyMode\n    },\n    paramName() {\n      return this.$route.params.paramName\n    },\n    paramType() {\n      return this.$route.params.paramType\n    },\n    detMode() {\n      return this.$route.params.detReview\n    }\n  },\n  created() {\n    if (this.modeParam === 'create') {\n      this.form.paramName = this.paramName\n      this.form.paramType = null\n      this.form.paramDesc = null\n      this.form.estDeptDate = ''\n      this.form.estDeptTime = '00:00'\n      this.form.createdBy = this.$store.state.token.firstName + ' ' + this.$store.state.token.lastName\n      this.form.createdDate = new Date()\n      this.newMode = true\n    } else if (this.modeParam === 'query') {\n      this.doFetchData()\n      this.queryMode = true\n    } else {\n      this.doFetchData()\n      this.reviewMode = true\n    }\n  },\n  mixins: [MessageMixin],\n  watch: {\n    'form.estDeptTime': function () {\n      if (this.form.estDeptTime === null || this.form.estDeptTime === '') {\n        this.form.estDeptTime = '00:00'\n      } else {\n        this.form.estDeptTime = this.form.estDeptTime\n      }\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!./vesselVoyReview.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!./vesselVoyReview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vesselVoyReview.vue?vue&type=template&id=07937884&\"\nimport script from \"./vesselVoyReview.vue?vue&type=script&lang=js&\"\nexport * from \"./vesselVoyReview.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"],"sourceRoot":""}