{"version":3,"sources":["webpack:///./src/views/Tickets/ComposeTicket.vue?3c8f","webpack:///src/views/Tickets/ComposeTicket.vue","webpack:///./src/views/Tickets/ComposeTicket.vue?3328","webpack:///./src/views/Tickets/ComposeTicket.vue","webpack:///./src/views/Tickets/ComposeTicket.vue?aec4","webpack:///./src/views/Tickets/ComposeTicket.vue?9877"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","model","value","callback","$$v","zoomPic","expression","picToBeZoomed","$t","staticClass","_v","_s","on","discardEmail","ref","composeData","$set","_l","option","directives","name","rawName","modifiers","key","id","type","assign","_e","$store","state","appConfig","isRTL","users","item","onSearchUsers","onSelectElement","scopedSlots","_u","fn","staticStyle","selectedList","length","proxy","attributes","_b","firstname","lastname","email","deselect","multiple","disabled","groupes","parameters","parameter_id","includes","tagname","toLowerCase","subtagname","assign_user_from_odoo","errors","class","editorOption","$event","onEditorChange","server","sendTicket","modalShow","attachments","onSelectModal","dialog","items","onSearch","onSelect","search","searching","loading","show_add_modal","title","selected","saveNewModal","addDialog","composeDataModal","editorOptionModal","onEditorChangeModal","file","index","zoomItem","staticRenderFns","FilePondPluginFileValidateType","FilePondPluginFileValidateSize","FilePondPluginImagePreview","Ripple","components","ValidationProvider","ValidationObserver","FilePond","quillEditor","vSelect","prop","event","props","shallShowEmailComposeModal","required","data","tags","timerusers","assignees","editedIndex","editedItem","defaultItem","odoo_id","subject","description","tag_id","sub_tag_id","status_id","competences_groups_ids","user_ids","modules","toolbar","container","handlers","Text","placeholder","watch","val","handler","immediate","created","mounted","nd","document","btns","btn","then","catch","console","process","fieldName","metadata","load","error","progress","abort","transfer","options","reader","self","updated","computed","mapGetters","mobileCheck","a","check","navigator","subtags","filter","user","methods","mapMutations","mapActions","modal_show","clearTimeout","selectedOption","component","variant","action_id"],"mappings":"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","file":"composeTicket~5fb84317.25b984f7.js?version=1727726453033","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('b-modal',{attrs:{\"id\":\"modal-primary\",\"hide-footer\":\"\",\"modal-class\":\"modal-primary\",\"centered\":\"\",\"size\":\"xl\"},model:{value:(_vm.zoomPic),callback:function ($$v) {_vm.zoomPic=$$v},expression:\"zoomPic\"}},[_c('b-embed',{attrs:{\"src\":_vm.picToBeZoomed,\"aspect\":\"16by9\",\"type\":\"iframe\",\"allowfullscreen\":\"\"}})],1),_c('div',{attrs:{\"id\":\"compose-mail\",\"visible\":true,\"title\":_vm.$t('Compose Email'),\"modal-class\":\"modal-sticky\",\"footer-class\":\"d-flex justify-content-between\",\"body-class\":\"p-0\",\"size\":\"lg\",\"no-fade\":\"\",\"hide-footer\":\"\",\"hide-backdrop\":\"\",\"static\":\"\"}},[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"Créer un ticket\"))+\" \")]),_c('div',{staticClass:\"modal-actions\"},[_c('feather-icon',{staticClass:\"ml-1 cursor-pointer\",attrs:{\"icon\":\"XIcon\"},on:{\"click\":_vm.discardEmail}})],1)]),_c('validation-observer',{ref:\"client\"},[_c('b-form',[_c('div',{staticClass:\"compose-mail-form-field d-flex flex-column my-1\"},[_c('label',{staticClass:\"d-block text-left w-100 mb-1\",attrs:{\"for\":\"email-tag\"}},[_vm._v(_vm._s(_vm.$t(\"Sélectionnez la catégorie de votre demande\"))+\" \")]),_c('b-form-select',{attrs:{\"id\":\"email-tag\",\"text-field\":\"name\",\"value-field\":\"id\"},model:{value:(_vm.composeData.tag_id),callback:function ($$v) {_vm.$set(_vm.composeData, \"tag_id\", $$v)},expression:\"composeData.tag_id\"}},[_vm._l((_vm.tags),function(option){return [_c('b-form-select-option',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],key:option.id,staticClass:\"rounded-pill mx-1\",attrs:{\"value\":option.id,\"title\":option.name}},[_vm._v(\" \"+_vm._s(_vm.$t(option.name))+\" \")])]})],2)],1),_c('div',{staticClass:\"compose-mail-form-field d-flex flex-column my-1\"},[_c('label',{staticClass:\"d-block text-left w-100 mb-1\",attrs:{\"for\":\"email-subtag\"}},[_vm._v(_vm._s(_vm.$t(\"Sélectionnez l'élément pour lequel vous avez besoin d'aide\"))+\" \")]),_c('b-form-select',{attrs:{\"id\":\"email-subtag\"},model:{value:(_vm.composeData.sub_tag_id),callback:function ($$v) {_vm.$set(_vm.composeData, \"sub_tag_id\", $$v)},expression:\"composeData.sub_tag_id\"}},[_vm._l((_vm.subtags),function(option){return [_c('b-form-select-option',{key:option.id,staticClass:\"rounded-pill mx-1\",attrs:{\"value\":option.id}},[_vm._v(\" \"+_vm._s(_vm.$t(option.name))+\" (\"+_vm._s(_vm.$t(option.type.name))+\") \")])]})],2)],1),(_vm.assign)?_c('div',{staticClass:\"compose-mail-form-field d-flex flex-column my-1\"},[_c('label',{staticClass:\"d-block text-left w-100 mb-1\",attrs:{\"for\":\"email-assign\"}},[_vm._v(_vm._s(_vm.$t(\"Assingez le ticket à ?\"))+\" \")]),_c('b-form-radio-group',{staticClass:\"my-1\",attrs:{\"name\":\"type\"},model:{value:(_vm.assign),callback:function ($$v) {_vm.assign=$$v},expression:\"assign\"}},[_vm._l((_vm.assignees),function(option){return [_c('b-form-radio',{key:option,staticClass:\"rounded-pill mx-1\",attrs:{\"value\":option}},[_vm._v(\" \"+_vm._s(_vm.$t(option))+\" \")])]})],2)],1):_vm._e(),(_vm.assign == 'Utilisateur(s)')?_c('div',{staticClass:\"mx-2\"},[_c('v-select',{staticClass:\"form\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.users,\"label\":\"firstname\",\"filterable\":false,\"multiple\":\"\",\"reduce\":function (item) { return item.id; },\"selectable\":function () { return true; }},on:{\"search\":_vm.onSearchUsers,\"option:selecting\":_vm.onSelectElement},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticStyle:{\"opacity\":\"0.8\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Nombre des utilisateurs sélectionnées est\"))+\" (\"+_vm._s(_vm.selectedList.length)+\") \")])]},proxy:true},{key:\"open-indicator\",fn:function(ref){\nvar attributes = ref.attributes;\nreturn [_c('span',_vm._b({},'span',attributes,false),[_vm._v(\"🔽\")])]}},{key:\"option\",fn:function(ref){\nvar firstname = ref.firstname;\nvar lastname = ref.lastname;\nvar email = ref.email;\nreturn [_c('div',[_c('span',[_vm._v(\" \"+_vm._s(firstname)+\" \"+_vm._s(lastname))])])]}},{key:\"selected-option-container\",fn:function(ref){\n              var option = ref.option;\n              var deselect = ref.deselect;\n              var multiple = ref.multiple;\n              var disabled = ref.disabled;\nreturn [_c('div',{staticClass:\"vs__selected d-none\"})]}}],null,false,3821319834)})],1):_vm._e(),(_vm.assign == 'Groupe(s)')?_c('div',{staticClass:\"mx-2\"},[_c('v-select',{staticClass:\"form\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.groupes,\"label\":\"name\",\"filterable\":\"true\",\"multiple\":\"\",\"reduce\":function (item) { return item.id; },\"selectable\":function () { return true; }},on:{\"option:selecting\":_vm.onSelectElement},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticStyle:{\"opacity\":\"0.8\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Nombre des groupes sélectionnées est\"))+\" (\"+_vm._s(_vm.selectedList.length)+\") \")])]},proxy:true},{key:\"open-indicator\",fn:function(ref){\n              var attributes = ref.attributes;\nreturn [_c('span',_vm._b({},'span',attributes,false),[_vm._v(\"🔽\")])]}},{key:\"option\",fn:function(ref){\n              var name = ref.name;\nreturn [_c('div',[_c('span',[_vm._v(\" \"+_vm._s(name))])])]}},{key:\"selected-option-container\",fn:function(ref){\n              var option = ref.option;\n              var deselect = ref.deselect;\n              var multiple = ref.multiple;\n              var disabled = ref.disabled;\nreturn [_c('div',{staticClass:\"vs__selected d-none\"})]}}],null,false,2743932264)})],1):_vm._e(),(_vm.parameters.length > 0)?_c('div',{staticClass:\"compose-mail-form-field d-flex flex-column my-1\"},[_c('label',{staticClass:\"d-block text-left w-100 mb-1\",attrs:{\"for\":\"email-action\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Sélectionnez la raison du rejet\"))+\" \")]),_c('b-form-select',{attrs:{\"id\":\"email-action\"},model:{value:(_vm.parameter_id),callback:function ($$v) {_vm.parameter_id=$$v},expression:\"parameter_id\"}},[_vm._l((_vm.parameters),function(option){return [_c('b-form-select-option',{key:option.id,staticClass:\"rounded-pill mx-1\",attrs:{\"value\":option.id}},[_vm._v(\" \"+_vm._s(_vm.$t(option.name))+\" \")])]})],2)],1):_vm._e(),(\n            (!['news', 'formation', 'finances', 'administratif'].includes(\n              _vm.tagname.toLowerCase()\n            ) &&\n              ![\n                'mail to consultant',\n                'problème de connexion',\n                'Demande d\\'accès/ annulation',\n                'mise à jour des données' ].includes(_vm.subtagname.toLowerCase())) ||\n              _vm.assign=='Utilisateur Odoo'\n          )?_c('div',{staticClass:\"compose-mail-form-field d-flex flex-column my-1\"},[_c('label',{staticClass:\"d-block text-left w-100 mb-1\",attrs:{\"for\":\"email-odoo\"}},[_vm._v(_vm._s(_vm.$t(\"Numéro contrat odoo (si nécessaire)\"))+\" \")]),_c('validation-provider',{attrs:{\"name\":_vm.$t('Numéro contrat odoo'),\"rules\":(\"\" + ([\n                'problème contrat',\n                'rejets provisoires',\n                'rejets définitifs' ].includes(_vm.subtagname.toLowerCase()) ||\n              _vm.composeData.assign_user_from_odoo\n              ? 'required|min:6|max:10|regex:^[A-z]+([0-9]+)$'\n              : 'min:6|max:10|regex:^[A-z]+([0-9]+)$'))},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n            var errors = ref.errors;\nreturn [_c('b-form-input',{staticClass:\"border\",attrs:{\"id\":\"email-odoo\"},model:{value:(_vm.composeData.odoo_id),callback:function ($$v) {_vm.$set(_vm.composeData, \"odoo_id\", $$v)},expression:\"composeData.odoo_id\"}}),_c('small',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,false,336514369)})],1):_vm._e(),(!_vm.parameter_id)?_c('div',{staticClass:\"compose-mail-form-field d-flex flex-column\"},[_c('label',{staticClass:\"d-block text-left w-100 mb-1\",attrs:{\"for\":\"email-subject\"}},[_vm._v(_vm._s(_vm.$t(\"Sujet\"))+\" \")]),_c('b-form-input',{staticClass:\"border\",class:{\n              'bg-secondary': _vm.parameter_id,\n              'text-white': _vm.parameter_id,\n            },attrs:{\"id\":\"email-subject\",\"readonly\":_vm.parameter_id},model:{value:(_vm.composeData.subject),callback:function ($$v) {_vm.$set(_vm.composeData, \"subject\", $$v)},expression:\"composeData.subject\"}})],1):_vm._e(),_c('div',{attrs:{\"id\":\"quil-content-1\"}},[_c('quill-editor',{attrs:{\"options\":_vm.editorOption},on:{\"change\":function($event){return _vm.onEditorChange($event)}},model:{value:(_vm.composeData.description),callback:function ($$v) {_vm.$set(_vm.composeData, \"description\", $$v)},expression:\"composeData.description\"}}),_c('div',{staticClass:\"w-100 p-2 compose-mail\"},[_c('file-pond',{ref:\"pond_compose\",attrs:{\"name\":\"test\",\"label-idle\":_vm.$t('labelIdle'),\"allow-multiple\":true,\"allow-image-preview\":false,\"allow-remove\":\"false\",\"accepted-file-types\":['image/*', 'application/pdf', 'audio/wav','audio/mpeg'],\"server\":_vm.server,\"max-file-size\":'12MB',\"label-invalid-field\":_vm.$t('labelInvalidField'),\"label-file-waiting-for-size\":_vm.$t('labelFileWaitingForSize'),\"label-file-size-not-available\":_vm.$t('labelFileSizeNotAvailable'),\"label-file-loading\":_vm.$t('labelFileLoading'),\"label-file-load-error\":_vm.$t('labelFileLoadError'),\"label-file-processing\":_vm.$t('labelFileProcessing'),\"label-file-processing-complete\":_vm.$t('labelFileProcessingComplete'),\"label-file-processing-aborted\":_vm.$t('labelFileProcessingAborted'),\"label-file-processing-error\":_vm.$t('labelFileProcessingError'),\"label-file-processing-revert-error\":_vm.$t('labelFileProcessingRevertError'),\"label-file-remove-error\":_vm.$t('labelFileRemoveError'),\"label-tap-to-cancel\":_vm.$t('labelTapToCancel'),\"label-tap-to-retry\":_vm.$t('labelTapToRetry'),\"label-tap-to-undo\":_vm.$t('labelTapToUndo'),\"label-button-remove-item\":_vm.$t('labelButtonRemoveItem'),\"label-button-abort-item-load\":_vm.$t('labelButtonAbortItemLoad'),\"label-button-retry-item-load\":_vm.$t('labelButtonRetryItemLoad'),\"label-button-abort-item-processing\":_vm.$t('labelButtonAbortItemProcessing'),\"label-button-undo-item-processing\":_vm.$t('labelButtonUndoItemProcessing'),\"label-button-retry-item-processing\":_vm.$t('labelButtonRetryItemProcessing'),\"label-button-process-item\":_vm.$t('labelButtonProcessItem'),\"label-max-file-size-exceeded\":_vm.$t('labelMaxFileSizeExceeded'),\"label-max-file-size\":_vm.$t('labelMaxFileSize'),\"label-max-total-file-size-exceeded\":_vm.$t('labelMaxTotalFileSizeExceeded'),\"label-max-total-file-size\":_vm.$t('labelMaxTotalFileSize'),\"label-file-type-not-allowed\":_vm.$t('labelFileTypeNotAllowed'),\"image-validate-size-label-format-error\":_vm.$t('imageValidateSizeLabelFormatError'),\"image-validate-size-label-image-size-too-small\":_vm.$t('imageValidateSizeLabelImageSizeTooSmall'),\"image-validate-size-label-image-size-too-big\":_vm.$t('imageValidateSizeLabelImageSizeTooBig'),\"image-validate-size-label-expected-min-size\":_vm.$t('imageValidateSizeLabelExpectedMinSize'),\"image-validate-size-label-expected-max-size\":_vm.$t('imageValidateSizeLabelExpectedMaxSize'),\"image-validate-size-label-image-resolution-too-low\":_vm.$t('imageValidateSizeLabelImageResolutionTooLow'),\"image-validate-size-label-image-resolution-too-high\":_vm.$t('imageValidateSizeLabelImageResolutionTooHigh'),\"image-validate-size-label-expected-min-resolution\":_vm.$t('imageValidateSizeLabelExpectedMinResolution'),\"image-validate-size-label-expected-max-resolution\":_vm.$t('imageValidateSizeLabelExpectedMaxResolution')}}),(_vm.composeData.attachments)?_c('b-row'):_vm._e(),_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"d-block\",staticStyle:{\"width\":\"100%\"},attrs:{\"split\":\"\",\"variant\":\"primary\"},on:{\"click\":_vm.sendTicket}},[_c('feather-icon',{staticClass:\"mr-1\",attrs:{\"icon\":\"SendIcon\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"Send\"))+\" \")],1),_c('div',{on:{\"click\":function($event){_vm.modalShow = !_vm.modalShow}}},[_c('b-avatar',{staticStyle:{\"background-color\":\"transparent\"},attrs:{\"badge\":(\"\" + (_vm.composeData.attachments\n                      ? _vm.composeData.attachments.length\n                      : 0)),\"badge-variant\":\"primary\",\"square\":\"\",\"badge-right\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"PaperclipIcon\",\"size\":\"25\",\"color\":\"grey\"}})],1)],1)],1)],1)],1)])],1)],1),_c('b-modal',{on:{\"ok\":_vm.onSelectModal},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('v-select',{attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.items,\"label\":\"title\",\"filterable\":false,\"reduce\":function (item) { return item.id; },\"selectable\":function () { return true; }},on:{\"search\":_vm.onSearch,\"option:selecting\":_vm.onSelect},scopedSlots:_vm._u([{key:\"no-options\",fn:function(ref){\n                  var search = ref.search;\n                  var searching = ref.searching;\n                  var loading = ref.loading;\nreturn [_vm._v(\" Aucune resultats \")]}},{key:\"list-header\",fn:function(){return [_c('Can',{attrs:{\"i\":\"create\",\"a\":\"ticket_predefined_description\"}},[_c('b-button',{attrs:{\"block\":\"\",\"variant\":\"outline-primary\"},on:{\"click\":_vm.show_add_modal}},[_c('feather-icon',{attrs:{\"icon\":\"PlusIcon\"}}),_vm._v(_vm._s(_vm.$t(\"Ajouter un message prédéfini\")))],1)],1)]},proxy:true},{key:\"open-indicator\",fn:function(ref){\n                  var attributes = ref.attributes;\nreturn [_c('span',_vm._b({},'span',attributes,false),[_vm._v(\"🔽\")])]}},{key:\"option\",fn:function(ref){\n                  var title = ref.title;\nreturn [_c('div',[_c('span',[_vm._v(\" \"+_vm._s(title))])])]}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1),_c('b-modal',{attrs:{\"size\":\"xl\"},on:{\"ok\":_vm.saveNewModal},model:{value:(_vm.addDialog),callback:function ($$v) {_vm.addDialog=$$v},expression:\"addDialog\"}},[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"compose-mail-form-field d-flex flex-column my-2\"},[_c('label',{staticClass:\"d-block text-left w-100 mb-1\",attrs:{\"for\":\"email-subject\"}},[_vm._v(_vm._s(_vm.$t(\"Title\"))+\" \")]),_c('b-form-input',{staticClass:\"border\",attrs:{\"id\":\"email-subject\"},model:{value:(_vm.composeDataModal.title),callback:function ($$v) {_vm.$set(_vm.composeDataModal, \"title\", $$v)},expression:\"composeDataModal.title\"}})],1),_c('div',{staticClass:\"message-editor\"},[_c('quill-editor',{attrs:{\"options\":_vm.editorOptionModal},on:{\"change\":function($event){return _vm.onEditorChangeModal($event)}},model:{value:(_vm.composeDataModal.description),callback:function ($$v) {_vm.$set(_vm.composeDataModal, \"description\", $$v)},expression:\"composeDataModal.description\"}})],1)])],1),_c('b-modal',{attrs:{\"title\":_vm.$t('Pièces jointes'),\"scrollable\":\"\",\"size\":\"lg\",\"ok-only\":\"\"},model:{value:(_vm.modalShow),callback:function ($$v) {_vm.modalShow=$$v},expression:\"modalShow\"}},[(_vm.composeData.attachments && _vm.composeData.attachments.length > 0)?_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-row',{staticClass:\"d-flex justify-content-between align-content-start align-items-center\"},_vm._l((_vm.composeData.attachments),function(file,index){return _c('b-col',{key:index,staticClass:\"mb-2\",staticStyle:{\"cursor\":\"zoom-in\"},on:{\"click\":function($event){return _vm.zoomItem(file)}}},[(file.includes('image/'))?_c('b-img',{staticStyle:{\"width\":\"10rem\",\"height\":\"10rem\"},attrs:{\"src\":file}}):(file.includes('application/'))?_c('i',{class:\"mr-50 fiv-cla fiv-icon-pdf\",staticStyle:{\"font-size\":\"10rem\"}}):(file.includes('audio/'))?_c('i',{class:\"mr-50 fiv-cla fiv-icon-wav\",staticStyle:{\"font-size\":\"10rem\"}}):_vm._e()],1)}),1)],1):_c('b-col',{staticClass:\"text-center\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"Aucune pièce jointe\"))+\" \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card>\n    <b-modal\n      id=\"modal-primary\"\n      v-model=\"zoomPic\"\n      hide-footer\n      modal-class=\"modal-primary\"\n      centered\n      size=\"xl\"\n    >\n      <b-embed\n        :src=\"picToBeZoomed\"\n        aspect=\"16by9\"\n        type=\"iframe\"\n        allowfullscreen\n      />\n    </b-modal>\n    <div\n      id=\"compose-mail\"\n      :visible=\"true\"\n      :title=\"$t('Compose Email')\"\n      modal-class=\"modal-sticky\"\n      footer-class=\"d-flex justify-content-between\"\n      body-class=\"p-0\"\n      size=\"lg\"\n      no-fade\n      hide-footer\n      hide-backdrop\n      static\n    >\n      <!-- Modal Header -->\n      <div class=\"d-flex justify-content-between\">\n        <h5 class=\"modal-title\">\n          {{ $t(\"Créer un ticket\") }}\n        </h5>\n        <div class=\"modal-actions\">\n          <feather-icon\n            icon=\"XIcon\"\n            class=\"ml-1 cursor-pointer\"\n            @click=\"discardEmail\"\n          />\n        </div>\n      </div>\n      <!-- Modal: Body -->\n      <validation-observer ref=\"client\">\n        <b-form>\n          <!-- Field: To -->\n\n          <!-- Field: Subject -->\n          <div class=\"compose-mail-form-field d-flex flex-column my-1\">\n            <label\n              class=\"d-block text-left w-100 mb-1\"\n              for=\"email-tag\"\n            >{{ $t(\"Sélectionnez la catégorie de votre demande\") }}\n            </label>\n            <b-form-select\n              id=\"email-tag\"\n              v-model=\"composeData.tag_id\"\n              text-field=\"name\"\n              value-field=\"id\"\n            >\n              <template v-for=\"option in tags\">\n                <b-form-select-option\n                  :key=\"option.id\"\n                  v-b-tooltip.hover\n                  :value=\"option.id\"\n                  class=\"rounded-pill mx-1\"\n                  :title=\"option.name\"\n                >\n                  {{ $t(option.name) }}\n                </b-form-select-option>\n              </template>\n            </b-form-select>\n          </div>\n          <div class=\"compose-mail-form-field d-flex flex-column my-1\">\n            <label\n              class=\"d-block text-left w-100 mb-1\"\n              for=\"email-subtag\"\n            >{{\n              $t(\"Sélectionnez l'élément pour lequel vous avez besoin d'aide\")\n            }}\n            </label>\n\n            <b-form-select\n              id=\"email-subtag\"\n              v-model=\"composeData.sub_tag_id\"\n            >\n              <template v-for=\"option in subtags\">\n                <b-form-select-option\n                  :key=\"option.id\"\n                  :value=\"option.id\"\n                  class=\"rounded-pill mx-1\"\n                >\n                  {{ $t(option.name) }} ({{ $t(option.type.name) }})\n                </b-form-select-option>\n              </template>\n            </b-form-select>\n          </div>\n          <div\n            v-if=\"assign\"\n            class=\"compose-mail-form-field d-flex flex-column my-1\"\n          >\n            <label\n              class=\"d-block text-left w-100 mb-1\"\n              for=\"email-assign\"\n            >{{ $t(\"Assingez le ticket à ?\") }}\n            </label>\n\n            <b-form-radio-group\n              v-model=\"assign\"\n              name=\"type\"\n              class=\"my-1\"\n            >\n              <template v-for=\"option in assignees\">\n                <b-form-radio\n                  :key=\"option\"\n                  :value=\"option\"\n                  class=\"rounded-pill mx-1\"\n                >\n                  {{ $t(option) }}\n                </b-form-radio>\n              </template>\n            </b-form-radio-group>\n          </div>\n          <div\n            v-if=\"assign == 'Utilisateur(s)'\"\n            class=\"mx-2\"\n          >\n            <v-select\n              class=\"form\"\n              :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n              :options=\"users\"\n              label=\"firstname\"\n              :filterable=\"false\"\n              multiple\n              :reduce=\"(item) => item.id\"\n              :selectable=\"() => true\"\n              @search=\"onSearchUsers\"\n              @option:selecting=\"onSelectElement\"\n            >\n              <template #header>\n                <div style=\"opacity: 0.8\">\n                  {{ $t(\"Nombre des utilisateurs sélectionnées est\") }} ({{\n                    selectedList.length\n                  }})\n                </div>\n              </template>\n              <template #open-indicator=\"{ attributes }\">\n                <span v-bind=\"attributes\">🔽</span>\n              </template>\n              <template #option=\"{ firstname, lastname, email }\">\n                <div>\n                  <span> {{ firstname }} {{ lastname }}</span>\n                </div>\n              </template>\n              <template\n                #selected-option-container=\"{\n                  option,\n                  deselect,\n                  multiple,\n                  disabled,\n                }\"\n              >\n                <div class=\"vs__selected d-none\" />\n              </template>\n            </v-select>\n          </div>\n          <div\n            v-if=\"assign == 'Groupe(s)'\"\n            class=\"mx-2\"\n          >\n            <v-select\n              class=\"form\"\n              :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n              :options=\"groupes\"\n              label=\"name\"\n              filterable=\"true\"\n              multiple\n              :reduce=\"(item) => item.id\"\n              :selectable=\"() => true\"\n              @option:selecting=\"onSelectElement\"\n            >\n              <template #header>\n                <div style=\"opacity: 0.8\">\n                  {{ $t(\"Nombre des groupes sélectionnées est\") }} ({{\n                    selectedList.length\n                  }})\n                </div>\n              </template>\n              <template #open-indicator=\"{ attributes }\">\n                <span v-bind=\"attributes\">🔽</span>\n              </template>\n              <template #option=\"{ name }\">\n                <div>\n                  <span> {{ name }}</span>\n                </div>\n              </template>\n              <template\n                #selected-option-container=\"{\n                  option,\n                  deselect,\n                  multiple,\n                  disabled,\n                }\"\n              >\n                <div class=\"vs__selected d-none\" />\n              </template>\n            </v-select>\n          </div>\n          <div\n            v-if=\"parameters.length > 0\"\n            class=\"compose-mail-form-field d-flex flex-column my-1\"\n          >\n            <label\n              class=\"d-block text-left w-100 mb-1\"\n              for=\"email-action\"\n            >\n              {{ $t(\"Sélectionnez la raison du rejet\") }}\n            </label>\n            <b-form-select\n              id=\"email-action\"\n              v-model=\"parameter_id\"\n            >\n              <template v-for=\"option in parameters\">\n                <b-form-select-option\n                  :key=\"option.id\"\n                  :value=\"option.id\"\n                  class=\"rounded-pill mx-1\"\n                >\n                  {{ $t(option.name) }}\n                </b-form-select-option>\n              </template>\n            </b-form-select>\n          </div>\n\n          <div\n            v-if=\"\n              (!['news', 'formation', 'finances', 'administratif'].includes(\n                tagname.toLowerCase()\n              ) &&\n                ![\n                  'mail to consultant',\n                  'problème de connexion',\n                  'Demande d\\'accès/ annulation',\n                  'mise à jour des données',\n                ].includes(subtagname.toLowerCase())) ||\n                assign=='Utilisateur Odoo'\n            \"\n            class=\"compose-mail-form-field d-flex flex-column my-1\"\n          >\n            <label\n              class=\"d-block text-left w-100 mb-1\"\n              for=\"email-odoo\"\n            >{{ $t(\"Numéro contrat odoo (si nécessaire)\") }}\n            </label>\n            <validation-provider\n              v-slot=\"{ errors }\"\n              :name=\"$t('Numéro contrat odoo')\"\n              :rules=\"`${\n                [\n                  'problème contrat',\n                  'rejets provisoires',\n                  'rejets définitifs',\n                ].includes(subtagname.toLowerCase()) ||\n                composeData.assign_user_from_odoo\n                ? 'required|min:6|max:10|regex:^[A-z]+([0-9]+)$'\n                : 'min:6|max:10|regex:^[A-z]+([0-9]+)$'\n              }`\"\n            >\n              <!-- :rules=\"`${aci_status ? '' : 'required|max:100'}`\" -->\n              <b-form-input\n                id=\"email-odoo\"\n                v-model=\"composeData.odoo_id\"\n                class=\"border\"\n              />\n              <small class=\"text-danger\">{{ errors[0] }}</small>\n            </validation-provider>\n          </div>\n\n          <div\n            v-if=\"!parameter_id\"\n            class=\"compose-mail-form-field d-flex flex-column\"\n          >\n            <label\n              class=\"d-block text-left w-100 mb-1\"\n              for=\"email-subject\"\n            >{{ $t(\"Sujet\") }}\n            </label>\n            <b-form-input\n              id=\"email-subject\"\n              v-model=\"composeData.subject\"\n              class=\"border\"\n              :readonly=\"parameter_id\"\n              :class=\"{\n                'bg-secondary': parameter_id,\n                'text-white': parameter_id,\n              }\"\n            />\n          </div>\n\n          <!-- Field: Message - Quill Editor -->\n          <div id=\"quil-content-1\">\n            <quill-editor\n              v-model=\"composeData.description\"\n              :options=\"editorOption\"\n              @change=\"onEditorChange($event)\"\n            />\n            <div class=\"w-100 p-2 compose-mail\">\n              <file-pond\n                ref=\"pond_compose\"\n                name=\"test\"\n                :label-idle=\"$t('labelIdle')\"\n                :allow-multiple=\"true\"\n                :allow-image-preview=\"false\"\n                allow-remove=\"false\"\n                :accepted-file-types=\"['image/*', 'application/pdf', 'audio/wav','audio/mpeg']\"\n                :server=\"server\"\n                :max-file-size=\"'12MB'\"\n                :label-invalid-field=\"$t('labelInvalidField')\"\n                :label-file-waiting-for-size=\"$t('labelFileWaitingForSize')\"\n                :label-file-size-not-available=\"$t('labelFileSizeNotAvailable')\"\n                :label-file-loading=\"$t('labelFileLoading')\"\n                :label-file-load-error=\"$t('labelFileLoadError')\"\n                :label-file-processing=\"$t('labelFileProcessing')\"\n                :label-file-processing-complete=\"\n                  $t('labelFileProcessingComplete')\n                \"\n                :label-file-processing-aborted=\"\n                  $t('labelFileProcessingAborted')\n                \"\n                :label-file-processing-error=\"$t('labelFileProcessingError')\"\n                :label-file-processing-revert-error=\"\n                  $t('labelFileProcessingRevertError')\n                \"\n                :label-file-remove-error=\"$t('labelFileRemoveError')\"\n                :label-tap-to-cancel=\"$t('labelTapToCancel')\"\n                :label-tap-to-retry=\"$t('labelTapToRetry')\"\n                :label-tap-to-undo=\"$t('labelTapToUndo')\"\n                :label-button-remove-item=\"$t('labelButtonRemoveItem')\"\n                :label-button-abort-item-load=\"$t('labelButtonAbortItemLoad')\"\n                :label-button-retry-item-load=\"$t('labelButtonRetryItemLoad')\"\n                :label-button-abort-item-processing=\"\n                  $t('labelButtonAbortItemProcessing')\n                \"\n                :label-button-undo-item-processing=\"\n                  $t('labelButtonUndoItemProcessing')\n                \"\n                :label-button-retry-item-processing=\"\n                  $t('labelButtonRetryItemProcessing')\n                \"\n                :label-button-process-item=\"$t('labelButtonProcessItem')\"\n                :label-max-file-size-exceeded=\"$t('labelMaxFileSizeExceeded')\"\n                :label-max-file-size=\"$t('labelMaxFileSize')\"\n                :label-max-total-file-size-exceeded=\"\n                  $t('labelMaxTotalFileSizeExceeded')\n                \"\n                :label-max-total-file-size=\"$t('labelMaxTotalFileSize')\"\n                :label-file-type-not-allowed=\"$t('labelFileTypeNotAllowed')\"\n                :image-validate-size-label-format-error=\"\n                  $t('imageValidateSizeLabelFormatError')\n                \"\n                :image-validate-size-label-image-size-too-small=\"\n                  $t('imageValidateSizeLabelImageSizeTooSmall')\n                \"\n                :image-validate-size-label-image-size-too-big=\"\n                  $t('imageValidateSizeLabelImageSizeTooBig')\n                \"\n                :image-validate-size-label-expected-min-size=\"\n                  $t('imageValidateSizeLabelExpectedMinSize')\n                \"\n                :image-validate-size-label-expected-max-size=\"\n                  $t('imageValidateSizeLabelExpectedMaxSize')\n                \"\n                :image-validate-size-label-image-resolution-too-low=\"\n                  $t('imageValidateSizeLabelImageResolutionTooLow')\n                \"\n                :image-validate-size-label-image-resolution-too-high=\"\n                  $t('imageValidateSizeLabelImageResolutionTooHigh')\n                \"\n                :image-validate-size-label-expected-min-resolution=\"\n                  $t('imageValidateSizeLabelExpectedMinResolution')\n                \"\n                :image-validate-size-label-expected-max-resolution=\"\n                  $t('imageValidateSizeLabelExpectedMaxResolution')\n                \"\n              />\n              <b-row v-if=\"composeData.attachments\" />\n              <div class=\"d-flex justify-content-between\">\n                <b-button\n                  v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n                  split\n                  variant=\"primary\"\n                  class=\"d-block\"\n                  style=\"width: 100%\"\n                  @click=\"sendTicket\"\n                >\n                  <feather-icon\n                    icon=\"SendIcon\"\n                    class=\"mr-1\"\n                  />\n\n                  {{ $t(\"Send\") }}\n                </b-button>\n\n                <!-- Footer: Right Content -->\n                <div @click=\"modalShow = !modalShow\">\n                  <!-- Discard Compose -->\n\n                  <b-avatar\n                    :badge=\"`${\n                      composeData.attachments\n                        ? composeData.attachments.length\n                        : 0\n                    }`\"\n                    badge-variant=\"primary\"\n                    square\n                    badge-right\n                    style=\"background-color: transparent\"\n                  >\n                    <feather-icon\n                      icon=\"PaperclipIcon\"\n                      size=\"25\"\n                      color=\"grey\"\n                    />\n                  </b-avatar>\n                </div>\n              </div>\n            </div>\n          </div>\n        </b-form>\n      </validation-observer>\n    </div>\n    <b-modal\n      v-model=\"dialog\"\n      @ok=\"onSelectModal\"\n    ><b-col cols=\"12\">\n      <v-select\n        v-model=\"selected\"\n        :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n        :options=\"items\"\n        label=\"title\"\n        :filterable=\"false\"\n        :reduce=\"(item) => item.id\"\n        :selectable=\"() => true\"\n        @search=\"onSearch\"\n        @option:selecting=\"onSelect\"\n      >\n        <template #no-options=\"{ search, searching, loading }\">\n          Aucune resultats\n        </template>\n        <template #list-header>\n          <Can\n            i=\"create\"\n            a=\"ticket_predefined_description\"\n          >\n            <b-button\n              block\n              variant=\"outline-primary\"\n              @click=\"show_add_modal\"\n            ><feather-icon icon=\"PlusIcon\" />{{\n              $t(\"Ajouter un message prédéfini\")\n            }}</b-button>\n          </Can>\n        </template>\n        <template #open-indicator=\"{ attributes }\">\n          <span v-bind=\"attributes\">🔽</span>\n        </template>\n        <template #option=\"{ title }\">\n          <div>\n            <span> {{ title }}</span>\n          </div>\n        </template>\n      </v-select>\n\n      <!--  <v-select :options=\"items\" @search=\"onSearch\" label=\"title\">\n          <template v-slot:option=\"option\">\n            <span :class=\"option.firstname\"></span>\n            {{ option.firstname }}\n          </template>\n\n        </v-select> -->\n    </b-col></b-modal>\n    <b-modal\n      v-model=\"addDialog\"\n      size=\"xl\"\n      @ok=\"saveNewModal\"\n    ><b-col cols=\"12\">\n      <div class=\"compose-mail-form-field d-flex flex-column my-2\">\n        <label\n          class=\"d-block text-left w-100 mb-1\"\n          for=\"email-subject\"\n        >{{ $t(\"Title\") }}\n        </label>\n        <b-form-input\n          id=\"email-subject\"\n          v-model=\"composeDataModal.title\"\n          class=\"border\"\n        />\n      </div>\n      <div class=\"message-editor\">\n        <quill-editor\n          v-model=\"composeDataModal.description\"\n          :options=\"editorOptionModal\"\n          @change=\"onEditorChangeModal($event)\"\n        />\n      </div>\n    </b-col>\n    </b-modal>\n    <b-modal\n      v-model=\"modalShow\"\n      :title=\"$t('Pièces jointes')\"\n      scrollable\n      size=\"lg\"\n      ok-only\n    >\n      <b-col\n        v-if=\"composeData.attachments && composeData.attachments.length > 0\"\n        cols=\"12\"\n      >\n        <b-row\n          class=\"d-flex justify-content-between align-content-start align-items-center\"\n        >\n          <b-col\n            v-for=\"(file, index) in composeData.attachments\"\n            :key=\"index\"\n            class=\"mb-2\"\n            style=\"cursor: zoom-in\"\n            @click=\"zoomItem(file)\"\n          >\n          <b-img v-if=\"file.includes('image/')\"\n          :src=\"file\"\n          style=\"width: 10rem; height: 10rem\"\n        />\n        <i v-else-if=\"file.includes('application/')\"\n            style=\"font-size: 10rem\"\n            :class=\"`mr-50 fiv-cla fiv-icon-pdf`\"\n          />\n          <i v-else-if=\"file.includes('audio/')\"\n            style=\"font-size: 10rem\"\n            :class=\"`mr-50 fiv-cla fiv-icon-wav`\"\n          />\n          </b-col>\n        </b-row>\n      </b-col>\n      <b-col\n        v-else\n        class=\"text-center\"\n      >\n        {{ $t(\"Aucune pièce jointe\") }}\n      </b-col>\n    </b-modal>\n  </b-card>\n</template>\n\n<script>\nimport { ValidationProvider, ValidationObserver } from 'vee-validate'\n\nimport Ripple from 'vue-ripple-directive'\nimport { ref } from '@vue/composition-api'\nimport { quillEditor } from 'vue-quill-editor'\nimport vSelect from 'vue-select'\nimport vueFilePond from 'vue-filepond'\n\n// Import FilePond styles\nimport 'filepond/dist/filepond.min.css'\n\n// Import FilePond plugins\n// Please note that you need to install these plugins separately\n\n// Import image preview plugin styles\nimport 'filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css'\n\n// Import image preview and file type validation plugins\nimport FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type'\nimport FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size'\nimport FilePondPluginImagePreview from 'filepond-plugin-image-preview'\nimport { mapActions, mapGetters, mapMutations } from 'vuex'\nimport ToastificationContentVue from '@/@core/components/toastification/ToastificationContent.vue'\n/// /import // FilePondPluginPdfPreview from \"filepond-plugin-pdf-preview\"\n// Create component\n\nconst FilePond = vueFilePond(\n  FilePondPluginFileValidateType,\n  FilePondPluginFileValidateSize,\n  FilePondPluginImagePreview,\n  /// /// FilePondPluginPdfPreview,\n)\nexport default {\n  directives: {\n    Ripple,\n  },\n  components: {\n    // BSV\n    ValidationProvider,\n    ValidationObserver,\n\n    FilePond,\n    // 3rd Party\n    quillEditor,\n    vSelect,\n  },\n  model: {\n    prop: 'shallShowEmailComposeModal',\n    event: 'update:shall-show-email-compose-modal',\n  },\n  props: {\n    shallShowEmailComposeModal: {\n      type: Boolean,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      tags: [],\n      timerusers: null,\n      users: [],\n      assignees: ['Utilisateur(s)', 'Groupe(s)', 'Utilisateur Odoo'],\n      modalShow: false,\n      editedIndex: -1,\n      editedItem: {\n        name: '',\n      },\n      defaultItem: {\n        name: '',\n      },\n      zoomPic: false,\n      picToBeZoomed: null,\n      addDialog: false,\n      items: [],\n      selected: null,\n      selectedList: [],\n      dialog: false,\n      assign: null,\n      composeData: {\n        // created_by: 1,\n        assign_user_from_odoo: false,\n        odoo_id: '',\n        subject: '',\n        description: '',\n        tag_id: null,\n        sub_tag_id: null,\n        status_id: 1,\n        attachments: [],\n        competences_groups_ids: [],\n        user_ids: [],\n      },\n      composeDataModal: {\n        // created_by: 1,\n\n        title: '',\n        description: '',\n      },\n      // composeData: {},\n      parameter_id: null,\n      server: null,\n      editorOption: {\n        modules: {\n          toolbar: {\n            container: [\n              ['bold', 'italic', 'underline', 'strike'],\n              // [\"blockquote\", \"code-block\"],\n              // [{ header: 1 }, { header: 2 }],\n              // [{ list: \"ordered\" }, { list: \"bullet\" }],\n              // [{ script: \"sub\" }, { script: \"super\" }],\n              // [{ indent: \"-1\" }, { indent: \"+1\" }],\n              // [{ direction: \"rtl\" }],\n              // [{ size: [\"small\", false, \"large\", \"huge\"] }],\n              // [{ header: [1, 2, 3, 4, 5, 6, false] }],\n              // [{ font: [] }],\n              // [{ color: [] }, { background: [] }],\n              // [{ align: [] }],\n              // [\"clean\"],\n              // [\"link\", \"image\", \"video\"],\n            ],\n            handlers: {\n              Text: this.modal_show,\n            },\n          },\n        },\n\n        placeholder: this.$t(\n          'Dites-nous en plus... Veuillez être aussi détaillé que possible.',\n        ),\n      },\n      editorOptionModal: {\n        modules: {\n          toolbar: {\n            container: [\n              ['bold', 'italic', 'underline', 'strike'],\n              // [\"blockquote\", \"code-block\"],\n              // [{ header: 1 }, { header: 2 }],\n              // [{ list: \"ordered\" }, { list: \"bullet\" }],\n              // [{ script: \"sub\" }, { script: \"super\" }],\n              // [{ indent: \"-1\" }, { indent: \"+1\" }],\n              // [{ direction: \"rtl\" }],\n              // [{ size: [\"small\", false, \"large\", \"huge\"] }],\n              // [{ header: [1, 2, 3, 4, 5, 6, false] }],\n              // [{ font: [] }],\n              // [{ color: [] }, { background: [] }],\n              // [{ align: [] }],\n              // [\"clean\"],\n              // [\"link\", \"image\", \"video\"],\n            ],\n          },\n        },\n\n        placeholder: this.$t('Ecrivez votre message prédéfini'),\n      },\n    }\n  },\n  watch: {\n    // 'composeData.tag_id': {\n    //   handler(val) {\n    //     // localStorage.setItem(\"ticket\", JSON.stringify(val));\n    //     // if (!val.attachments || Array.isArray(!val.attachments)) {\n    //     //   val.attachments = [];\n    //     // }\n    //   },\n    //   deep: true,\n    // },\n    assign(val) {\n      if (val) {\n        this.selectedList = []\n      }\n    },\n    parameter_id: {\n      handler(val) {\n        if (val) {\n          const parameter = this.parameters.filter(\n            parameter => parameter.id == val,\n          )\n\n          if (parameter && parameter.length) this.composeData.subject = parameter[0].name\n        }\n      },\n      immediate: true,\n    },\n  },\n  created() {\n    if (this.HasPermissionTO('all', 'ticket_predefined_description')) this.editorOption.modules.toolbar.container.push(['Text'])\n  },\n  async mounted() {\n    if (this.HasPermissionTO('all', 'ticket_predefined_description')) {\n      const nd = document.createElement('span')\n      nd.classList.add('mdi', 'mdi-message-outline')\n      const btns = document.querySelectorAll('#quil-content-1 .ql-Text')\n\n      if (btns.length > 0) {\n        for (const btn of btns) {\n          btn.appendChild(nd)\n        }\n      }\n    }\n    await this.GET_MY_TAGS()\n      .then(res => {\n        this.tags = res.filter(el => el.subtags && el.subtags.length > 0)\n      })\n      .catch(err => {\n        console.log(err)\n      })\n    this.GET_GROUPES().then(res => {\n      this.groupes = res\n    })\n    //   if (this.HasPermissionTo(\"all\", \"ticket_predefined_description\")) {\n    // }\n    // let ticket = localStorage.getItem(\"ticket\");\n\n    // if (!ticket) {\n    //   ticket = JSON.stringify({\n    //     //created_by: null,\n    //     odoo_id: null,\n    //     subject: \"\",\n    //     description: \"\",\n    //     tag_id: null,\n    //     sub_tag_id: null,\n    //   });\n    // }\n\n    // this.composeData = JSON.parse(ticket);\n    //     let nd = document.createElement(\"span\");\n    // nd.classList.add(\"mdi\",\"mdi-message-outline\");\n\n    //  let btns = document.querySelectorAll(\".ql-Text\");\n    // if (btns.length>0) {\n    //  for(let btn of btns) {\n    //    btn.appendChild(nd);\n    // }\n    // }\n\n    this.server = {\n      process: (\n        fieldName,\n        file,\n        metadata,\n        load,\n        error,\n        progress,\n        abort,\n        transfer,\n        options,\n      ) => {\n        const reader = new FileReader()\n        reader.readAsDataURL(file)\n\n        const self = this\n        reader.onload = function () {\n          self.composeData.attachments.push(reader.result)\n          self.$refs.pond_compose.removeFiles()\n          load(reader.result)\n        }\n      },\n    }\n  },\n  updated() {\n    if (this.tags && this.tags.length > 0) {\n      if (!this.composeData || !this.composeData.tag_id) {\n        this.composeData.tag_id = this.tags[0].id\n      }\n    }\n  },\n\n  computed: {\n    tagname() {\n      const index = this.tags.findIndex(\n        tag => tag.id == this.composeData.tag_id,\n      )\n      if (index > -1) {\n        //console.log(this.tags[index])\n        return this.tags[index].name\n      }\n      return 'false'\n    },\n    subtagname() {\n      const index = this.subtags.findIndex(\n        subtag => subtag.id == this.composeData.sub_tag_id,\n      )\n      if (index > -1) {\n        return this.subtags[index].name\n      }\n      return 'false'\n    },\n    ...mapGetters('auth', ['HasPermissionTO']),\n    mobileCheck() {\n      let check = false;\n      (function (a) {\n        if (\n          /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(\n            a,\n          )\n          || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(\n            a.substr(0, 4),\n          )\n        ) check = true\n      }(navigator.userAgent || navigator.vendor || window.opera))\n      return check\n    },\n    subtags() {\n      this.assign = null\n\n      if (this.tags && this.tags.length > 0) {\n        const filter = this.tags.filter(\n          tag => tag.id == this.composeData.tag_id,\n        )\n\n        if (filter && filter.length > 0 && filter[0].subtags[0]) {\n          this.composeData.sub_tag_id = filter[0].subtags[0].id\n\n          return filter[0].subtags\n        }\n        return []\n      }\n      return []\n      // return this.tags.map((tag) =>\n      //   tag.id == this.composeData.tag_id ? tag.sub_tags : []\n      // );\n    },\n    parameters() {\n      this.assign = null\n      if (this.subtags.length > 0) {\n        const filter = this.subtags.filter(\n          subtag => subtag.id == this.composeData.sub_tag_id,\n        )\n        this.assign = filter[0].type.name == 'informatif' ? 'Utilisateur(s)' : null\n        this.composeData.competences_groups_ids = []\n        this.composeData.user_ids = []\n        if (\n          filter.length > 0\n          && filter[0].parameters\n          && filter[0].parameters.length > 0\n        ) {\n          this.parameter_id = filter[0].parameters[0].id\n\n          return filter[0].parameters\n        }\n        this.parameter_id = null\n        this.composeData.subject = null\n        return []\n      }\n      return []\n      // if (this.subtags.length > 0) {\n      //   let filter = this.subtags.filter(\n      //     (subtag) => subtag.id == this.composeData.sub_tag_id\n      //   );\n      //   if (\n      //     filter.length > 0 &&\n      //     filter[0].parameters &&\n      //     filter[0].parameters.length > 0\n      //   ) {\n      //     if (!this.composeData || !this.composeData.action_id) {\n      //       this.composeData.action_id = filter[0].parameters[0].id;\n      //     }\n      //     return filter[0].actions;\n      //   }\n      //   return [];\n      // }\n      // return [];\n      // return this.tags.map((tag) =>\n      //   tag.id == this.composeData.tag_id ? tag.sub_tags : []\n      // );\n    },\n    ...mapGetters('auth', {\n      user: 'GET_USER_DATA',\n    }),\n  },\n  methods: {\n    zoomItem(item) {\n      this.zoomPic = !this.zoomPic\n      this.picToBeZoomed = item\n    },\n    onSelectElement(item) {\n      const index = this.selectedList.findIndex(el => el.id == item.id)\n\n      if (index == -1) {\n        this.selectedList.push(item)\n      } else {\n        this.selectedList.splice(index, 1)\n      }\n    },\n    ...mapMutations('uhub', [\n      'SET_TICKET_DATA',\n      'CLEAR_TICKET_DATA',\n      'setCompose',\n    ]),\n    ...mapActions('uhub', [\n      'GET_TAGS',\n      'GET_MY_TAGS',\n      'GET_SUBTAGS',\n      'ADD_TICKET',\n    ]),\n    ...mapActions('tickets', ['SEARCH_MODAL', 'ADD_TICKET_MODAL']),\n    ...mapActions('groupes', ['GET_GROUPES']),\n\n    ...mapGetters('uhub', ['GET_TICKET_DATA']),\n    modal_show() {\n      this.dialog = true\n    },\n    saveNewModal() {\n      this.ADD_TICKET_MODAL(this.composeDataModal).then(res => {\n        if (res) {\n          this.composeData.description = res.description\n          this.composeDataModal = {\n            title: '',\n            description: '',\n          }\n        }\n      })\n    },\n    show_add_modal() {\n      this.addDialog = true\n      this.dialog = false\n    },\n    onSelectModal() {\n      this.composeData.description = this.body\n    },\n    ...mapActions('users_uhub', ['GET_USERS', 'USER_SEARCH']),\n\n    onSearch(search, loading) {\n      clearTimeout(this.timer)\n      this.timer = setTimeout(() => {\n        if (search.length >= 1) {\n          this.items = []\n          loading(true)\n          this.SEARCH_MODAL(search).then(res => {\n            this.items = res\n            loading(false)\n            clearTimeout(this.timer)\n          })\n        }\n      }, 1000)\n    },\n    onSearchUsers(search, loading) {\n      clearTimeout(this.timerusers)\n      this.timerusers = setTimeout(() => {\n        if (search.length >= 1) {\n          this.users = []\n          loading(true)\n          this.USER_SEARCH(search).then(res => {\n            this.users = res\n            loading(false)\n            clearTimeout(this.timerusers)\n          })\n        }\n      }, 1000)\n    },\n\n    onSelect(selectedOption) {\n      this.body = selectedOption.description\n      this.selected = selectedOption\n    },\n    sendTicket() {\n      this.$refs.client.validate().then(async success => {\n        if (success) {\n          if (this.assign) {\n            if (this.assign == 'Utilisateur(s)') {\n              this.composeData.user_ids = this.selectedList.map(el => el.id)\n              this.composeData.competences_groups_ids = []\n              this.composeData.assign_user_from_odoo = false\n            } else if (this.assign == 'Groupe(s)') {\n              this.composeData.competences_groups_ids = this.selectedList.map(\n                el => el.id,\n              )\n              this.composeData.user_ids = []\n              this.composeData.assign_user_from_odoo = false\n            } else {\n              this.composeData.assign_user_from_odoo = true\n              this.composeData.competences_groups_ids = []\n              this.composeData.user_ids = []\n            }\n          } else {\n            this.composeData.competences_groups_ids = []\n            this.composeData.assign_user_from_odoo = false\n            this.composeData.user_ids = []\n          }\n          this.ADD_TICKET(this.composeData)\n            .then(() => {\n              this.discardEmail()\n              // this.$emit(\"rerender\");\n              this.$toast({\n                component: ToastificationContentVue,\n                props: {\n                  title: this.$t('Ticket Créé avec success'),\n                  variant: 'success',\n                },\n              })\n            })\n            .catch(e => console.log(e))\n        }\n      })\n    },\n    discardEmail() {\n      this.composeData = {\n        odoo_id: '',\n        subject: '',\n        description: '',\n        tag_id: this.composeData.tag_id,\n        sub_tag_id: null,\n        status_id: 1,\n        action_id: null,\n        attachments: [],\n        competences_groups_ids: [],\n        user_ids: [],\n        assign_user_from_odoo: false,\n      }\n      this.parameter_id = null\n      this.$refs.pond_compose.removeFiles()\n      this.$router.push({ name: 'tickets' })\n    },\n    onEditorChange({ html }) {\n      const filtred = html.replace(/<img[^>]+>/, '')\n      this.composeData.description = filtred\n    },\n    onEditorChangeModal({ html }) {\n      const filtred = html.replace(/<img[^>]+>/, '')\n      this.composeDataModal.description = filtred\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import \"@core/scss/vue/libs/vue-select.scss\";\n@import \"@core/scss/vue/libs/quill.scss\";\n</style>\n\n<style lang=\"scss\" scoped>\nform ::v-deep {\n  // Mail To vue-select style\n\n  .v-select {\n    .vs__dropdown-toggle {\n      border: 1;\n      box-shadow: none;\n    }\n\n    .vs__open-indicator {\n      display: none;\n    }\n  }\n\n  // Quill Editor Style\n  .quill-editor {\n    .ql-container.ql-snow {\n      border-bottom: 0 !important;\n    }\n  }\n}\n</style>\n<style></style>\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!./ComposeTicket.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!./ComposeTicket.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ComposeTicket.vue?vue&type=template&id=20b871f6&scoped=true&\"\nimport script from \"./ComposeTicket.vue?vue&type=script&lang=js&\"\nexport * from \"./ComposeTicket.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ComposeTicket.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./ComposeTicket.vue?vue&type=style&index=1&id=20b871f6&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  \"20b871f6\",\n  null\n  \n)\n\nexport default component.exports","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!./ComposeTicket.vue?vue&type=style&index=1&id=20b871f6&lang=scss&scoped=true&\"","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!./ComposeTicket.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}