vue-intergrall-plugins 0.0.209 → 0.0.212

package/src/lib-components/Chat/MultipleFilePreview.vue

@@ -9,17 +9,14 @@
         </span>
         <div class="text-footer-invalid-format" v-if="fileFormatError" key="mfp-invalid-format">
           <h3 v-text="dictionary.titulo_msg_formato_invalido"></h3>
-          <h4 v-html="validFileFormats"></h4>
+          <h4 v-html="validFileFormats" :title="validFileFormats"></h4>
         </div>
       </template>
       <template v-else>
         <div class="file-preview" v-for="(singleFile, index) in file" :key="index">
-          <p class="file-title">
+          <p class="file-title" :title="!singleFile.invalid ? singleFile.name : `${dictionary.titulo_msg_formato_invalido ? dictionary.titulo_msg_formato_invalido : 'Arquivo invalido'} - ${singleFile.name}`" :class="{'red' : singleFile.invalid}">
             <fa-icon :icon="icon(singleFile.imgOrDoc)" />
-            {{ singleFile.name }}
-          </p>
-          <p v-if="singleFile.invalid" class="file-title red">
-            {{ dictionary.titulo_msg_formato_invalido ? dictionary.titulo_msg_formato_invalido : "Arquivo invalido" }}
+            {{ !singleFile.invalid ? singleFile.name : `${dictionary.titulo_msg_formato_invalido ? dictionary.titulo_msg_formato_invalido : "Arquivo invalido"} - ${singleFile.name}` }}
           </p>
           <div class="small-img">
             <span class="img-container" v-if="singleFile.imgOrDoc === 'img' && !isPdf(singleFile.type)">
@@ -33,8 +30,11 @@
             <span class="pdf" v-else-if="isPdf(singleFile.type)">
               <fa-icon :icon="['fas', 'file-pdf']" />
             </span>
+            <span class="doc" v-else>
+              <fa-icon :icon="['fas', 'file-alt']" />
+            </span>
           </div>
-          <span @click="deleteSpecificFile(singleFile.name, index)" :title="dictionary.msg_excluir_anexo" class="delete-file">
+          <span @click="deleteSpecificFile(singleFile.name, index)" v-tippy="{placement: 'left'}" :content="dictionary.msg_excluir_anexo" :title="dictionary.msg_excluir_anexo" class="delete-file">
             <fa-icon :icon="['fas', 'trash-alt']" />
           </span>
         </div>
@@ -145,9 +145,13 @@ export default {
     padding: 10px; 
   }
   .text-footer-invalid-format h3 {
+    text-overflow: ellipsis;
+    overflow: hidden;
     font-weight: 500; 
   }
   .text-footer-invalid-format h4 {
+    text-overflow: ellipsis;
+    overflow: hidden;
     font-size: .9rem; 
   }
 
