vue-intergrall-plugins 0.0.207 → 0.0.210

package/src/lib-components/Messages/CardAttachment.vue

@@ -1,24 +1,24 @@
 <template>
   <span class="anexo-item">
     <transition-group name="fade" mode="out-in" class="transition-anexo-item">
-      <div v-if="carregando" :small="true" key="ra-loader-anexo" class="req-loader slow"></div>
+      <div v-if="isLoading" :small="true" key="ra-loader-anexo" class="req-loader slow"></div>
       <template v-else>
-        <span v-if="imgAnexo" class="anexo-img box-shadow" @click="abrirAnexo(imgAnexo, true)" key="ra-img-anexo" :title="nomeArquivo">
-          <img :src="`${imgAnexo}`" :alt="nomeArquivo" />
+        <span v-if="imageURL" class="anexo-img box-shadow" @click="openWindowFromURL(imageURL, true)" key="ra-img-anexo" :title="filename">
+          <img :src="`${imageURL}`" :alt="filename" />
         </span>
         <span 
           v-else
-          class="anexo-icone"
+          class="anexo-icon"
           key="ra-doc-anexo" 
-          :class="[iconeClass]"
-          @click="abrirAnexo(docAnexo, false)"
-          :title="nomeArquivo"
+          :class="[iconClass]"
+          @click="openWindowFromURL(docURL, false)"
+          :title="filename"
           target="_blank" 
           rel="noreferrer noopener"
         >
-          <fa-icon :icon="icone" />
+          <fa-icon :icon="icon" />
         </span>
-        <a :href="imgAnexo ? imgAnexo : docAnexo" :download="`${nomeArquivo}`" target="_blank" rel="noreferrer noopener" key="ra-download-icon" :title="`Download ${nomeArquivo}`">
+        <a :href="imageURL ? imageURL : docURL" :download="`${filename}`" target="_blank" rel="noreferrer noopener" key="ra-download-icon" :title="`Download ${filename}`">
           <fa-icon :icon="['fas', 'download']" />
         </a>
       </template>
@@ -36,9 +36,10 @@
 </style>
 
 <script>
