{"version":3,"sources":["webpack:///./src/views/dashboards/main-dashboard/actions/tickets/TicketDetail.vue?c54b","webpack:///./src/views/dashboards/main-dashboard/actions/tickets/TicketDetail.vue?3663","webpack:///src/views/dashboards/main-dashboard/actions/tickets/TicketDetail.vue","webpack:///./src/views/dashboards/main-dashboard/actions/tickets/TicketDetail.vue?2882","webpack:///./src/views/dashboards/main-dashboard/actions/tickets/TicketDetail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","ticket","ticketNo","createdDateLabel","directives","name","rawName","value","orderStatus","expression","ticketStatus","isRead","ticketType","_m","_l","item","index","key","id","class","customerName","userName","domProps","message","fileName","_e","ticketDetails","length","snowOption","model","messageData","callback","$$v","$set","file","on","$event","openUpload","removeUploadFile","createMessage","$store","getters","staticRenderFns","components","quillEditor","Ripple","data","theme","modules","toolbar","ticketId","methods","fetchTicketDetails","dispatch","formData","set","fileInput","type","addEventListener","fileTypes","indexOf","click","computed","customerTicket","customerTicketDetails","forEach","replace","mounted","component"],"mappings":"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","file":"js/chunk-661328f6.dfb7be09.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TicketDetail.vue?vue&type=style&index=0&id=ea3a99a0&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main dashboard-pages\"},[_c('div',{staticClass:\"dashboard-card ticket-detail-card\"},[_c('div',{staticClass:\"ticket-detail-header row\"},[_c('div',{staticClass:\"info-container col-lg-9 col-sm-12\"},[_c('b-row',{staticClass:\"ticket-header-row\"},[_c('b-col',{staticClass:\"info mb-2\",attrs:{\"cols\":\"6\",\"xl\":\"3\"}},[_c('h4',[_vm._v(\"Ticket ID\")]),_c('span',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.ticket.ticketNo))])]),_c('b-col',{staticClass:\"info mb-2\",attrs:{\"cols\":\"6\",\"xl\":\"3\"}},[_c('h4',[_vm._v(\"Date\")]),_c('span',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.ticket.createdDateLabel))])]),_c('b-col',{staticClass:\"info mb-2\",attrs:{\"cols\":\"6\",\"xl\":\"3\"}},[_c('h4',[_vm._v(\"Status\")]),_c('div',[(_vm.ticket.isClosed)?_c('span',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.ticket.orderStatus === 4),expression:\"ticket.orderStatus === 4\"}],staticClass:\"lab-badge lab-badge-lago-blue\"},[_vm._v(\"Closed\")])]):_c('span',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.ticket.ticketStatus === 0 && _vm.ticket.isRead === false),expression:\"ticket.ticketStatus === 0 && ticket.isRead === false\"}],staticClass:\"lab-badge lab-pale-marigold\"},[_vm._v(\"Pending\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.ticket.ticketStatus === 1),expression:\"ticket.ticketStatus === 1\"}],staticClass:\"lab-badge lab-badge-mellow-melon\"},[_vm._v(\"New Message\")])])])]),_c('b-col',{staticClass:\"info mb-2\",attrs:{\"cols\":\"6\",\"xl\":\"3\"}},[_c('h4',[_vm._v(\"Service\")]),_c('div',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.ticket.ticketType === 0),expression:\"ticket.ticketType === 0\"}],staticClass:\"lab-badge lab-badge-lago-blue\"},[_vm._v(\"Deep Ancestry\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.ticket.ticketType === 1),expression:\"ticket.ticketType === 1\"}],staticClass:\"lab-badge lab-badge-lago-blue\"},[_vm._v(\"Trait And Health\")])])])],1)],1),_vm._m(0)]),_c('hr',{staticClass:\"header-hr\"}),(_vm.ticket)?_c('div',{staticClass:\"ticket-detail-message cs-scroll-style\"},_vm._l((_vm.ticketDetails),function(item,index){return _c('div',{key:item.id},[_c('div',{staticClass:\"message-content\"},[_c('h5',{staticClass:\"mb-0 user\",class:{ 'lab-text-success': item.customerName === null }},[_vm._v(\" \"+_vm._s(item.customerName === null ? item.userName : item.customerName)+\" \")]),_c('div',{staticClass:\"message\",domProps:{\"innerHTML\":_vm._s(item.message)}}),(item.fileName)?_c('a',{staticClass:\"p-1\",attrs:{\"href\":item.fileName,\"target\":\"_blank\"}},[_vm._v(\"Open Uploaded File\")]):_vm._e()]),_c('hr',{directives:[{name:\"show\",rawName:\"v-show\",value:(index !== _vm.ticketDetails.length - 1),expression:\"index !== ticketDetails.length - 1\"}]})])}),0):_vm._e(),_c('div',{staticClass:\"send-message-container\"},[_c('div',[_c('quill-editor',{attrs:{\"options\":_vm.snowOption},model:{value:(_vm.messageData.message),callback:function ($$v) {_vm.$set(_vm.messageData, \"message\", $$v)},expression:\"messageData.message\"}})],1),_c('div',[_c('div',{staticClass:\"mt-2\"},[(_vm.messageData.file === null)?_c('div',{staticClass:\"file-upload btn-file-upload\",on:{\"click\":function($event){return _vm.openUpload()}}},[_c('feather-icon',{staticClass:\"text-primary\",attrs:{\"icon\":\"UploadIcon\",\"size\":\"20\"}}),_vm._v(\" Upload File \")],1):_c('div',{staticClass:\"file-upload\"},[_c('feather-icon',{staticClass:\"text-danger btn-file-change-delete\",attrs:{\"icon\":\"Trash2Icon\",\"size\":\"18\"},on:{\"click\":function($event){return _vm.removeUploadFile()}}}),_vm._v(\" \"+_vm._s(this.messageData.file.name)+\" \"),_c('feather-icon',{staticClass:\"lab-text-success\",attrs:{\"icon\":\"CheckIcon\",\"size\":\"20\"}})],1)])]),_c('div',{staticClass:\"d-flex align-items-center justify-content-end mt-2\"},[_c('button',{staticClass:\"lab-btn lab-btn-info btn-save\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.createMessage}},[(_vm.$store.getters.getLoader)?_c('b-spinner',{staticClass:\"mr-1\",attrs:{\"small\":\"\",\"variant\":\"light\"}}):_vm._e(),_vm._v(\" Send \")],1)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"close-container col-lg-3 col-sm-12\"},[_c('button',{staticClass:\"lab-btn lab-btn-outline-mellow\"},[_vm._v(\"Close Ticket\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"main dashboard-pages\">\r\n    <div class=\"dashboard-card ticket-detail-card\">\r\n      <div class=\"ticket-detail-header row\">\r\n        <div class=\"info-container col-lg-9 col-sm-12\">\r\n          <b-row class=\"ticket-header-row\">\r\n            <b-col cols=\"6\" xl=\"3\" class=\"info mb-2\">\r\n              <h4>Ticket ID</h4>\r\n              <span class=\"text\">{{ticket.ticketNo}}</span>\r\n            </b-col>\r\n            <b-col cols=\"6\" xl=\"3\" class=\"info mb-2\">\r\n              <h4>Date</h4>\r\n              <span class=\"text\">{{ticket.createdDateLabel}}</span>\r\n            </b-col>\r\n            <b-col cols=\"6\" xl=\"3\" class=\"info mb-2\">\r\n              <h4>Status</h4>\r\n              <div>\r\n                <span v-if=\"ticket.isClosed\">\r\n                  <span v-show=\"ticket.orderStatus === 4\" class=\"lab-badge lab-badge-lago-blue\">Closed</span>\r\n                </span>\r\n                <span v-else>\r\n                  <span v-show=\"ticket.ticketStatus === 0 && ticket.isRead === false\" class=\"lab-badge lab-pale-marigold\">Pending</span>\r\n                  <span v-show=\"ticket.ticketStatus === 1\" class=\"lab-badge lab-badge-mellow-melon\">New Message</span>\r\n                </span>\r\n              </div>\r\n            </b-col>\r\n            <b-col cols=\"6\" xl=\"3\" class=\"info mb-2\">\r\n              <h4>Service</h4>\r\n              <div>\r\n                <span v-show=\"ticket.ticketType === 0\" class=\"lab-badge lab-badge-lago-blue\">Deep Ancestry</span>\r\n                <span v-show=\"ticket.ticketType === 1\" class=\"lab-badge lab-badge-lago-blue\">Trait And Health</span>\r\n              </div>\r\n            </b-col>\r\n          </b-row>\r\n        </div>\r\n        <div class=\"close-container col-lg-3 col-sm-12\">\r\n          <button class=\"lab-btn lab-btn-outline-mellow\">Close Ticket</button>\r\n        </div>\r\n      </div>\r\n\r\n      <hr class=\"header-hr\"/>\r\n      <div class=\"ticket-detail-message cs-scroll-style\" v-if=\"ticket\">\r\n        <div v-for=\"(item, index) in ticketDetails\" :key=\"item.id\">\r\n          <div class=\"message-content\">\r\n            <h5 class=\"mb-0 user\" :class=\"{ 'lab-text-success': item.customerName === null }\">\r\n              {{ item.customerName === null ? item.userName : item.customerName}}\r\n            </h5>\r\n            <div class=\"message\" v-html=\"item.message\">\r\n            </div>\r\n            <a v-if=\"item.fileName\" class=\"p-1\" :href=\"item.fileName\" target=\"_blank\">Open Uploaded File</a>\r\n          </div>\r\n\r\n          <hr v-show=\"index !== ticketDetails.length - 1\" />\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"send-message-container\">\r\n        <div>\r\n          <quill-editor\r\n            v-model=\"messageData.message\"\r\n            :options=\"snowOption\"\r\n          />\r\n        </div>\r\n        <div>\r\n          <div class=\"mt-2\">\r\n            <div class=\"file-upload btn-file-upload\" v-if=\"messageData.file === null\"\r\n                @click=\"openUpload()\">\r\n              <feather-icon\r\n                icon=\"UploadIcon\"\r\n                size=\"20\"\r\n                class=\"text-primary\"\r\n              />\r\n              Upload File\r\n            </div>\r\n            <div class=\"file-upload\" v-else>\r\n              <feather-icon \r\n                icon=\"Trash2Icon\" size=\"18\"\r\n                @click=\"removeUploadFile()\"\r\n                class=\"text-danger btn-file-change-delete\"/>\r\n              {{ this.messageData.file.name }}\r\n              <feather-icon\r\n                icon=\"CheckIcon\"\r\n                size=\"20\"\r\n                class=\"lab-text-success\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"d-flex align-items-center justify-content-end mt-2\">\r\n          <button class=\"lab-btn lab-btn-info btn-save\" \r\n            type=\"button\" @click=\"createMessage\">\r\n              <b-spinner\r\n              v-if=\"$store.getters.getLoader\"\r\n              class=\"mr-1\"\r\n              small\r\n              variant=\"light\"\r\n            />\r\n            Send\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// eslint-disable-next-line\r\nimport 'quill/dist/quill.snow.css'\r\n\r\nimport { quillEditor } from 'vue-quill-editor'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\n// Alert\r\nimport AlertService from '@/common/alert.service'\r\nimport StaticOptions from '@/common/options/StaticOptions';\r\n\r\n// Toast\r\nimport ToastificationSuccess from '@core/components/toastification/ToastificationSuccess.vue'\r\n\r\nexport default {\r\n  components: {\r\n    quillEditor,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      snowOption: {\r\n        theme: 'snow',\r\n        modules: {\r\n          toolbar: [['bold', 'italic', 'underline', 'strike'], ['link']],\r\n        },\r\n      },\r\n      messageData: {\r\n        message: null,\r\n        file: null,\r\n        ticketId: null,\r\n      },\r\n    }\r\n  },\r\n  methods: {\r\n    fetchTicketDetails() {\r\n      const paramId = this.$router.currentRoute.params.id;\r\n      this.$store.dispatch('ticket/fetchTicket', { ticketNo: paramId });\r\n    },\r\n\r\n    createMessage() {\r\n      if (this.messageData.message === null) {\r\n        AlertService.warning('Write a message');\r\n        return;\r\n      }\r\n\r\n      const formData = new FormData();\r\n      formData.set('ticketId', this.ticket.id);\r\n      formData.set('message', this.messageData.message);\r\n      formData.set('file', this.messageData.file);\r\n\r\n      this.$store.dispatch('ticket/createTicketDetail', formData)\r\n        .then(response => {\r\n          if (response.statusCode === 200) {\r\n            this.messageData.message = null;\r\n            this.messageData.file = null;\r\n\r\n            this.$toast({\r\n              component: ToastificationSuccess,\r\n              position: 'top-right',\r\n              props: { text: response.message },\r\n            });\r\n            this.fetchTicketDetails();\r\n          } else {\r\n            AlertService.error(response.message)\r\n          }\r\n        });\r\n    },\r\n    openUpload() {\r\n      const fileInput = document.createElement('input');\r\n      fileInput.type = 'file';\r\n\r\n      fileInput.addEventListener('change', event => {\r\n        /* eslint-disable*/\r\n        const file = event.target.files[0];\r\n        const fileTypes = StaticOptions.ticketFileTypeOptions;\r\n        if (fileTypes.indexOf(file.type) > -1) {\r\n          this.messageData.file = file;\r\n        } else {\r\n          AlertService.warning('Invalid file...! Accepted File Formats:(.jpg,.jpeg,.png)');\r\n        }\r\n      })\r\n      fileInput.click();\r\n    },\r\n    removeUploadFile() {\r\n      this.messageData.file = null;\r\n    },\r\n  },\r\n  computed: {\r\n    ticket() {\r\n      const ticket = this.$store.getters['ticket/getTicketData'];\r\n      if (ticket === null) {\r\n        return null;\r\n      }\r\n\r\n      return ticket.customerTicket;\r\n    },\r\n\r\n    ticketDetails() {\r\n      const ticket = this.$store.getters['ticket/getTicketData'];\r\n      if (ticket === null) {\r\n        return null;\r\n      }\r\n      \r\n      ticket.customerTicketDetails.forEach(item => {\r\n        item.message = item.message ? item.message.replace('\\n', '<br>') : '';\r\n      });\r\n\r\n      return ticket.customerTicketDetails;\r\n    },\r\n  },\r\n  mounted() {\r\n    this.fetchTicketDetails();\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.file-upload {\r\n  font-size: 15px;\r\n  padding: 0.5rem;\r\n}\r\n.btn-file-upload {\r\n  width: 130px;\r\n  cursor: pointer;\r\n  border-radius: 5px;\r\n  background-color: #00adb53b;\r\n  transition: all 0.05s linear;\r\n}\r\n\r\n.btn-file-upload:hover {\r\n  transform: rotate(0deg) scale(1.03, 1.03);\r\n}\r\n\r\n.btn-file-change-delete {\r\n  cursor: pointer;\r\n  border-radius: 5px;\r\n}\r\n\r\n.btn-file-change-delete:hover {\r\n  background-color: #ea54554f !important;\r\n}\r\n\r\n.main {\r\n  margin: 0 auto;\r\n  max-width: 1000px !important;\r\n}\r\n\r\n.ticket-detail-header {\r\n  margin-right: 0 !important;\r\n  margin-left: 0 !important;\r\n  padding: 1.5rem 1.5rem 0.4rem 1.5rem;\r\n  .info-container {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    .info {\r\n      h4 {\r\n        font-weight: bold;\r\n        font-size: 1rem;\r\n        color: var(--lab-black-65);\r\n      }\r\n      text {\r\n        font-weight: 500;\r\n        font-size: 0.9rem;\r\n        color: var(--lab-stieglitz-silver);\r\n      }\r\n      span {\r\n        font-size: 0.8rem;\r\n      }\r\n    }\r\n  }\r\n  .close-container {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: end;\r\n  }\r\n  .ticket-header-row {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n.header-hr {\r\n  border: 1px dashed;\r\n}\r\n\r\n.ticket-detail-message {\r\n  // max-height: 200px;\r\n  // overflow: auto!important;\r\n  // overflow-x: hidden!important;\r\n  padding: 1.5rem 2rem;\r\n\r\n  .message-content {\r\n    h5 {\r\n      color: var(--lab-black-65);\r\n      font-size: 1rem;\r\n    }\r\n    .message {\r\n      padding: 1rem;\r\n      color: var(--lab-black-65);\r\n    }\r\n  }\r\n}\r\n\r\n.send-message-container {\r\n  padding: 1.5rem;\r\n  \r\n  .btn-save {\r\n    padding: 0.5rem 1.2rem !important;\r\n    font-size: 1rem;\r\n  }\r\n}\r\n\r\n.dark-layout .ticket-detail-header .info-container .info h4 {\r\n  color: var(--lab-main-color);\r\n}\r\n.dark-layout .ticket-detail-header .info-container .info span {\r\n  color: var(--lab-doctor);\r\n}\r\n.dark-layout .ticket-detail-message .message-content h5 {\r\n  color: var(--lab-main-color);\r\n}\r\n.dark-layout .ticket-detail-message .message-content .message {\r\n  color: var(--lab-doctor);\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TicketDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TicketDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TicketDetail.vue?vue&type=template&id=ea3a99a0&scoped=true&\"\nimport script from \"./TicketDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./TicketDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TicketDetail.vue?vue&type=style&index=0&id=ea3a99a0&lang=scss&scoped=true&\"\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  \"ea3a99a0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}