vue-intergrall-plugins 1.0.69 → 1.0.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vue-intergrall-plugins.esm.js +65 -22
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +85 -44
- package/package.json +1 -1
- package/src/lib-components/Email/EmailFile.vue +24 -4
- package/src/lib-components/Email/EmailItem.vue +31 -7
- package/src/lib-components/Messages/ChatMessages.vue +11 -10
|
@@ -6935,7 +6935,14 @@ var __vue_component__$r = __vue_component__$q;var textoLongo = {
|
|
|
6935
6935
|
},
|
|
6936
6936
|
computed: {
|
|
6937
6937
|
iconClass: function iconClass() {
|
|
6938
|
-
|
|
6938
|
+
if (typeof this.fileType !== 'string') return "doc";
|
|
6939
|
+
if (this.fileType.includes('pdf')) return "pdf";
|
|
6940
|
+
if (this.fileType.includes('xls') || this.fileType.includes('xlsx')) return "xls";
|
|
6941
|
+
if (this.fileType.includes('ppt') || this.fileType.includes('pptx')) return "ppt";
|
|
6942
|
+
if (this.fileType.includes('zip') || this.fileType.includes('rar')) return "zip";
|
|
6943
|
+
if (this.fileType.includes('iml') || this.fileType.includes('xml')) return "xml";
|
|
6944
|
+
if (this.fileType.includes('mp3') || this.fileType.includes('aac') || this.fileType.includes('ogg') || this.fileType.includes('wma')) return "audio";
|
|
6945
|
+
return "doc";
|
|
6939
6946
|
}
|
|
6940
6947
|
},
|
|
6941
6948
|
methods: {
|
|
@@ -6990,7 +6997,14 @@ var __vue_component__$r = __vue_component__$q;var textoLongo = {
|
|
|
6990
6997
|
}
|
|
6991
6998
|
},
|
|
6992
6999
|
setIcon: function setIcon() {
|
|
6993
|
-
|
|
7000
|
+
if (typeof this.fileType !== 'string') return this.icon = ['fas', 'file-alt'];
|
|
7001
|
+
if (this.fileType.includes('pdf')) return this.icon = ['fas', 'file-pdf'];
|
|
7002
|
+
if (this.fileType.includes('xls') || this.fileType.includes('xlsx')) return this.icon = ['fas', 'file-excel'];
|
|
7003
|
+
if (this.fileType.includes('ppt') || this.fileType.includes('pptx')) return this.icon = ['fas', 'file-powerpoint'];
|
|
7004
|
+
if (this.fileType.includes('zip') || this.fileType.includes('rar')) return this.icon = ['fas', 'file-archive'];
|
|
7005
|
+
if (this.fileType.includes('iml') || this.fileType.includes('xml')) return this.icon = ['fas', 'file-code'];
|
|
7006
|
+
if (this.fileType.includes('mp3') || this.fileType.includes('aac') || this.fileType.includes('ogg') || this.fileType.includes('wma') || this.fileType.includes('mpeg')) return this.icon = ['fas', 'file-audio'];
|
|
7007
|
+
return this.icon = ['fas', 'file-alt'];
|
|
6994
7008
|
},
|
|
6995
7009
|
downloadAllFilesHandler: function downloadAllFilesHandler(referenceSelector) {
|
|
6996
7010
|
var _this = this;
|
|
@@ -9580,8 +9594,8 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
9580
9594
|
/* style */
|
|
9581
9595
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
9582
9596
|
if (!inject) return;
|
|
9583
|
-
inject("data-v-
|
|
9584
|
-
source: ":root{--message-color:#373737;--text-color:#fff;--files-bg:rgba(255, 255, 255, 0.1);--files-bg-hover:rgba(255, 255, 255, 0.1);--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-reply{padding:5px 10px;font-size:12px;color:#666;transition:background-color 150ms ease-in-out;border-radius:5px;margin:5px 0;overflow:hidden;max-width:100%}.mensagem-reply p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-principal{border-left:3px solid transparent;background-color:rgba(100,100,100,.1)}.message-reply-principal:hover{background-color:rgba(100,100,100,.2)}.message-reply-outros{background-color:#f5f5f5;border-left:3px solid var(--message-color)}.message-reply-outros:hover{background-color:#ebebeb}.mensagem-reply-vazia{display:flex;align-items:center}.mensagem-reply-vazia svg{margin-right:5px;color:#ba181b}.mensagem{padding:20px 7px 14px 7px;border-radius:5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:12px;word-break:break-word;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem
|
|
9597
|
+
inject("data-v-95f6d940_0", {
|
|
9598
|
+
source: ":root{--message-color:#373737;--text-color:#fff;--files-bg:rgba(255, 255, 255, 0.1);--files-bg-hover:rgba(255, 255, 255, 0.1);--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-reply{padding:5px 10px;font-size:12px;color:#666;transition:background-color 150ms ease-in-out;border-radius:5px;margin:5px 0;overflow:hidden;max-width:100%}.mensagem-reply p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-principal{border-left:3px solid transparent;background-color:rgba(100,100,100,.1)}.message-reply-principal:hover{background-color:rgba(100,100,100,.2)}.message-reply-outros{background-color:#f5f5f5;border-left:3px solid var(--message-color)}.message-reply-outros:hover{background-color:#ebebeb}.mensagem-reply-vazia{display:flex;align-items:center}.mensagem-reply-vazia svg{margin-right:5px;color:#ba181b}.mensagem{padding:20px 7px 14px 7px;border-radius:5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:12px;word-break:break-word;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;bottom:5px;font-size:9.6px;color:#67a332;width:14.4px;height:14.4px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:11.2px}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:6.4px;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:11.2px;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:9.6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.menu-primario{transition:opacity 150ms ease-in-out;position:absolute;font-size:11.2px;top:2px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:2px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:2px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px;opacity:.7;transition:opacity .1s ease-in-out}.menu-mensagem:active,.menu-mensagem:focus,.menu-mensagem:hover{opacity:1}.menu-flutuante{background-color:#fff;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:10px;position:absolute;top:20px;width:120px;min-height:50px;height:50px;max-height:50px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;display:flex;flex-direction:column;z-index:1}.menu-flutuante.principal{left:3px}.menu-flutuante.outros{right:3px}.menu-flutuante li{transition:background-color .3s ease-in-out;width:100%;cursor:pointer;padding:5px 10px;display:flex;align-items:center}.menu-flutuante li:hover{background-color:#e9e9e9}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:var(--text-color)}.mensagem__principal>.mensagem .horario-envio{color:var(--text-color)}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:var(--text-color)}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.85em}.info-mapa li.url{font-size:.85em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.emoji-message-container{position:absolute;top:0;z-index:1;width:300px;height:250px}.emoji-message-container .sm-emoji-picker{width:300px;height:250px}.emoji-message-container .sm-emoji-picker .sm-emoji-header{overflow-x:auto;overflow-y:hidden}.reaction{position:absolute;bottom:0;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:rgba(100,100,100,.4);padding:5px;font-size:1.3em;min-width:1.8em;min-height:1.8em;max-width:1.8em;max-height:1.8em}.reaction>span{display:block;transform:translateY(-1px)}.mensagem__outros .reaction{right:-30px}.mensagem__principal .reaction{left:-30px}",
|
|
9585
9599
|
map: undefined,
|
|
9586
9600
|
media: undefined
|
|
9587
9601
|
});
|
|
@@ -9589,7 +9603,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
9589
9603
|
/* scoped */
|
|
9590
9604
|
var __vue_scope_id__$7 = undefined;
|
|
9591
9605
|
/* module identifier */
|
|
9592
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
9606
|
+
var __vue_module_identifier__$7 = "data-v-95f6d940";
|
|
9593
9607
|
/* functional template */
|
|
9594
9608
|
var __vue_is_functional_template__$7 = false;
|
|
9595
9609
|
/* style inject shadow dom */
|
|
@@ -9990,6 +10004,7 @@ var __vue_render__$3 = function __vue_render__() {
|
|
|
9990
10004
|
},
|
|
9991
10005
|
on: {
|
|
9992
10006
|
"click": function click($event) {
|
|
10007
|
+
$event.stopPropagation();
|
|
9993
10008
|
return _vm.openWindowFromURL(_vm.imageURL, true);
|
|
9994
10009
|
}
|
|
9995
10010
|
}
|
|
@@ -10015,6 +10030,7 @@ var __vue_render__$3 = function __vue_render__() {
|
|
|
10015
10030
|
},
|
|
10016
10031
|
on: {
|
|
10017
10032
|
"click": function click($event) {
|
|
10033
|
+
$event.stopPropagation();
|
|
10018
10034
|
return _vm.openWindowFromURL(_vm.docURL, false);
|
|
10019
10035
|
}
|
|
10020
10036
|
}
|
|
@@ -10029,6 +10045,11 @@ var __vue_render__$3 = function __vue_render__() {
|
|
|
10029
10045
|
"download": "" + _vm.filename,
|
|
10030
10046
|
"target": "_blank",
|
|
10031
10047
|
"title": "Download " + _vm.filename
|
|
10048
|
+
},
|
|
10049
|
+
on: {
|
|
10050
|
+
"click": function click($event) {
|
|
10051
|
+
$event.stopPropagation();
|
|
10052
|
+
}
|
|
10032
10053
|
}
|
|
10033
10054
|
}, [_c('fa-icon', {
|
|
10034
10055
|
attrs: {
|
|
@@ -10041,6 +10062,11 @@ var __vue_render__$3 = function __vue_render__() {
|
|
|
10041
10062
|
},
|
|
10042
10063
|
domProps: {
|
|
10043
10064
|
"textContent": _vm._s(_vm.filename)
|
|
10065
|
+
},
|
|
10066
|
+
on: {
|
|
10067
|
+
"click": function click($event) {
|
|
10068
|
+
$event.stopPropagation();
|
|
10069
|
+
}
|
|
10044
10070
|
}
|
|
10045
10071
|
})])], 1);
|
|
10046
10072
|
};
|
|
@@ -10049,8 +10075,8 @@ var __vue_staticRenderFns__$3 = [];
|
|
|
10049
10075
|
/* style */
|
|
10050
10076
|
var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
|
|
10051
10077
|
if (!inject) return;
|
|
10052
|
-
inject("data-v-
|
|
10053
|
-
source: ".email-file{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;min-width:50px;width:auto;max-width:100px;height:70px;position:relative}.anexo-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.anexo-img:hover{opacity:1}.anexo-img img{max-width:100%;font-size:.8rem}.anexo-video{width:100%;height:100%;max-width:100%;overflow:hidden}.anexo-video video{max-width:100%}.box-shadow{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.anexo-icone{display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer}.anexo-icone:hover{opacity:1}.anexo-icone:visited{color:inherit}.anexo-icone.pdf{position:relative}.anexo-icone.pdf svg{color:#e74c3c}.anexo-icone.pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px}.anexo-icone.doc{color:#15517f}.anexo-icone.doc::after{content:\"\";position:absolute;width:20px;height:20px}.anexo-download{position:absolute;top:0;right:0;border-radius:5px;padding:5px;display:flex;justify-content:center;align-items:center;color:#222;background-color:#fff;z-index:1;font-size:.8rem;cursor:pointer}.anexo-name{max-width:100%;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 0 5px 0;height:20px}.anexo-icone,.anexo-img,.anexo-video{max-height:calc(100% - 20px)}",
|
|
10078
|
+
inject("data-v-5c283162_0", {
|
|
10079
|
+
source: ".email-file{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;min-width:50px;width:auto;max-width:100px;height:70px;position:relative}.anexo-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.anexo-img:hover{opacity:1}.anexo-img img{max-width:100%;font-size:.8rem}.anexo-video{width:100%;height:100%;max-width:100%;overflow:hidden}.anexo-video video{max-width:100%}.box-shadow{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.anexo-icone{display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer}.anexo-icone:hover{opacity:1}.anexo-icone:visited{color:inherit}.anexo-icone.pdf{position:relative}.anexo-icone.pdf svg{color:#e74c3c}.anexo-icone.xls svg{color:#00a65a}.anexo-icone.ppt svg{color:#e67e22}.anexo-icone.zip svg{color:#7434db}.anexo-icone.xml svg{color:#3498db}.anexo-icone.audio svg{color:#506879}.anexo-icone.pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px}.anexo-icone.doc{color:#15517f}.anexo-icone.doc::after{content:\"\";position:absolute;width:20px;height:20px}.anexo-download{position:absolute;top:0;right:0;border-radius:5px;padding:5px;display:flex;justify-content:center;align-items:center;color:#222;background-color:#fff;z-index:1;font-size:.8rem;cursor:pointer}.anexo-name{max-width:100%;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 0 5px 0;height:20px}.anexo-icone,.anexo-img,.anexo-video{max-height:calc(100% - 20px)}",
|
|
10054
10080
|
map: undefined,
|
|
10055
10081
|
media: undefined
|
|
10056
10082
|
});
|
|
@@ -10058,7 +10084,7 @@ var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
|
|
|
10058
10084
|
/* scoped */
|
|
10059
10085
|
var __vue_scope_id__$3 = undefined;
|
|
10060
10086
|
/* module identifier */
|
|
10061
|
-
var __vue_module_identifier__$3 = "data-v-
|
|
10087
|
+
var __vue_module_identifier__$3 = "data-v-5c283162";
|
|
10062
10088
|
/* functional template */
|
|
10063
10089
|
var __vue_is_functional_template__$3 = false;
|
|
10064
10090
|
/* style inject shadow dom */
|
|
@@ -10304,18 +10330,25 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10304
10330
|
});
|
|
10305
10331
|
}
|
|
10306
10332
|
return infos;
|
|
10333
|
+
},
|
|
10334
|
+
filteredFiles: function filteredFiles() {
|
|
10335
|
+
var _this = this;
|
|
10336
|
+
if (!this.anexos || !this.anexos.length) return;
|
|
10337
|
+
return this.anexos.filter(function (anexo) {
|
|
10338
|
+
return !_this.html.includes(anexo.name);
|
|
10339
|
+
});
|
|
10307
10340
|
}
|
|
10308
10341
|
},
|
|
10309
10342
|
watch: {
|
|
10310
10343
|
isOpen: 'updateIframeContent'
|
|
10311
10344
|
},
|
|
10312
10345
|
mounted: function mounted() {
|
|
10313
|
-
var
|
|
10346
|
+
var _this2 = this;
|
|
10314
10347
|
this.updateIframeContent();
|
|
10315
10348
|
this.adjustMaxWidth();
|
|
10316
10349
|
if (this.refKey) this.$root.$refs["".concat(refKey)] = this;
|
|
10317
10350
|
setTimeout(function () {
|
|
10318
|
-
if (
|
|
10351
|
+
if (_this2.isIframeLoading) _this2.adjustIframeHeight();
|
|
10319
10352
|
}, 15000);
|
|
10320
10353
|
},
|
|
10321
10354
|
methods: {
|
|
@@ -10330,26 +10363,30 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10330
10363
|
return name;
|
|
10331
10364
|
},
|
|
10332
10365
|
updateIframeContent: function updateIframeContent() {
|
|
10333
|
-
var
|
|
10366
|
+
var _this3 = this;
|
|
10334
10367
|
this.$nextTick(function () {
|
|
10335
|
-
if (
|
|
10336
|
-
var iframe =
|
|
10368
|
+
if (_this3.isOpen && _this3.isIframeLoading) {
|
|
10369
|
+
var iframe = _this3.$refs.emailIframe;
|
|
10337
10370
|
if (!iframe) return;
|
|
10338
10371
|
var doc = iframe.contentDocument || iframe.contentWindow.document;
|
|
10339
10372
|
if (!doc) return;
|
|
10373
|
+
var content = _this3.html;
|
|
10374
|
+
if (!/<[a-z][\s\S]*>/i.test(content)) {
|
|
10375
|
+
content = "<p>".concat(content, "</p>");
|
|
10376
|
+
}
|
|
10340
10377
|
doc.open();
|
|
10341
|
-
doc.write(
|
|
10378
|
+
doc.write(content);
|
|
10342
10379
|
doc.close();
|
|
10343
10380
|
var images = doc.getElementsByTagName('img');
|
|
10344
10381
|
var imagesLoaded = 0;
|
|
10345
10382
|
var imageLoadHandler = function imageLoadHandler() {
|
|
10346
10383
|
imagesLoaded++;
|
|
10347
10384
|
if (imagesLoaded === images.length) {
|
|
10348
|
-
|
|
10385
|
+
_this3.adjustIframeHeight();
|
|
10349
10386
|
}
|
|
10350
10387
|
};
|
|
10351
10388
|
if (images.length === 0) {
|
|
10352
|
-
|
|
10389
|
+
_this3.adjustIframeHeight();
|
|
10353
10390
|
} else {
|
|
10354
10391
|
var _iterator = _createForOfIteratorHelper(images),
|
|
10355
10392
|
_step;
|
|
@@ -10369,10 +10406,10 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10369
10406
|
});
|
|
10370
10407
|
},
|
|
10371
10408
|
adjustIframeHeight: function adjustIframeHeight() {
|
|
10372
|
-
var
|
|
10409
|
+
var _this4 = this;
|
|
10373
10410
|
this.$nextTick(function () {
|
|
10374
|
-
var iframe =
|
|
10375
|
-
var emailParent =
|
|
10411
|
+
var iframe = _this4.$refs.emailIframe;
|
|
10412
|
+
var emailParent = _this4.$refs.emailIframeParent;
|
|
10376
10413
|
if (iframe && emailParent) {
|
|
10377
10414
|
setTimeout(function () {
|
|
10378
10415
|
var doc = iframe.contentDocument || iframe.contentWindow.document;
|
|
@@ -10382,15 +10419,15 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10382
10419
|
emailParent.style.minHeight = "".concat(value, "px");
|
|
10383
10420
|
}, 10);
|
|
10384
10421
|
}
|
|
10385
|
-
if (
|
|
10422
|
+
if (_this4.isIframeLoading) _this4.isIframeLoading = false;
|
|
10386
10423
|
});
|
|
10387
10424
|
},
|
|
10388
10425
|
toggleShowInfos: function toggleShowInfos() {
|
|
10389
|
-
var
|
|
10426
|
+
var _this5 = this;
|
|
10390
10427
|
this.showInfos = !this.showInfos;
|
|
10391
10428
|
if (this.showInfos) {
|
|
10392
10429
|
this.$nextTick(function () {
|
|
10393
|
-
|
|
10430
|
+
_this5.adjustTopPosition();
|
|
10394
10431
|
});
|
|
10395
10432
|
}
|
|
10396
10433
|
},
|
|
@@ -10411,10 +10448,10 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10411
10448
|
}
|
|
10412
10449
|
},
|
|
10413
10450
|
adjustMaxWidth: function adjustMaxWidth() {
|
|
10414
|
-
var
|
|
10451
|
+
var _this6 = this;
|
|
10415
10452
|
this.$nextTick(function () {
|
|
10416
|
-
var toContainer =
|
|
10417
|
-
var dateContainer =
|
|
10453
|
+
var toContainer = _this6.$refs.emailToContainer;
|
|
10454
|
+
var dateContainer = _this6.$refs.emailDate;
|
|
10418
10455
|
if (!toContainer || !dateContainer) return;
|
|
10419
10456
|
toContainer.style.maxWidth = "calc(100% - ".concat(dateContainer.offsetWidth, "px)");
|
|
10420
10457
|
});
|
|
@@ -10434,7 +10471,7 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10434
10471
|
assunto: this.assunto,
|
|
10435
10472
|
dataHora: this.dataHora,
|
|
10436
10473
|
mensagem: this.mensagem,
|
|
10437
|
-
anexos: this.
|
|
10474
|
+
anexos: this.filteredFiles,
|
|
10438
10475
|
dataServer: this.dataServer,
|
|
10439
10476
|
dominio: this.dominio
|
|
10440
10477
|
});
|
|
@@ -10465,7 +10502,7 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10465
10502
|
this.toggleIsOpen();
|
|
10466
10503
|
},
|
|
10467
10504
|
returnParams: function returnParams(params) {
|
|
10468
|
-
var
|
|
10505
|
+
var _this7 = this;
|
|
10469
10506
|
var defaultParams = {
|
|
10470
10507
|
message: this.mensagem
|
|
10471
10508
|
};
|
|
@@ -10476,7 +10513,7 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10476
10513
|
}, params.values);
|
|
10477
10514
|
var customParams = _objectSpread2({}, params.values);
|
|
10478
10515
|
keys.forEach(function (key) {
|
|
10479
|
-
if (
|
|
10516
|
+
if (_this7[key]) customParams[key] = _this7[key];else console.warn("Cant find ".concat(key, " on 'this' instance"));
|
|
10480
10517
|
});
|
|
10481
10518
|
return Object.keys(customParams).length ? customParams : defaultParams;
|
|
10482
10519
|
}
|
|
@@ -10496,19 +10533,19 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10496
10533
|
return _vm.openByItem($event);
|
|
10497
10534
|
}
|
|
10498
10535
|
}
|
|
10499
|
-
}, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\" data-v-
|
|
10536
|
+
}, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\" data-v-ed28e152></div>" : "<!---->") + " "), _vm.autor ? _vm._ssrNode("<div" + _vm._ssrClass("email-author", [_vm.origem, _vm.isMainEmail ? 'main' : '']) + " data-v-ed28e152>", "</div>", [_c('fa-icon', {
|
|
10500
10537
|
class: [_vm.origem],
|
|
10501
10538
|
attrs: {
|
|
10502
10539
|
"icon": ['fas', 'reply'],
|
|
10503
10540
|
"title": "Enviado por: " + _vm.autor
|
|
10504
10541
|
}
|
|
10505
|
-
}), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.returnAuthorName()) + " class=\"email-author-name\" data-v-
|
|
10542
|
+
}), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.returnAuthorName()) + " class=\"email-author-name\" data-v-ed28e152>" + _vm._ssrEscape(_vm._s(_vm.returnAuthorName())) + "</p> "), _c('fa-icon', {
|
|
10506
10543
|
staticClass: "email-to-svg",
|
|
10507
10544
|
attrs: {
|
|
10508
10545
|
"icon": ['fas', _vm.origem === 'outros' ? 'user' : 'headset'],
|
|
10509
10546
|
"title": "E-mail " + (_vm.origem === 'outros' ? 'recebido' : 'enviado')
|
|
10510
10547
|
}
|
|
10511
|
-
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customButtons && _vm.customButtons.length ? _vm._ssrNode("<div class=\"email-custom-buttons\" data-v-
|
|
10548
|
+
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customButtons && _vm.customButtons.length ? _vm._ssrNode("<div class=\"email-custom-buttons\" data-v-ed28e152>", "</div>", _vm._l(_vm.customButtons, function (button, index) {
|
|
10512
10549
|
return _c('span', {
|
|
10513
10550
|
directives: [{
|
|
10514
10551
|
name: "show",
|
|
@@ -10539,7 +10576,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10539
10576
|
"innerHTML": _vm._s(button.svgIcon)
|
|
10540
10577
|
}
|
|
10541
10578
|
})], 1);
|
|
10542
|
-
}), 0) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-header\" data-v-
|
|
10579
|
+
}), 0) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-header\" data-v-ed28e152>", "</div>", [_vm._ssrNode("<p" + _vm._ssrAttr("title", _vm.returnMainValue()) + " class=\"email-subject\" data-v-ed28e152>" + _vm._ssrEscape("\n " + _vm._s(_vm.returnMainValue()) + "\n ") + "</p> "), _vm._ssrNode("<div class=\"header-container\" data-v-ed28e152>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, "email-header-content" + (_vm.isOpen ? ' open' : '')) + " data-v-ed28e152>", "</div>", [_vm._ssrNode("<div class=\"email-header-infos\" data-v-ed28e152>", "</div>", [_vm.para && _vm.para.length ? [_vm._ssrNode("<div class=\"email-to-from-container\" data-v-ed28e152>", "</div>", [_vm._l(_vm.paraCopia, function (recipient, index) {
|
|
10543
10580
|
return _c('EmailTo', {
|
|
10544
10581
|
key: "to-" + index,
|
|
10545
10582
|
attrs: {
|
|
@@ -10550,11 +10587,13 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10550
10587
|
});
|
|
10551
10588
|
}), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-to-btn\"" + _vm._ssrStyle(null, null, {
|
|
10552
10589
|
display: _vm.isOpen ? '' : 'none'
|
|
10553
|
-
}) + " data-v-
|
|
10590
|
+
}) + " data-v-ed28e152>", "</div>", [_c('fa-icon', {
|
|
10554
10591
|
attrs: {
|
|
10555
10592
|
"icon": ['fas', 'caret-down']
|
|
10556
10593
|
}
|
|
10557
|
-
})], 1)], 2)] : _vm._e(), _vm._ssrNode(" " + (!_vm.isMainEmail && _vm.isOpen ? "<div class=\"email-subject-secondary\" data-v-
|
|
10594
|
+
})], 1)], 2)] : _vm._e(), _vm._ssrNode(" " + (!_vm.isMainEmail && _vm.isOpen ? "<div class=\"email-subject-secondary\" data-v-ed28e152><span class=\"email-subject-span\" data-v-ed28e152>" + _vm._ssrEscape(_vm._s("Assunto: " + (_vm.htmlEntityToEmoji(_vm.replaceUnicodeWithEmoji(_vm.assunto)) || '(Sem assunto)'))) + "</span></div>" : "<!---->"))], 2)]), _vm._ssrNode(" "), _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.formattedDate) + _vm._ssrClass(null, "email-date " + (_vm.isOpen ? _vm.isOpenClass : _vm.isClosedClass)) + _vm._ssrStyle(null, null, {
|
|
10595
|
+
display: _vm.formattedDate ? '' : 'none'
|
|
10596
|
+
}) + " data-v-ed28e152>", "</span>", [_c('fa-icon', {
|
|
10558
10597
|
attrs: {
|
|
10559
10598
|
"icon": ['fas', 'calendar']
|
|
10560
10599
|
}
|
|
@@ -10575,12 +10614,12 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10575
10614
|
}
|
|
10576
10615
|
}
|
|
10577
10616
|
}, [_vm._ssrNode(_vm._ssrList(_vm.mailInfos, function (info, index) {
|
|
10578
|
-
return "<li class=\"email-info\" data-v-
|
|
10617
|
+
return "<li class=\"email-info\" data-v-ed28e152><span data-v-ed28e152>" + _vm._ssrEscape(_vm._s(info.label)) + "</span>" + _vm._ssrEscape("\n " + _vm._s(info.value) + "\n ") + "</li>";
|
|
10579
10618
|
}))]) : _vm._e(), _vm._ssrNode(" " + (_vm.isOpen ? "<span" + _vm._ssrClass(null, ['email-actions box-shadow', {
|
|
10580
10619
|
active: _vm.actionsOpen
|
|
10581
10620
|
}, {
|
|
10582
10621
|
main: _vm.isMainEmail
|
|
10583
|
-
}]) + " data-v-
|
|
10622
|
+
}]) + " data-v-ed28e152><span data-v-ed28e152></span> <span data-v-ed28e152></span> <span data-v-ed28e152></span></span>" : "<!---->") + " "), _vm.actionsOpen && _vm.isOpen ? _c('ul', {
|
|
10584
10623
|
directives: [{
|
|
10585
10624
|
name: "clickaway",
|
|
10586
10625
|
rawName: "v-clickaway",
|
|
@@ -10593,7 +10632,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10593
10632
|
$event.stopPropagation();
|
|
10594
10633
|
}
|
|
10595
10634
|
}
|
|
10596
|
-
}, [_vm._ssrNode("<li class=\"email-action\" data-v-
|
|
10635
|
+
}, [_vm._ssrNode("<li class=\"email-action\" data-v-ed28e152>" + _vm._ssrEscape("\n " + _vm._s(!_vm.openMessage ? 'Visualizar' : 'Esconder') + " texto do e-mail\n ") + "</li>")]) : _vm._e()], 2), _vm._ssrNode(" "), _c('transition', {
|
|
10597
10636
|
attrs: {
|
|
10598
10637
|
"name": "show-y-top"
|
|
10599
10638
|
}
|
|
@@ -10611,7 +10650,9 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10611
10650
|
class: "email-html " + (_vm.isIframeLoading ? 'visibility-hidden' : '')
|
|
10612
10651
|
}), _vm._v(" "), _vm.openMessage ? _c('span', {
|
|
10613
10652
|
staticClass: "email-raw"
|
|
10614
|
-
}, [_vm._v(_vm._s(_vm.mensagem))]) : _vm._e()], 1)]), _vm._ssrNode(" "), _vm.
|
|
10653
|
+
}, [_vm._v(_vm._s(_vm.mensagem))]) : _vm._e()], 1)]), _vm._ssrNode(" "), _vm.filteredFiles && _vm.filteredFiles.length ? _vm._ssrNode("<div class=\"email-files\"" + _vm._ssrStyle(null, null, {
|
|
10654
|
+
display: _vm.isOpen || _vm.isMainEmail ? '' : 'none'
|
|
10655
|
+
}) + " data-v-ed28e152>", "</div>", _vm._l(_vm.filteredFiles, function (anexo, index) {
|
|
10615
10656
|
return _c('EmailFile', {
|
|
10616
10657
|
key: index,
|
|
10617
10658
|
attrs: {
|
|
@@ -10626,20 +10667,20 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
10626
10667
|
/* style */
|
|
10627
10668
|
var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
10628
10669
|
if (!inject) return;
|
|
10629
|
-
inject("data-v-
|
|
10630
|
-
source: ".show-y-top-enter-active[data-v-
|
|
10670
|
+
inject("data-v-ed28e152_0", {
|
|
10671
|
+
source: ".show-y-top-enter-active[data-v-ed28e152],.show-y-top-leave-enter[data-v-ed28e152]{opacity:1;transform:translateY(0);transition:all .2s linear}.show-y-top-enter[data-v-ed28e152],.show-y-top-leave-to[data-v-ed28e152]{opacity:0;transform:translateY(-2%)}",
|
|
10631
10672
|
map: undefined,
|
|
10632
10673
|
media: undefined
|
|
10633
|
-
}), inject("data-v-
|
|
10634
|
-
source: "@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.visibility-hidden{visibility:hidden}.box-shadow-active{box-shadow:0 0 4px 2px rgba(0,0,0,.25)}.bg-dark-white-2{background-color:#f7f7f7}.bg-white{background-color:#fff}.cursor-pointer{cursor:pointer}.email-overlay{width:100%;height:100%;background-color:transparent;z-index:1;position:absolute;top:0;left:0}.email-item{font-family:Roboto,sans-serif;flex:1;margin:0 0 10px 0;color:#222;min-height:60px;display:flex;flex-wrap:wrap;padding:10px;border-radius:5px;transition:all 150ms ease-in-out;max-width:100%;width:100%;overflow:hidden;position:relative}.email-item.outros{border-left:3px solid #33b8df}.email-author-name{margin:0 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-author.outros{color:#33b8df}.email-author.outros>svg:nth-child(1){transform:rotate(180deg)}.email-author.principal{color:#ebb552}.email-item.principal{border-left:3px solid #ebb552}.email-item.info-open{overflow:visible}.email-header{width:100%;display:flex;flex-direction:column;cursor:pointer;border-top-right-radius:5px;border-top-left-radius:5px;position:relative;overflow:visible}.header-container{display:flex;overflow:hidden;position:relative}.email-header-content{display:flex;align-items:center;flex:1;min-width:250px}.email-header-infos{display:flex;flex-direction:column;flex:1}.email-subject{margin:5px 0 0 0;font-size:1.025rem;cursor:pointer}.email-date{--width:245px;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:absolute;right:0;top:0;min-width:var(--width);width:var(--width);max-width:var(--width);display:flex;justify-content:flex-end;gap:3px;align-items:center}.email-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;background-color:#fff;position:relative;max-width:100%}.email-actions{align-self:flex-end;display:flex;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;gap:3px;padding:5px 7px;background-color:#ddd;position:absolute;right:0;top:30px;z-index:1}.email-actions.main{top:10px}.email-actions.active{background-color:#dfdfdf}.email-actions>span{width:4px;height:4px;min-width:4px;min-height:4px;max-width:4px;max-height:4px;background-color:#222;border-radius:50%}.email-actions-list{position:absolute;right:45px;width:250px;top:5px;margin:0;list-style-type:none;padding:0;border-radius:5px;z-index:1}.email-action{background-color:#dfdfdf;padding:5px 10px;cursor:pointer;transition:background-color 150ms ease-in-out;font-size:.9rem;user-select:none}.email-action:nth-child(1){border-top-left-radius:5px;border-top-right-radius:5px}.email-action:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.email-action:hover{background-color:#ccc}.email-html{width:100%;min-width:300px;max-width:100%;border:none;overflow:auto}.email-raw{width:100%;max-width:100%;padding:15px;font-size:.9rem;color:#222}.email-files{display:flex;gap:10px;flex-wrap:wrap;width:100%;
|
|
10674
|
+
}), inject("data-v-ed28e152_1", {
|
|
10675
|
+
source: "@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.visibility-hidden{visibility:hidden}.box-shadow-active{box-shadow:0 0 4px 2px rgba(0,0,0,.25)}.bg-dark-white-2{background-color:#f7f7f7}.bg-white{background-color:#fff}.cursor-pointer{cursor:pointer}.email-overlay{width:100%;height:100%;background-color:transparent;z-index:1;position:absolute;top:0;left:0}.email-item{font-family:Roboto,sans-serif;flex:1;margin:0 0 10px 0;color:#222;min-height:60px;display:flex;flex-wrap:wrap;padding:10px;border-radius:5px;transition:all 150ms ease-in-out;max-width:100%;width:100%;overflow:hidden;position:relative}.email-item.outros{border-left:3px solid #33b8df}.email-author-name{margin:0 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-author.outros{color:#33b8df}.email-author.outros>svg:nth-child(1){transform:rotate(180deg)}.email-author.principal{color:#ebb552}.email-author.main{font-size:1.025rem}.email-item.principal{border-left:3px solid #ebb552}.email-item.info-open{overflow:visible}.email-header{width:100%;display:flex;flex-direction:column;cursor:pointer;border-top-right-radius:5px;border-top-left-radius:5px;position:relative;overflow:visible}.header-container{display:flex;overflow:hidden;position:relative}.email-header-content{display:flex;align-items:center;flex:1;min-width:250px}.email-header-infos{display:flex;flex-direction:column;flex:1}.email-subject{margin:5px 0 0 0;font-size:1.025rem;cursor:pointer}.email-date{--width:245px;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:absolute;right:0;top:0;min-width:var(--width);width:var(--width);max-width:var(--width);display:flex;justify-content:flex-end;gap:3px;align-items:center}.email-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;background-color:#fff;position:relative;max-width:100%}.email-actions{align-self:flex-end;display:flex;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;gap:3px;padding:5px 7px;background-color:#ddd;position:absolute;right:0;top:30px;z-index:1}.email-actions.main{top:10px}.email-actions.active{background-color:#dfdfdf}.email-actions>span{width:4px;height:4px;min-width:4px;min-height:4px;max-width:4px;max-height:4px;background-color:#222;border-radius:50%}.email-actions-list{position:absolute;right:45px;width:250px;top:5px;margin:0;list-style-type:none;padding:0;border-radius:5px;z-index:1}.email-action{background-color:#dfdfdf;padding:5px 10px;cursor:pointer;transition:background-color 150ms ease-in-out;font-size:.9rem;user-select:none}.email-action:nth-child(1){border-top-left-radius:5px;border-top-right-radius:5px}.email-action:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.email-action:hover{background-color:#ccc}.email-html{width:100%;min-width:300px;max-width:100%;border:none;overflow:auto}.email-raw{width:100%;max-width:100%;padding:15px;font-size:.9rem;color:#222}.email-files{display:flex;gap:10px;flex-wrap:wrap;width:100%;margin-top:5px}.email-header-content,.email-header-infos{max-width:100%;overflow:hidden}.email-to-from-container{margin-bottom:5px;max-width:100%;min-width:250px;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap;flex:1;gap:5px}.email-to-btn{padding:0 5px;font-size:.9rem;cursor:pointer;color:#666}.email-to-infos{position:absolute;bottom:-325px;border:1px solid #ccc;z-index:2;padding:10px;background-color:#fff;max-height:300px;overflow-y:auto;overflow-x:hidden;width:300px;display:flex;flex-direction:column;gap:5px;margin:0;cursor:default}.email-info{width:100%;font-size:.8rem}.email-info>span{font-size:.75rem;color:gray;margin-right:3px}.email-author{display:flex;align-items:center;height:5px;font-size:.75rem;font-weight:700;transform:translateY(-2px);width:100%;cursor:pointer}.email-subject-secondary{margin-top:-5px}.email-subject-span{font-size:.7rem;color:gray}.email-to-svg{font-size:.85rem}.email-custom-buttons{display:flex;gap:7px;position:absolute;top:5px;right:5px;z-index:1;font-size:.8rem}.menu-mensagem{cursor:pointer;padding:1px;opacity:.7;transition:opacity .1s ease-in-out}.menu-mensagem:active,.menu-mensagem:focus,.menu-mensagem:hover{opacity:1}",
|
|
10635
10676
|
map: undefined,
|
|
10636
10677
|
media: undefined
|
|
10637
10678
|
});
|
|
10638
10679
|
};
|
|
10639
10680
|
/* scoped */
|
|
10640
|
-
var __vue_scope_id__$1 = "data-v-
|
|
10681
|
+
var __vue_scope_id__$1 = "data-v-ed28e152";
|
|
10641
10682
|
/* module identifier */
|
|
10642
|
-
var __vue_module_identifier__$1 = "data-v-
|
|
10683
|
+
var __vue_module_identifier__$1 = "data-v-ed28e152";
|
|
10643
10684
|
/* functional template */
|
|
10644
10685
|
var __vue_is_functional_template__$1 = false;
|
|
10645
10686
|
/* style inject shadow dom */
|
package/package.json
CHANGED
|
@@ -2,22 +2,22 @@
|
|
|
2
2
|
<transition-group name="fade" mode="out-in">
|
|
3
3
|
<VueLoader v-if="isLoading" key="file-loader" />
|
|
4
4
|
<div v-else key="file-container" class="email-file">
|
|
5
|
-
<span v-if="imageURL" class="anexo-img box-shadow" @click="openWindowFromURL(imageURL, true)"
|
|
5
|
+
<span v-if="imageURL" class="anexo-img box-shadow" @click.stop="openWindowFromURL(imageURL, true)"
|
|
6
6
|
:title="`Visualizar ${filename}`">
|
|
7
7
|
<img :src="`${imageURL}`" :alt="filename" />
|
|
8
8
|
</span>
|
|
9
9
|
<span v-else-if="video" class="anexo-video box-shadow">
|
|
10
10
|
<video controls :src="docURL" :title="filename"></video>
|
|
11
11
|
</span>
|
|
12
|
-
<span v-else class="anexo-icone" :class="[iconClass]" @click="openWindowFromURL(docURL, false)"
|
|
12
|
+
<span v-else class="anexo-icone" :class="[iconClass]" @click.stop="openWindowFromURL(docURL, false)"
|
|
13
13
|
:title="`Visualizar ${filename}`" target="_blank">
|
|
14
14
|
<fa-icon :icon="icon" />
|
|
15
15
|
</span>
|
|
16
|
-
<a class="anexo-download box-shadow" :href="downloadURL" :download="`${filename}`" target="_blank"
|
|
16
|
+
<a class="anexo-download box-shadow" :href="downloadURL" @click.stop :download="`${filename}`" target="_blank"
|
|
17
17
|
:title="`Download ${filename}`">
|
|
18
18
|
<fa-icon :icon="['fas', 'download']" />
|
|
19
19
|
</a>
|
|
20
|
-
<span class="anexo-name" :title="filename" v-text="filename"></span>
|
|
20
|
+
<span class="anexo-name" :title="filename" @click.stop v-text="filename"></span>
|
|
21
21
|
</div>
|
|
22
22
|
</transition-group>
|
|
23
23
|
</template>
|
|
@@ -119,6 +119,26 @@ export default {
|
|
|
119
119
|
color: rgb(231, 76, 60);
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
+
.anexo-icone.xls svg {
|
|
123
|
+
color: rgb(0, 166, 90);
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.anexo-icone.ppt svg {
|
|
127
|
+
color: rgb(230, 126, 34);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.anexo-icone.zip svg {
|
|
131
|
+
color: rgb(116, 52, 219);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.anexo-icone.xml svg {
|
|
135
|
+
color: rgb(52, 152, 219);
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.anexo-icone.audio svg {
|
|
139
|
+
color: rgb(80, 104, 121);
|
|
140
|
+
}
|
|
141
|
+
|
|
122
142
|
.anexo-icone.pdf::after {
|
|
123
143
|
content: "";
|
|
124
144
|
position: absolute;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
:class="['email-item box-shadow-active', isOpen ? isOpenClass : `${isClosedClass} cursor-pointer`, showInfos ? 'info-open' : '', origem, customClass]"
|
|
4
4
|
@click="openByItem($event)">
|
|
5
5
|
<div v-if="showInfos" class="email-overlay"></div>
|
|
6
|
-
<div class="email-author" v-if="autor" :class="[origem]" @click.stop="toggleIsOpen">
|
|
6
|
+
<div class="email-author" v-if="autor" :class="[origem, isMainEmail ? 'main' : '']" @click.stop="toggleIsOpen">
|
|
7
7
|
<fa-icon :icon="['fas', 'reply']" :class="[origem]" :title="`Enviado por: ${autor}`" />
|
|
8
8
|
<p class="email-author-name" v-text="returnAuthorName()" :title="returnAuthorName()"></p>
|
|
9
9
|
<fa-icon :icon="['fas', origem === 'outros' ? 'user' : 'headset']"
|
|
@@ -40,7 +40,8 @@
|
|
|
40
40
|
</div>
|
|
41
41
|
</div>
|
|
42
42
|
</div>
|
|
43
|
-
<span :class="`email-date ${isOpen ? isOpenClass : isClosedClass}`" :title="formattedDate" ref="emailDate"
|
|
43
|
+
<span :class="`email-date ${isOpen ? isOpenClass : isClosedClass}`" :title="formattedDate" ref="emailDate"
|
|
44
|
+
v-show="formattedDate">
|
|
44
45
|
<fa-icon :icon="['fas', 'calendar']" />
|
|
45
46
|
{{ formattedDate }}
|
|
46
47
|
</span>
|
|
@@ -71,8 +72,8 @@
|
|
|
71
72
|
<span class="email-raw" v-if="openMessage">{{ mensagem }}</span>
|
|
72
73
|
</div>
|
|
73
74
|
</transition>
|
|
74
|
-
<div v-if="
|
|
75
|
-
<EmailFile v-for="(anexo, index) in
|
|
75
|
+
<div v-if="filteredFiles && filteredFiles.length" class="email-files" v-show="isOpen || isMainEmail">
|
|
76
|
+
<EmailFile v-for="(anexo, index) in filteredFiles" :key="index" :anexo="anexo" :dominio="dominio" />
|
|
76
77
|
</div>
|
|
77
78
|
</div>
|
|
78
79
|
</template>
|
|
@@ -226,6 +227,13 @@ export default {
|
|
|
226
227
|
|
|
227
228
|
return infos
|
|
228
229
|
},
|
|
230
|
+
filteredFiles() {
|
|
231
|
+
if (!this.anexos || !this.anexos.length) return
|
|
232
|
+
|
|
233
|
+
return this.anexos.filter(anexo => {
|
|
234
|
+
return !this.html.includes(anexo.name);
|
|
235
|
+
})
|
|
236
|
+
},
|
|
229
237
|
},
|
|
230
238
|
watch: {
|
|
231
239
|
isOpen: 'updateIframeContent'
|
|
@@ -256,8 +264,13 @@ export default {
|
|
|
256
264
|
if (!iframe) return
|
|
257
265
|
const doc = iframe.contentDocument || iframe.contentWindow.document;
|
|
258
266
|
if (!doc) return
|
|
267
|
+
let content = this.html
|
|
268
|
+
if (!/<[a-z][\s\S]*>/i.test(content)) {
|
|
269
|
+
content = `<p>${content}</p>`;
|
|
270
|
+
}
|
|
271
|
+
|
|
259
272
|
doc.open();
|
|
260
|
-
doc.write(
|
|
273
|
+
doc.write(content);
|
|
261
274
|
doc.close();
|
|
262
275
|
|
|
263
276
|
const images = doc.getElementsByTagName('img');
|
|
@@ -346,7 +359,7 @@ export default {
|
|
|
346
359
|
assunto: this.assunto,
|
|
347
360
|
dataHora: this.dataHora,
|
|
348
361
|
mensagem: this.mensagem,
|
|
349
|
-
anexos: this.
|
|
362
|
+
anexos: this.filteredFiles,
|
|
350
363
|
dataServer: this.dataServer,
|
|
351
364
|
dominio: this.dominio
|
|
352
365
|
})
|
|
@@ -493,6 +506,10 @@ export default {
|
|
|
493
506
|
color: #ebb552;
|
|
494
507
|
}
|
|
495
508
|
|
|
509
|
+
.email-author.main {
|
|
510
|
+
font-size: 1.025rem;
|
|
511
|
+
}
|
|
512
|
+
|
|
496
513
|
.email-item.principal {
|
|
497
514
|
border-left: 3px solid #ebb552;
|
|
498
515
|
}
|
|
@@ -657,7 +674,6 @@ export default {
|
|
|
657
674
|
gap: 10px;
|
|
658
675
|
flex-wrap: wrap;
|
|
659
676
|
width: 100%;
|
|
660
|
-
cursor: default;
|
|
661
677
|
margin-top: 5px;
|
|
662
678
|
}
|
|
663
679
|
|
|
@@ -752,5 +768,13 @@ export default {
|
|
|
752
768
|
.menu-mensagem {
|
|
753
769
|
cursor: pointer;
|
|
754
770
|
padding: 1px;
|
|
771
|
+
opacity: .7;
|
|
772
|
+
transition: opacity 100ms ease-in-out;
|
|
773
|
+
}
|
|
774
|
+
|
|
775
|
+
.menu-mensagem:hover,
|
|
776
|
+
.menu-mensagem:focus,
|
|
777
|
+
.menu-mensagem:active {
|
|
778
|
+
opacity: 1;
|
|
755
779
|
}
|
|
756
780
|
</style>
|
|
@@ -666,11 +666,6 @@ export default {
|
|
|
666
666
|
white-space: pre-wrap;
|
|
667
667
|
}
|
|
668
668
|
|
|
669
|
-
.mensagem:hover .menu-primario {
|
|
670
|
-
visibility: visible;
|
|
671
|
-
opacity: 1;
|
|
672
|
-
}
|
|
673
|
-
|
|
674
669
|
.mensagem-anexo a,
|
|
675
670
|
.mensagem-div-mapa a {
|
|
676
671
|
white-space: nowrap;
|
|
@@ -770,25 +765,23 @@ export default {
|
|
|
770
765
|
}
|
|
771
766
|
|
|
772
767
|
.menu-primario {
|
|
773
|
-
visibility: hidden;
|
|
774
|
-
opacity: 0;
|
|
775
768
|
transition: opacity 150ms ease-in-out;
|
|
776
769
|
position: absolute;
|
|
777
770
|
font-size: 11.2px;
|
|
778
|
-
top:
|
|
771
|
+
top: 2px;
|
|
779
772
|
display: flex;
|
|
780
773
|
gap: 5px;
|
|
781
774
|
padding: 2px 4px;
|
|
782
775
|
}
|
|
783
776
|
|
|
784
777
|
.menu-primario.principal {
|
|
785
|
-
left:
|
|
778
|
+
left: 2px;
|
|
786
779
|
color: var(--text-color);
|
|
787
780
|
background-color: var(--message-color);
|
|
788
781
|
}
|
|
789
782
|
|
|
790
783
|
.menu-primario.outros {
|
|
791
|
-
right:
|
|
784
|
+
right: 2px;
|
|
792
785
|
color: var(--text-color);
|
|
793
786
|
background-color: #fff;
|
|
794
787
|
}
|
|
@@ -800,6 +793,14 @@ export default {
|
|
|
800
793
|
.menu-mensagem {
|
|
801
794
|
cursor: pointer;
|
|
802
795
|
padding: 1px;
|
|
796
|
+
opacity: .7;
|
|
797
|
+
transition: opacity 100ms ease-in-out;
|
|
798
|
+
}
|
|
799
|
+
|
|
800
|
+
.menu-mensagem:hover,
|
|
801
|
+
.menu-mensagem:focus,
|
|
802
|
+
.menu-mensagem:active {
|
|
803
|
+
opacity: 1;
|
|
803
804
|
}
|
|
804
805
|
|
|
805
806
|
.menu-flutuante {
|