-import { gerarVariaveisAnexo } from "../../services/formatMessage"
+import { fileHandler } from "../../mixins/fileHandler"
 
 export default {
+  mixins: [fileHandler],
   props: {
     anexo: {
       type: Object,
@@ -53,65 +54,8 @@ export default {
       required: true
     }
   },
-  computed: {
-    iconeClass() {
-      return this.tipoDoc === "pdf" ? "pdf" : "doc"
-    }
-  },
-  data() {
-    return {
-      carregando: true,
-      isAnexo: false,
-      imgAnexo: "",
-      tipoDoc: "", 
-      docAnexo: "",
-      nomeArquivo: "",
-      audio: false,
-      video:  false,
-      icone: []
-    }
-  },
   mounted() {
-    this.setVariaveisAnexo()
-  },
-  methods: {
-    setVariaveisAnexo() {
-      try {
-        const {
-          anexo,
-          imgAnexo,
-          tipoDoc,
-          docAnexo,
-          nomeArquivo,
-          audio,
-          video
-        } = gerarVariaveisAnexo(this.anexo, { dominio: this.dominio });
-    
-        this.isAnexo = anexo;
-        this.imgAnexo = imgAnexo;
-        this.tipoDoc = tipoDoc;
-        this.docAnexo = docAnexo;
-        this.nomeArquivo = nomeArquivo;
-        this.audio = audio;
-        this.video = video;
-
-        this.gerarIcone();
-
-        this.carregando = false;
-      }catch(e) {
-        console.error("Erro ao gerar as variaveis dos anexos")
-        console.error(e)
-      }
-    },
-    gerarIcone() {
-      this.icone = this.tipoDoc === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt']
-    },
-    abrirAnexo(link, isImg) {
-      const width = window.innerWidth
-      const height = window.innerHeight
-      const options = !isImg ? `width=${width},height=${height}` : "width=auto,height=auto"
-      window.open(link, "anexo-ra", options)
-    }
+    this.setFileVars(this.anexo, { dominio: this.dominio })
   }
 }
 </script>

package/src/lib-components/Messages/ChatMessages.vue

@@ -3,6 +3,7 @@
     <InteratividadeFormulario 
         v-if="interatividade && validateInterativity()"
         :interatividade="interatividade"
+        :dominio="dominio"
         :anexos="anexos"
         :dictionary="dictionary"
       />

package/src/lib-components/Messages/InteratividadeFormulario.vue

@@ -26,10 +26,10 @@
         </div>
         <h3 class="m-5 text-bold" v-text="`Anexos`"></h3>
         <div class="d-flex flex-wrap align-items-center">
-          <div v-for="({ name, url, type, mkuDownload }, fileIndex) in anexos" :key="`file-${fileIndex}`" class="mb-5 mx-5 d-flex">
-            <img class="box-shadow max-w-75px max-h-75px cursor-pointer" @click="openFile(url, type)" v-if="!type" :src="url" :alt="name" :title="name" />
-            <fa-icon v-else :icon="returnCurrentIcon(type)" @click="openFile(url, type)" :class="returnCurrentClass(type)" :title="name" />
-            <a class="d-flex align-items-end ml-3 text-dark" :href="mkuDownload" :download="`${name}`" target="_blank" rel="noreferrer noopener" :title="`Download ${name}`">
+          <div v-for="({ name, type, mkuDownload, mku }, fileIndex) in anexos" :key="`file-${fileIndex}`" class="mb-5 mx-5 d-flex">
+            <img class="box-shadow max-w-75px max-h-75px cursor-pointer" @click="openFile(mku, type)" v-if="!type" :src="`${dominio}/callcenter/docs.php?mku=${mku}`" :alt="name" :title="name" />
+            <fa-icon v-else :icon="returnCurrentIcon(type)" @click="openFile(mku, type)" :class="returnCurrentClass(type)" :title="name" />
+            <a class="d-flex align-items-end ml-3 text-dark" :href="`${dominio}/callcenter/docs.php?mku=${mkuDownload}`" :download="`${name}`" target="_blank" rel="noreferrer noopener" :title="`Download ${name}`">
               <fa-icon :icon="['fas', 'download']" />
             </a>
           </div>
@@ -55,17 +55,20 @@ export default {
       type: Object,
       required: true
     },
-    anexos: {
-      type: Array,
-      required: false
+    dominio: {
+      type: String,
+      required: true
     },
     dictionary: {
       type: Object,
       required: true
+    },
+    anexos: {
+      type: Array,
+      required: false
     }
   },
   mounted(){
-    console.log(this.anexos)
     if(this.validateInterativity()){
       this.verifyInfoAditional();
     }
@@ -81,7 +84,7 @@ export default {
       const width = window.innerWidth
       const height = window.innerHeight
       const options = !isImg ? `width=${width},height=${height}` : "width=auto,height=auto"
-      window.open(url, "card-file", options)
+      window.open(`${this.dominio}/callcenter/docs.php?mku=${url}`, "card-file", options)
     },
     validateInterativity(){
       try {
@@ -96,22 +99,18 @@ export default {
       try {
         let { formulario } = this.interatividade
         formulario = formulario ? formulario : [];
-        if(!formulario.length){
-          return;
-        }
-        let foundInfosAdd = formulario.filter(f => f.TIPO_TEXTO > 999);
-        let foundInfos = formulario.filter(f => f.TIPO_TEXTO < 1000);
+        if(!formulario.length) return
+        const foundInfosAdd = formulario.filter(f => f.TIPO_TEXTO > 999);
+        const foundInfos = formulario.filter(f => f.TIPO_TEXTO < 1000);
         if(foundInfos){
           this.informacao = foundInfos.map(info => {
-                  if(info.TIPO_TEXTO == 1){
-                    info.TEXTO = info.TEXTO == 'S' ? this.dictionary.msg_sim : this.dictionary.msg_nao
-                  }
-                  return info
-                })
-        }
-        if(foundInfosAdd){
-          this.informacaoAdicional = foundInfosAdd;
+            if(info.TIPO_TEXTO == 1){
+              info.TEXTO = info.TEXTO == 'S' ? this.dictionary.msg_sim : this.dictionary.msg_nao
+            }
+            return info
+          })
         }
+        if(foundInfosAdd) this.informacaoAdicional = foundInfosAdd;
       } catch (e) {
           console.error("Erro ao pegar o objeto interatividade formulario")
           console.error(e)

package/src/lib-components/Templates/TemplateGenerator.vue

@@ -91,9 +91,11 @@
         for (let key in template) {
           if (key === "components" && Array.isArray(template[key])) {
             template[key].map((component) => {
-              component.parameters.map((param) => {
-                fullText += param.text;
-              });
+              if(component && component.parameters && component.parameters.length) {
+                component.parameters.map((param) => {
+                  fullText += param.text;
+                });
+              }
             });
           }
         }
@@ -162,36 +164,38 @@
         for(let index in this.selectedTemplate) {
           if(index === "components" && Array.isArray(this.selectedTemplate[index])) {
             const arrComponents = this.selectedTemplate[index]
-            arrComponents.map(component => {
-              if(component && component.parameters && component.parameters.length) {
-                component.parameters.map(message => {
-                  message.currentText = message.text
-                  let keyIndex = 0
-                  while(keyIndex < keys.length) {
-                    const varName = `{{${keys[keyIndex]}}}`
-                    if(message.text.indexOf(varName) != -1) {
-                      /**Gerando os obejetos de parametros da notificacao para o component */
-                      if(component.type === "header") {
-                        this.selectedTemplate['parameters'][component.type] = {}
-                        //Header s? pode ter uma vari?vel
-                        this.selectedTemplate['parameters'][component.type] = {
-                          tipo: "text",
-                          text: values[keyIndex]
+            if(arrComponents && arrComponents.length) {
+              arrComponents.map(component => {
+                if(component && component.parameters && component.parameters.length) {
+                  component.parameters.map(message => {
+                    message.currentText = message.text
+                    let keyIndex = 0
+                    while(keyIndex < keys.length) {
+                      const varName = `{{${keys[keyIndex]}}}`
+                      if(message.text.indexOf(varName) != -1) {
+                        /**Gerando os obejetos de parametros da notificacao para o component */
+                        if(component.type === "header") {
+                          this.selectedTemplate['parameters'][component.type] = {}
+                          //Header s? pode ter uma vari?vel
+                          this.selectedTemplate['parameters'][component.type] = {
+                            tipo: "text",
+                            text: values[keyIndex]
+                          }
+                        } else if(!this.selectedTemplate['parameters'][component.type]) {
+                          this.selectedTemplate['parameters'][component.type] = new Array()
                         }
-                      } else if(!this.selectedTemplate['parameters'][component.type]) {
-                        this.selectedTemplate['parameters'][component.type] = new Array()
-                      }
-                      //Aplicando valores das v?riaveis dentro dos outros componentes com execess?o do header
-                      if(this.selectedTemplate['parameters'][component.type] && component.type !== 'header') {
-                        this.selectedTemplate['parameters'][component.type].push(values[keyIndex])
+                        //Aplicando valores das v?riaveis dentro dos outros componentes com execess?o do header
+                        if(this.selectedTemplate['parameters'][component.type] && component.type !== 'header') {
+                          this.selectedTemplate['parameters'][component.type].push(values[keyIndex])
+                        }
+                        message.currentText = message.currentText.replace(varName, values[keyIndex])
                       }
-                      message.currentText = message.currentText.replace(varName, values[keyIndex])
+                      keyIndex++
                     }
-                    keyIndex++
-                  }
-                })
-              }
-            })
+                  })
+                }
+              })
+            }
           }
         }