@@ -197,10 +201,11 @@ export default {
   }
   .file-title.red {
     color: #E74C3C;
-    margin-left:5px;
+    margin-right: 5px;
   }
   .file-title > svg {
-    margin-right: 5px
+    margin-right: 5px;
+    color: #333;
   }
 
   .small-img {
@@ -215,17 +220,22 @@ export default {
     height: 40px;
     cursor: pointer;
   }
-  .small-img .pdf {
+  .small-img .pdf, .small-img .doc {
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 30px;
+  }
+  .small-img .pdf {
     color: #E74C3C;
   }
-  .small-img .pdf svg{ 
+  .small-img .doc {
+    color: #006bc9;
+  }
+  .small-img .pdf svg, .small-img .doc svg{ 
     z-index: 1;
   }
-  .small-img .pdf::after {
+  .small-img .pdf::after, .small-img .doc::after {
     content: "";
     position: absolute;
     bottom: 2px;

package/src/lib-components/Chat/SingleFilePreview.vue

@@ -6,10 +6,10 @@
     </span>
     <div class="text-footer-invalid-format" v-if="fileFormatError">
       <h3 v-text="dictionary.titulo_msg_formato_invalido"></h3>
-      <h4 v-text="validFileFormats"></h4>
+      <h4 v-text="validFileFormats" :title="validFileFormats"></h4>
     </div>
     <template v-else>
-      <h3 v-if="file.name" class="text-footer-preview-title">
+      <h3 v-if="file.name" class="text-footer-preview-title" :title="file.name">
         <fa-icon :icon="['fas', 'file-alt']" v-if="isDoc" />
         <fa-icon :icon="['fas', 'image']" v-else />
         {{ file.name }}

package/src/lib-components/Chat/StandardMessages.vue

@@ -139,7 +139,7 @@ export default {
         this.loadingReq = true
         this.getStandardMessages(cod, this.token_cliente).then((data) => {
           this.loadingReq = false
-          if(data.msg_ret) return this.$toasted.global.emConstrucao({ msg: data.msg_ret })
+          if(data.msg_ret) return this.$toasted.global.defaultInfo({ msg: data.msg_ret })
           if(data) return this.showFormattedMessage(data, selectionIndex)
           this.$toasted.global.defaultError()
         }).catch(e => { 
@@ -157,7 +157,7 @@ export default {
       try {
         let success = false
         if(Array.isArray(messageData)) success = true
-        if(!success && selectionIndex != 4) this.$toasted.global.emConstrucao({ msg: messageData ? messageData.msg : "Nao foi possível obter mensagens" })
+        if(!success && selectionIndex != 4) this.$toasted.global.defaultInfo({ msg: messageData ? messageData.msg : "Nao foi possível obter mensagens" })
 
         switch (selectionIndex) {
           case 2:
@@ -177,7 +177,7 @@ export default {
           case 3:
             if(!success) {
               this.formatted_messages_3.push(messageData)
-              this.$toasted.global.emConstrucao({msg: this.dictionary.msg_erro_sem_msg_formatada})
+              this.$toasted.global.defaultInfo({msg: this.dictionary.msg_erro_sem_msg_formatada})
               this.$emit("close-blocker-standard-message")
             }else{
               if(messageData.length){

package/src/lib-components/Chat/TextFooter.vue

@@ -143,7 +143,7 @@ export default {
     },
     fileSettings: {
       type: Object,
-      default: () => { return { docsExtensions: "", imagesExtensions: "", multiple: false, systemButton: false } },
+      default: () => { return { docsExtensions: "", imagesExtensions: "", multiple: false, systemButton: false, max: 3 } },
       required: false
     },
     textId: {
@@ -211,7 +211,7 @@ export default {
         if(event.data == '' && this.showStandardMessages){
           this.closeBlockerStandardMessage()
           this.toggleStandardMessages()
-          this.$toasted.global.emConstrucao({msg: this.dictionary.msg_erro_sem_msg_formatada})
+          this.$toasted.global.defaultInfo({msg: this.dictionary.msg_erro_sem_msg_formatada})
         }else if(typeof event.data === "string" && this.showStandardMessages){
           this.message = event.data
           this.focusTextarea()
@@ -271,7 +271,7 @@ export default {
 
       if(this.textareaSettings.disabled) return false
 
-      if(this.fileFormatError) {
+      if(this.fileFormatError && this.hasAnyFile) {
         if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({ msg: this.dictionary.msg_formato_invalido })
         const str = {
           img: this.fileSettings.imagesExtensions.split("|").join(", "),
@@ -383,13 +383,14 @@ export default {
       this.audioSource = ""
     },
     returnFileType(file, stopAlert) {
+      if(!this.fileSettings.imagesExtensions && !this.fileSettings.docsExtensions) return false
       const imgRegex = new RegExp("\.("+this.fileSettings.imagesExtensions+")", "i")
       if(imgRegex.test(file.name)) return "img"
 
       const docRegex = new RegExp("\.("+this.fileSettings.docsExtensions+")", "i")
       if(docRegex.test(file.name)) return "doc"
 
-      if(!stopAlert) return
+      if(!stopAlert) return false
       if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({ msg: this.dictionary.msg_formato_invalido })
       const str = {
         img: this.fileSettings.imagesExtensions.split("|").join(", "),
@@ -717,6 +718,7 @@ ul {
       }
     
   .text-footer-container .text-footer-preview-container {
+    width: 100%;
     cursor: default;
     position: absolute;
     left: 0;

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

@@ -123,6 +123,7 @@ export default {
   .anexo-container{
     width: 100%;
     margin-top: 5px;
+    overflow: hidden;
   }
   .anexo-container a, .anexo-container .arquivo-erro{
     padding: 10px 15px 15px 15px;
@@ -130,6 +131,10 @@ export default {
     justify-content: center;
     align-items: center;
   }
+  .anexo-container p {
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
   .anexo-container p, .anexo-container .arquivo-erro{
     margin: 0;
     margin-left: 15px;