vue-intergrall-plugins 1.1.81 → 1.1.83

package/dist/vue-intergrall-plugins.ssr.js

@@ -21350,7 +21350,7 @@ __vue_component__$4.install = install$1;var script$1 = {
       scrollToFile: false,
       htmlToPdfOptions: {
         margin: [15, 0, 15, 0],
-        filename: 'email.pdf',
+        filename: "email.pdf",
         image: {
           type: 'jpeg',
           quality: 0.98
@@ -21471,7 +21471,9 @@ __vue_component__$4.install = install$1;var script$1 = {
       var subject = this.assunto || 'email';
       var sanitized = subject.replace(/[^a-z0-9]/gi, '_').substring(0, 50);
       var date = this.dataHora ? new Date(this.dataHora).toISOString().split('T')[0] : '';
-      return "email_".concat(sanitized, "_").concat(date);
+      var str = "email_".concat(sanitized, "_").concat(date);
+      if (str != this.htmlToPdfOptions.filename) this.htmlToPdfOptions.filename = "".concat(str, ".pdf");
+      return str;
     }
   },
   watch: {
@@ -21810,7 +21812,25 @@ var __vue_render__$1 = function __vue_render__() {
     attrs: {
       "icon": ['fas', _vm.origem === 'outros' ? 'user' : 'headset']
     }
-  })], 1)], 2) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-custom-buttons\">", "</div>", [_vm.customButtons && _vm.customButtons.length ? _vm._l(_vm.customButtons, function (button, index) {
+  })], 1)], 2) : _vm._e(), _vm._ssrNode(" "), _vm.status && _vm.status !== 'C' ? _c('span', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    staticClass: "email-status-badge email-status-enviado",
+    attrs: {
+      "content": "Enviado em: " + _vm.formattedDate
+    }
+  }, [_vm._ssrNode("\n      Enviado\n    ")], 2) : _vm.status === 'C' ? _c('span', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    staticClass: "email-status-badge email-status-nao-enviado",
+    attrs: {
+      "content": "Erro ao enviar em: " + _vm.formattedDate
+    }
+  }, [_vm._ssrNode("\n      Não enviado\n    ")]) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-custom-buttons\">", "</div>", [_vm.customButtons && _vm.customButtons.length ? _vm._l(_vm.customButtons, function (button, index) {
     return _c('span', {
       directives: [{
         name: "show",
@@ -21994,124 +22014,7 @@ var __vue_render__$1 = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'paperclip']
     }
-  }), _vm._ssrNode(" <span class=\"clip-badge\">" + _vm._ssrEscape(_vm._s(_vm.filteredFiles.length)) + "</span>")], 2)]) : _vm._e(), _vm._ssrNode(" "), _c('transition', {
-    attrs: {
-      "name": "fade",
-      "mode": "out-in"
-    }
-  }, [_vm.status == 'D' ? _c('span', {
-    directives: [{
-      name: "tippy",
-      rawName: "v-tippy"
-    }],
-    key: "check-padrao",
-    staticClass: "check",
-    attrs: {
-      "content": _vm.contentTooltip
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'check']
-    }
-  })], 1) : _vm.status == 'Q' ? _c('span', {
-    directives: [{
-      name: "tippy",
-      rawName: "v-tippy"
-    }],
-    key: "check-cinza",
-    staticClass: "check cinza",
-    attrs: {
-      "content": _vm.contentTooltip
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'check']
-    }
-  })], 1) : _vm.status == 'G' ? _c('span', {
-    directives: [{
-      name: "tippy",
-      rawName: "v-tippy"
-    }],
-    key: "check-preto",
-    staticClass: "check preto",
-    attrs: {
-      "content": _vm.contentTooltip
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'check']
-    }
-  })], 1) : _vm.status == 'E' ? _c('span', {
-    directives: [{
-      name: "tippy",
-      rawName: "v-tippy"
-    }],
-    key: "double-check-preto",
-    staticClass: "check preto",
-    attrs: {
-      "content": _vm.contentTooltip
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'check-double']
-    }
-  })], 1) : _vm.status == 'L' ? _c('span', {
-    directives: [{
-      name: "tippy",
-      rawName: "v-tippy"
-    }],
-    key: "double-check-visualizado",
-    staticClass: "check visualizado",
-    attrs: {
-      "content": _vm.contentTooltip
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'check-double']
-    }
-  })], 1) : _vm.status == 'C' || _vm.status == 'ERRO' ? _c('span', {
-    directives: [{
-      name: "tippy",
-      rawName: "v-tippy"
-    }],
-    key: "times-circle",
-    staticClass: "check vermelho",
-    attrs: {
-      "content": _vm.contentTooltip
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'times-circle']
-    }
-  })], 1) : _vm.status == 'T' ? _c('span', {
-    directives: [{
-      name: "tippy",
-      rawName: "v-tippy"
-    }],
-    key: "hourglass",
-    staticClass: "check vermelho",
-    attrs: {
-      "content": _vm.contentTooltip
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'hourglass']
-    }
-  })], 1) : _vm.status == 'O' ? _c('span', {
-    directives: [{
-      name: "tippy",
-      rawName: "v-tippy"
-    }],
-    key: "deleted",
-    staticClass: "check vermelho",
-    attrs: {
-      "content": _vm.contentTooltip
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'times']
-    }
-  })], 1) : _vm._e()]), _vm._ssrNode(" "), _c('vue-html2pdf', {
+  }), _vm._ssrNode(" <span class=\"clip-badge\">" + _vm._ssrEscape(_vm._s(_vm.filteredFiles.length)) + "</span>")], 2)]) : _vm._e(), _vm._ssrNode(" "), _c('vue-html2pdf', {
     ref: "html2pdf",
     attrs: {
       "show-layout": false,
@@ -22158,7 +22061,7 @@ var __vue_inject_styles__$1 = undefined;
 /* scoped */
 var __vue_scope_id__$1 = undefined;
 /* module identifier */
-var __vue_module_identifier__$1 = "data-v-68b28dfa";
+var __vue_module_identifier__$1 = "data-v-009c1d38";
 /* functional template */
 var __vue_is_functional_template__$1 = false;
 /* style inject */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "1.1.81",
+  "version": "1.1.83",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Email/EmailItem.vue

@@ -11,6 +11,22 @@
         <fa-icon :icon="['fas', origem === 'outros' ? 'user' : 'headset']" class="email-to-svg" />
       </span>
     </div>
+    <span 
+      v-if="status && status !== 'C'" 
+      class="email-status-badge email-status-enviado"
+      v-tippy 
+      :content="`Enviado em: ${formattedDate}`"
+    >
+      Enviado
+    </span>
+    <span 
+      v-else-if="status === 'C'" 
+      class="email-status-badge email-status-nao-enviado"
+      v-tippy 
+      :content="`Erro ao enviar em: ${formattedDate}`"
+    >
+      Não enviado
+    </span>
     <div class="email-custom-buttons" @click.stop>
       <template v-if="customButtons && customButtons.length">
         <span v-for="(button, index) in customButtons" :key="button.id || index" v-show="button.use"
@@ -189,38 +205,6 @@
   </span>
 </div>
 <!-- Status da mensagem -->
-      <transition name="fade" mode="out-in">
-        <span class="check" v-if="status == 'D'" :content="contentTooltip" v-tippy key="check-padrao">
-          <fa-icon :icon="['fas', 'check']" />
-        </span>
-        <span class="check cinza" v-else-if="status == 'Q'" :content="contentTooltip" v-tippy key="check-cinza">
-          <fa-icon :icon="['fas', 'check']" />
-        </span>
-        <span class="check preto" v-else-if="status == 'G'" :content="contentTooltip" v-tippy key="check-preto">
-          <fa-icon :icon="['fas', 'check']" />
-        </span>
-        <span class="check preto" v-else-if="status == 'E'" :content="contentTooltip" v-tippy key="double-check-preto">
-          <fa-icon :icon="['fas', 'check-double']" />
-        </span>
-        <span class="check visualizado" v-else-if="status == 'L'" :content="contentTooltip" v-tippy
-          key="double-check-visualizado">
-          <fa-icon :icon="['fas', 'check-double']" />
-        </span>
-        <!-- Status finalizador -->
-        <span class="check vermelho" v-else-if="status == 'C' || status == 'ERRO'" :content="contentTooltip" v-tippy
-          key="times-circle">
-          <fa-icon :icon="['fas', 'times-circle']" />
-        </span>
-        <!-- Status finalizador -->
-        <span class="check vermelho" v-else-if="status == 'T'" :content="contentTooltip" v-tippy key="hourglass">
-          <fa-icon :icon="['fas', 'hourglass']" />
-        </span>
-        <!-- Status finalizador -->
-        <span class="check vermelho" v-else-if="status == 'O'" :content="contentTooltip" v-tippy key="deleted">
-          <fa-icon :icon="['fas', 'times']" />
-        </span>
-        <!-- Status de mensagem deletada -->
-      </transition>
     <vue-html2pdf
       :show-layout="false"
       :enable-download="true"
@@ -419,7 +403,7 @@ export default {
       scrollToFile: false,
       htmlToPdfOptions: {
         margin: [15, 0, 15, 0],
-        filename: 'email.pdf',
+        filename: `email.pdf`,
         image: {
           type: 'jpeg',
           quality: 0.98
@@ -546,7 +530,9 @@ export default {
       const subject = this.assunto || 'email';
       const sanitized = subject.replace(/[^a-z0-9]/gi, '_').substring(0, 50);
       const date = this.dataHora ? new Date(this.dataHora).toISOString().split('T')[0] : '';
-      return `email_${sanitized}_${date}`;
+      const str = `email_${sanitized}_${date}`
+      if(str != this.htmlToPdfOptions.filename) this.htmlToPdfOptions.filename = `${str}.pdf`;
+      return str;
     }
   },
   watch: {