{"version":3,"sources":["webpack:///./src/views/dashboards/main-dashboard/actions/tickets/NewTicket.vue?6995","webpack:///./src/@core/directives/animations.js","webpack:///src/views/dashboards/main-dashboard/actions/tickets/NewTicket.vue","webpack:///./src/views/dashboards/main-dashboard/actions/tickets/NewTicket.vue?c993","webpack:///./src/views/dashboards/main-dashboard/actions/tickets/NewTicket.vue","webpack:///./src/views/dashboards/main-dashboard/actions/tickets/NewTicket.vue?130d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","ref","attrs","scopedSlots","_u","key","fn","errors","length","model","value","ticketData","callback","$$v","$set","expression","on","$event","isShowDropdown","ticketTypeLabel","$store","state","appConfig","layout","skin","class","_l","ticketType","label","snowOption","file","openUpload","removeUploadFile","name","preventDefault","createTicket","getters","_e","staticRenderFns","heightFade","inserted","el","binding","height","offsetHeight","modifiers","appear","style","overflow","maxHeight","opacity","setTimeout","unbind","undefined","components","quillEditor","ValidationProvider","ValidationObserver","directives","data","theme","modules","toolbar","required","min","max","email","isPresent","options","phone","blocks","delimiter","delimiters","numericOnly","uppercase","lowercase","ticketTypeOptions","StaticOptions","title","message","nameSureName","methods","fetchUserInfo","dispatch","$refs","ticketRules","validate","then","success","formData","set","fileInput","type","addEventListener","fileTypes","indexOf","click","documentClick","target","contains","computed","findType","beforeMount","document","beforeDestroy","removeEventListener","created","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,GAAG,qBAAqBL,EAAG,sBAAsB,CAACM,IAAI,eAAe,CAACN,EAAG,SAAS,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACO,MAAM,CAAC,KAAO,KAAK,GAAK,KAAK,GAAK,OAAO,CAACP,EAAG,eAAe,CAACO,MAAM,CAAC,MAAQX,EAAIS,GAAG,SAAS,YAAY,UAAU,CAACL,EAAG,sBAAsB,CAACO,MAAM,CAAC,MAAQ,WAAW,KAAO,SAASC,YAAYZ,EAAIa,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASL,GACxnB,IAAIM,EAASN,EAAIM,OACjB,MAAO,CAACZ,EAAG,eAAe,CAACO,MAAM,CAAC,GAAK,QAAQ,QAAQK,EAAOC,OAAS,IAAU,MAAMC,MAAM,CAACC,MAAOnB,EAAIoB,WAAgB,MAAEC,SAAS,SAAUC,GAAMtB,EAAIuB,KAAKvB,EAAIoB,WAAY,QAASE,IAAME,WAAW,sBAAsBpB,EAAG,QAAQ,CAACE,YAAY,eAAe,CAACN,EAAIO,GAAGP,EAAIQ,GAAGQ,EAAO,eAAe,IAAI,GAAGZ,EAAG,QAAQ,CAACO,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,GAAK,MAAM,CAACP,EAAG,eAAe,CAACO,MAAM,CAAC,MAAQX,EAAIS,GAAG,oBAAoB,CAACL,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACM,IAAI,kBAAkBJ,YAAY,mBAAmBmB,GAAG,CAAC,MAAQ,SAASC,GAAQ1B,EAAI2B,gBAAkB3B,EAAI2B,kBAAkB,CAACvB,EAAG,OAAO,CAACE,YAAY,0BAA0B,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAI4B,oBAAoBxB,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACO,MAAM,CAAC,IAAM,kDAAkDX,EAAI6B,OAAOC,MAAMC,UAAUC,OAAOC,KAAK,uBAAuB7B,EAAG,MAAM,CAACE,YAAY,uCAAuC4B,MAAM,CAAE,KAAQlC,EAAI2B,iBAAkB,CAACvB,EAAG,KAAKJ,EAAImC,GAAInC,EAAqB,mBAAE,SAASoC,GAAY,OAAOhC,EAAG,KAAK,CAACU,IAAIsB,EAAWjB,MAAMM,GAAG,CAAC,MAAQ,SAASC,GAAQ1B,EAAIoB,WAAWgB,WAAYA,EAAWjB,SAAS,CAACnB,EAAIO,GAAG,IAAIP,EAAIQ,GAAG4B,EAAWC,OAAO,UAAS,UAAU,GAAGjC,EAAG,QAAQ,CAACO,MAAM,CAAC,KAAO,KAAK,GAAK,KAAK,GAAK,OAAO,CAACP,EAAG,eAAe,CAACO,MAAM,CAAC,QAAUX,EAAIsC,YAAYpB,MAAM,CAACC,MAAOnB,EAAIoB,WAAkB,QAAEC,SAAS,SAAUC,GAAMtB,EAAIuB,KAAKvB,EAAIoB,WAAY,UAAWE,IAAME,WAAW,yBAAyB,GAAGpB,EAAG,QAAQ,CAACO,MAAM,CAAC,KAAO,KAAK,GAAK,KAAK,GAAK,OAAO,CAACP,EAAG,MAAM,CAACE,YAAY,QAAQ,CAA0B,OAAxBN,EAAIoB,WAAWmB,KAAenC,EAAG,MAAM,CAACE,YAAY,8BAA8BmB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO1B,EAAIwC,gBAAgB,CAACpC,EAAG,eAAe,CAACE,YAAY,eAAeK,MAAM,CAAC,KAAO,aAAa,KAAO,QAAQX,EAAIO,GAAG,kBAAkB,GAAGH,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,eAAe,CAACE,YAAY,qCAAqCK,MAAM,CAAC,KAAO,aAAa,KAAO,MAAMc,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO1B,EAAIyC,uBAAuBzC,EAAIO,GAAG,IAAIP,EAAIQ,GAAGP,KAAKmB,WAAWmB,KAAKG,MAAM,KAAKtC,EAAG,eAAe,CAACE,YAAY,eAAeK,MAAM,CAAC,KAAO,YAAY,KAAO,SAAS,QAAQ,GAAGP,EAAG,QAAQ,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACA,EAAG,MAAM,CAACE,YAAY,iDAAiD,CAACF,EAAG,SAAS,CAACE,YAAY,gCAAgCK,MAAM,CAAC,KAAO,UAAUc,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOiB,iBAAwB3C,EAAI4C,aAAalB,MAAW,CAAE1B,EAAI6B,OAAOgB,QAAiB,UAAEzC,EAAG,YAAY,CAACE,YAAY,OAAOK,MAAM,CAAC,MAAQ,GAAG,QAAU,WAAWX,EAAI8C,KAAK9C,EAAIO,GAAG,WAAW,QAAQ,IAAI,IAAI,IAAI,MACthFwC,EAAkB,G,0FCHTC,EAAa,CAExBC,SAFwB,SAEfC,EAAIC,GACX,IAAMC,EAAS,GAAH,OAAMF,EAAGG,aAAT,MAERF,EAAQG,UAAUC,QACpBL,EAAGM,MAAMC,SAAW,SACpBP,EAAGM,MAAME,UAAY,MACrBR,EAAGM,MAAMG,QAAU,EAGnBC,YAAW,WACTV,EAAGM,MAAME,UAAYN,EACrBF,EAAGM,MAAMG,QAAU,EACnBC,YAAW,WACTV,EAAGM,MAAMC,SAAW,UACnB,OACF,MAEHP,EAAGM,MAAME,UAAYN,GAGzBS,OAtBwB,SAsBjBX,QACYY,IAAbZ,EAAGM,QACPN,EAAGM,MAAMC,SAAW,SACpBP,EAAGM,MAAME,UAAY,MACrBR,EAAGM,MAAMG,QAAU,K,wBC0HvB,GACEI,WAAY,CACVC,YAAJ,iBACIC,mBAAJ,OACIC,mBAAJ,QAGEC,WAAY,CACV,cAAenB,GAGjBoB,KAXF,WAYI,MAAO,CACL9B,WAAY,CACV+B,MAAO,OACPC,QAAS,CACPC,QAAS,CAAC,CAAC,OAAQ,SAAU,YAAa,UAAW,CAAC,WAG1DC,SAAN,OACMC,IAAN,OACMC,IAAN,OACMC,MAAN,OACMC,WAAW,EAEXC,QAAS,CACPC,MAAO,CACLC,OAAQ,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,GACxBC,UAAW,IACXC,WAAY,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,KACtCC,aAAa,EACbC,WAAW,EACXC,WAAW,IAIfzD,gBAAgB,EAChB0D,kBAAmBC,EAAzB,uBAGMlE,WAAY,CACVmE,MAAO,KACPC,QAAS,KACTC,aAAc,KACdd,MAAO,KACPpC,KAAM,KACNH,WAAY,KAKlBsD,QAAS,CACPC,cADJ,WACA,WACM1F,KAAK4B,OAAO+D,SAAS,wCAC3B,kBACA,qBACU,EAAV,oFACU,EAAV,qCAKIhD,aAXJ,WAWA,WACM3C,KAAK4F,MAAMC,YAAYC,WAAWC,MAAK,SAA7C,GACQ,GAAIC,EAAS,CACX,IAAV,eACUC,EAASC,IAAI,QAAS,EAAhC,kBACUD,EAASC,IAAI,UAAW,EAAlC,oBACUD,EAASC,IAAI,eAAgB,EAAvC,yBACUD,EAASC,IAAI,QAAS,EAAhC,kBACUD,EAASC,IAAI,aAAc,EAArC,uBACUD,EAASC,IAAI,OAAQ,EAA/B,iBAEU,EAAV,yCACA,kBACA,oBACc,EAAd,QACgB,UAAhB,OACgB,SAAhB,YACgB,MAAhB,CAAkB,KAAlB,aAEc,EAAd,cAAgB,KAAhB,gBAAgB,OAAhB,iBAEc,EAAd,gCAOI3D,WAvCJ,WAuCA,WACA,kCACM4D,EAAUC,KAAO,OAEjBD,EAAUE,iBAAiB,UAAU,SAA3C,GAEQ,IAAR,oBACA,+BACYC,EAAUC,QAAQjE,EAAK8D,OAAS,EAClC,EAAV,kBAEU,EAAV,8EAGMD,EAAUK,SAEZhE,iBAvDJ,WAwDMxC,KAAKmB,WAAWmB,KAAO,MAGzBmE,cA3DJ,SA2DA,GAEM,IACE,IAAR,6BACA,WACYxD,IAAOyD,GAAWzD,EAAG0D,SAASD,KAChC1G,KAAK0B,gBAAiB,GAEhC,aAGEkF,SAAU,CACRjF,gBADJ,WACA,WACA,uFACM,OAAIkF,EACKA,EAASzE,MAGX,mBAGX0E,YAnIF,WAoIIC,SAASV,iBAAiB,QAASrG,KAAKyG,gBAE1CO,cAtIF,WAuIID,SAASE,oBAAoB,QAASjH,KAAKyG,gBAG7CS,QA1IF,WA2IIlH,KAAK0F,kBC/RsY,I,wBCQ3YyB,EAAY,eACd,EACArH,EACAgD,GACA,EACA,KACA,WACA,MAIa,aAAAqE,E,2CCnBf","file":"js/chunk-0dcaddc7.3b24f0e2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-3 main\"},[_c('div',{staticClass:\"dashboard-card new-ticket-card\"},[_c('div',{staticClass:\"d-flex\"},[_c('h4',{staticClass:\"mb-1\"},[_vm._v(\" \"+_vm._s(_vm.$t('Open Tikcet')))])]),_c('validation-observer',{ref:\"ticketRules\"},[_c('b-form',{staticClass:\"mt-1\"},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"12\",\"lg\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Title'),\"label-for\":\"title\"}},[_c('validation-provider',{attrs:{\"rules\":\"required\",\"name\":\"Title\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('b-form-input',{attrs:{\"id\":\"title\",\"state\":errors.length > 0 ? false:null},model:{value:(_vm.ticketData.title),callback:function ($$v) {_vm.$set(_vm.ticketData, \"title\", $$v)},expression:\"ticketData.title\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Select Service')}},[_c('div',{staticClass:\"lab-dropdown\"},[_c('div',{ref:\"dropdownService\",staticClass:\"lab-dropdown-btn\",on:{\"click\":function($event){_vm.isShowDropdown = !_vm.isShowDropdown}}},[_c('span',{staticClass:\"lab-dropdown-btn-value\"},[_vm._v(_vm._s(_vm.ticketTypeLabel))]),_c('span',{staticClass:\"lab-dropdown-btn-icon\"},[_c('img',{attrs:{\"src\":'https://image.illustrativedna.com/assets/icons/'+_vm.$store.state.appConfig.layout.skin+'/dropdown.svg'}})])]),_c('div',{staticClass:\"lab-dropdown-content cs-scroll-style\",class:{ 'show': _vm.isShowDropdown }},[_c('ul',_vm._l((_vm.ticketTypeOptions),function(ticketType){return _c('li',{key:ticketType.value,on:{\"click\":function($event){_vm.ticketData.ticketType =ticketType.value}}},[_vm._v(\" \"+_vm._s(ticketType.label)+\" \")])}),0)])])])],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"12\",\"lg\":\"12\"}},[_c('quill-editor',{attrs:{\"options\":_vm.snowOption},model:{value:(_vm.ticketData.message),callback:function ($$v) {_vm.$set(_vm.ticketData, \"message\", $$v)},expression:\"ticketData.message\"}})],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"12\",\"lg\":\"12\"}},[_c('div',{staticClass:\"mt-2\"},[(_vm.ticketData.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.ticketData.file.name)+\" \"),_c('feather-icon',{staticClass:\"text-success\",attrs:{\"icon\":\"CheckIcon\",\"size\":\"20\"}})],1)])])],1),_c('b-row',{staticClass:\"mt-2\"},[_c('b-col',[_c('div',{staticClass:\"d-flex align-items-center justify-content-end\"},[_c('button',{staticClass:\"lab-btn lab-btn-info btn-save\",attrs:{\"type\":\"submit\"},on:{\"click\":function($event){$event.preventDefault();return _vm.createTicket($event)}}},[(_vm.$store.getters.getLoader)?_c('b-spinner',{staticClass:\"mr-1\",attrs:{\"small\":\"\",\"variant\":\"light\"}}):_vm._e(),_vm._v(\" Send \")],1)])])],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const heightFade = {\r\n  /* eslint-disable no-param-reassign */\r\n  inserted(el, binding) {\r\n    const height = `${el.offsetHeight}px`\r\n\r\n    if (binding.modifiers.appear) {\r\n      el.style.overflow = 'hidden'\r\n      el.style.maxHeight = '0px'\r\n      el.style.opacity = 0\r\n\r\n      // Focus the element\r\n      setTimeout(() => {\r\n        el.style.maxHeight = height\r\n        el.style.opacity = 1\r\n        setTimeout(() => {\r\n          el.style.overflow = 'unset'\r\n        }, 300)\r\n      }, 100)\r\n    } else {\r\n      el.style.maxHeight = height\r\n    }\r\n  },\r\n  unbind(el) {\r\n    if (el.style === undefined) return\r\n    el.style.overflow = 'hidden'\r\n    el.style.maxHeight = '0px'\r\n    el.style.opacity = 0\r\n  },\r\n  /* eslint-enable no-param-reassign */\r\n}\r\n\r\nexport const temp = 2\r\n","<template>\r\n  <div class=\"mb-3 main\">\r\n    <div class=\"dashboard-card new-ticket-card\">\r\n      <div class=\"d-flex\">\r\n        <h4 class=\"mb-1\"> {{ $t('Open Tikcet')}}</h4>\r\n      </div>\r\n\r\n      <!-- Form: Personal Info Form -->\r\n      <validation-observer ref=\"ticketRules\">\r\n        <b-form class=\"mt-1\">\r\n          <b-row>\r\n            <!-- Field: title -->\r\n            <b-col cols=\"12\" md=\"12\" lg=\"12\">\r\n              <b-form-group :label=\"$t('Title')\" label-for=\"title\">\r\n                <validation-provider #default=\"{ errors }\" rules=\"required\" name=\"Title\">\r\n                  <b-form-input id=\"title\" v-model=\"ticketData.title\" :state=\"errors.length > 0 ? false:null\" />\r\n                  <small class=\"text-danger\">{{ errors[0] }}</small>\r\n                </validation-provider>\r\n              </b-form-group>\r\n            </b-col>\r\n\r\n            <b-col cols=\"12\" md=\"6\" lg=\"6\">\r\n              <b-form-group :label=\"$t('Select Service')\">\r\n                <div class=\"lab-dropdown\">\r\n                  <div class=\"lab-dropdown-btn\" @click=\"isShowDropdown = !isShowDropdown\" ref=\"dropdownService\">\r\n                    <span class=\"lab-dropdown-btn-value\">{{ ticketTypeLabel }}</span>\r\n                    <span class=\"lab-dropdown-btn-icon\">\r\n                      <img :src=\"'https://image.illustrativedna.com/assets/icons/'+$store.state.appConfig.layout.skin+'/dropdown.svg'\">\r\n                    </span>\r\n                  </div>\r\n                  <div class=\"lab-dropdown-content cs-scroll-style\" :class=\"{ 'show': isShowDropdown }\">\r\n                    <ul>\r\n                      <li v-for=\"ticketType in ticketTypeOptions\" \r\n                        :key=\"ticketType.value\" \r\n                        @click=\"ticketData.ticketType =ticketType.value\">\r\n                        {{ ticketType.label }}\r\n                      </li>\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n              </b-form-group>\r\n            </b-col>\r\n\r\n            <!-- Field: Message -->\r\n            <b-col cols=\"12\" md=\"12\" lg=\"12\">\r\n              <quill-editor\r\n                v-model=\"ticketData.message\"\r\n                :options=\"snowOption\"\r\n              />\r\n            </b-col>\r\n            <b-col cols=\"12\" md=\"12\" lg=\"12\">\r\n              <div class=\"mt-2\">\r\n                <div class=\"file-upload btn-file-upload\" v-if=\"ticketData.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.ticketData.file.name }}\r\n                  <feather-icon\r\n                    icon=\"CheckIcon\"\r\n                    size=\"20\"\r\n                    class=\"text-success\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </b-col>\r\n          </b-row>\r\n\r\n          <!-- Header: Personal Info -->\r\n          <!-- <div class=\"d-flex mt-2\">\r\n            <feather-icon icon=\"UserIcon\" size=\"19\" class=\"text-primary\" />\r\n            <h4 class=\"mb-0 ml-50 text-primary\">{{ $t('Sender Information')}}</h4>\r\n          </div> -->\r\n\r\n          <!-- Form: User Info Form -->\r\n          <!-- <b-row class=\"mt-1\">\r\n            <b-col cols=\"12\" md=\"6\" lg=\"6\">\r\n              <b-form-group :label=\"$t('Full Name')\" label-for=\"nameSureName\">\r\n                <validation-provider #default=\"{ errors }\" rules=\"required\" name=\"Full Name\">\r\n                  <b-form-input id=\"nameSureName\" v-model=\"ticketData.nameSureName\" :state=\"errors.length > 0 ? false:null\" />\r\n                  <small class=\"text-danger\">{{ errors[0] }}</small>\r\n                </validation-provider>\r\n              </b-form-group>\r\n            </b-col>\r\n\r\n            <b-col cols=\"12\" md=\"6\" lg=\"6\">\r\n              <b-form-group :label=\"$t('Email Address')\" label-for=\"email\">\r\n                <validation-provider #default=\"{ errors }\" rules=\"required|email\" name=\"Email Address\">\r\n                  <b-input-group>\r\n                    <b-form-input id=\"email\" v-model=\"ticketData.email\" :state=\"errors.length > 0 ? false:null\" />\r\n                  </b-input-group>\r\n                  <small class=\"text-danger\">{{ errors[0] }}</small>\r\n                </validation-provider>\r\n              </b-form-group>\r\n            </b-col>\r\n          </b-row> -->\r\n\r\n          <b-row class=\"mt-2\">\r\n            <b-col>\r\n              <div class=\"d-flex align-items-center justify-content-end\">\r\n                <button class=\"lab-btn lab-btn-info btn-save\" \r\n                  type=\"submit\" @click.prevent=\"createTicket\">\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            </b-col>\r\n          </b-row>\r\n        </b-form>\r\n      </validation-observer>\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\nimport StaticOptions from '@/common/options/StaticOptions';\r\n\r\nimport { quillEditor } from 'vue-quill-editor'\r\nimport { ValidationProvider, ValidationObserver } from 'vee-validate'\r\nimport {\r\n  required, email, min, max,\r\n} from '@validations'\r\n\r\n// Alert fade\r\nimport { heightFade } from '@core/directives/animations'\r\n\r\n// Alert\r\nimport AlertService from '@/common/alert.service'\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    ValidationProvider,\r\n    ValidationObserver,\r\n  },\r\n\r\n  directives: {\r\n    'height-fade': heightFade,\r\n  },\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      required,\r\n      min,\r\n      max,\r\n      email,\r\n      isPresent: false,\r\n      // Cleave options\r\n      options: {    \r\n        phone: {\r\n          blocks: [0, 2, 3, 0, 3, 4],\r\n          delimiter: ' ',\r\n          delimiters: ['+', '(', ')', ' ', '-', '-'],    \r\n          numericOnly: true,\r\n          uppercase: false,\r\n          lowercase: false,\r\n        },\r\n      },\r\n\r\n      isShowDropdown: false,\r\n      ticketTypeOptions: StaticOptions.ticketTypeOptions,\r\n\r\n      // User\r\n      ticketData: {\r\n        title: null,\r\n        message: null,\r\n        nameSureName: null,\r\n        email: null,\r\n        file: null,\r\n        ticketType: 0,\r\n      },\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    fetchUserInfo() {\r\n      this.$store.dispatch('profileSettings/fetchGeneralSettings')\r\n        .then(response => {\r\n           if (response.statusCode === 200) {     \r\n            this.ticketData.nameSureName = `${response.result.firstName} ${response.result.lastName}`;\r\n            this.ticketData.email = response.result.email;\r\n          }\r\n        })\r\n    },\r\n\r\n    createTicket() {\r\n      this.$refs.ticketRules.validate().then(success => {\r\n        if (success) {\r\n          const formData = new FormData();\r\n          formData.set('title', this.ticketData.title);\r\n          formData.set('message', this.ticketData.message);\r\n          formData.set('nameSureName', this.ticketData.nameSureName);\r\n          formData.set('email', this.ticketData.email);\r\n          formData.set('ticketType', this.ticketData.ticketType);\r\n          formData.set('file', this.ticketData.file);\r\n\r\n          this.$store.dispatch('ticket/createTicket', formData)\r\n            .then(response => {\r\n              if (response.statusCode === 200) {\r\n                this.$toast({\r\n                  component: ToastificationSuccess,\r\n                  position: 'top-right',\r\n                  props: { text: response.message },\r\n                });\r\n                this.$router.push({ name: 'ticket-detail', params: { id: response.result } });\r\n              } else {\r\n                AlertService.error(this, response.message)\r\n              }\r\n            });\r\n        }\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.ticketData.file = file;\r\n        } else {\r\n          AlertService.warning(this, 'Invalid file...! Accepted File Formats:(.jpg,.jpeg,.png)');\r\n        }\r\n      })\r\n      fileInput.click();\r\n    },\r\n    removeUploadFile() {\r\n      this.ticketData.file = null;\r\n    },\r\n\r\n    documentClick(e) {\r\n      /* eslint-disable */\r\n      try {\r\n        const el = this.$refs.dropdownService;\r\n        const target = e.target;\r\n        if (el !== target && !el.contains(target)) {\r\n          this.isShowDropdown = false;\r\n        }\r\n      } catch (error) {}\r\n    },\r\n  },\r\n  computed: {\r\n    ticketTypeLabel() {\r\n      const findType = this.ticketTypeOptions.find(x => x.value === this.ticketData.ticketType);\r\n      if (findType) {\r\n        return findType.label;\r\n      }\r\n\r\n      return 'SELECT SERVICE';\r\n    },\r\n  },\r\n  beforeMount() {\r\n    document.addEventListener(\"click\", this.documentClick);\r\n  },\r\n  beforeDestroy() {\r\n    document.removeEventListener(\"click\", this.documentClick);\r\n  },\r\n\r\n  created() {\r\n    this.fetchUserInfo();\r\n  },\r\n};\r\n</script>\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.new-ticket-card {\r\n  padding: 1.5rem;\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 label {\r\n  color: var(--lab-white) !important;\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!./NewTicket.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!./NewTicket.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewTicket.vue?vue&type=template&id=52f84a3a&scoped=true&\"\nimport script from \"./NewTicket.vue?vue&type=script&lang=js&\"\nexport * from \"./NewTicket.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewTicket.vue?vue&type=style&index=0&id=52f84a3a&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  \"52f84a3a\",\n  null\n  \n)\n\nexport default component.exports","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!./NewTicket.vue?vue&type=style&index=0&id=52f84a3a&lang=scss&scoped=true&\""],"sourceRoot":""}