vue-intergrall-plugins 1.0.78 → 1.0.80
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.
|
@@ -8562,12 +8562,12 @@ var __vue_staticRenderFns__$a = [];
|
|
|
8562
8562
|
/* style */
|
|
8563
8563
|
var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
|
|
8564
8564
|
if (!inject) return;
|
|
8565
|
-
inject("data-v-
|
|
8565
|
+
inject("data-v-f9e4ca8e_0", {
|
|
8566
8566
|
source: ".tippy-tooltip.light-theme .tippy-backdrop{background-color:#fff}.tippy-tooltip.light-theme{background-color:#fff;border:1px solid #ccc;color:#333;-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)}.tippy-confirmation p{margin-bottom:3px}.tippy-confirmation button{border:unset;background-color:#f1f1f1;border-radius:3px;padding:5px 8px;cursor:pointer;font-size:12px}.tippy-confirmation button.cancel{border-bottom:2px solid red;margin-right:15px}.tippy-confirmation button.confirm{border-bottom:2px solid green}",
|
|
8567
8567
|
map: undefined,
|
|
8568
8568
|
media: undefined
|
|
8569
|
-
}), inject("data-v-
|
|
8570
|
-
source: ".mensagem__principal .default-doc{background-color:var(--files-bg)}.mensagem__principal .default-doc:hover{background-color:var(--files-bg-hover)}.mensagem__outros .default-doc{background-color:rgba(100,100,100,.1)}.mensagem__outros .default-doc:hover{background-color:rgba(100,100,100,.3)}.default-doc:hover p{text-decoration:underline}.default-doc{display:flex;align-items:center;padding:10px;border-radius:5px;width:100%;max-width:100%;cursor:pointer;transition:background-color 150ms ease-in-out}.default-doc svg{font-size:19.2px;margin
|
|
8569
|
+
}), inject("data-v-f9e4ca8e_1", {
|
|
8570
|
+
source: ".mensagem__principal .default-doc{background-color:var(--files-bg)}.mensagem__principal .default-doc:hover{background-color:var(--files-bg-hover)}.mensagem__outros .default-doc{background-color:rgba(100,100,100,.1)}.mensagem__outros .default-doc:hover{background-color:rgba(100,100,100,.3)}.default-doc:hover p{text-decoration:underline}.default-doc{display:flex;align-items:center;padding:10px;border-radius:5px;width:100%;max-width:100%;cursor:pointer;transition:background-color 150ms ease-in-out}.default-doc svg{font-size:19.2px;margin:0 5px}.default-doc p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;justify-content:flex-end;width:100%;padding:5px}.file-actions a{margin-right:0}.mensagem__principal .file-action-button{background-color:var(--files-bg)}.mensagem__outros .file-action-button{background-color:rgba(100,100,100,.1)}.mensagem__principal .file-action-button:hover{background-color:var(--files-bg-hover)}.mensagem__outros .file-action-button:hover{background-color:rgba(100,100,100,.3)}.file-action-button{display:flex;justify-content:center;align-items:center;margin-left:12px;cursor:pointer;padding:5px;border-radius:5px;transition:background-color 150ms ease-in-out}.file-action-button a{margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-div-anexo{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro,.anexo-container a{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro,.anexo-container p{margin:0;margin-left:15px;font-size:14.4px}.anexo-container svg{font-size:32px}.anexo-mensagem audio .divAudioPai{outline:0;width:100%;margin-bottom:5px}.audioStyle{width:370px;min-width:calc(100% - 45px)}.divAudioPai{display:flex;background-color:#f1f3f4;border-radius:50%;width:100%;border-bottom-right-radius:26px;border-top-right-radius:26px}.anexo-mensagem video{flex:1;width:100%;max-width:350px;cursor:pointer;margin-bottom:5px}.anexos-links-container{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg{cursor:pointer}.mensagem-div-anexo img{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition{width:100%;height:100%}.anexo-mensagem{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert{position:relative;padding:10.4px 19.2px;margin:5px 0;border:1px solid transparent;border-radius:4px;text-align:center}.alert svg{font-size:1.025em;margin-right:2px}.pdf{color:#e74c3c}.doc{color:#006bc9}",
|
|
8571
8571
|
map: undefined,
|
|
8572
8572
|
media: undefined
|
|
8573
8573
|
});
|
|
@@ -8575,7 +8575,7 @@ var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
|
|
|
8575
8575
|
/* scoped */
|
|
8576
8576
|
var __vue_scope_id__$a = undefined;
|
|
8577
8577
|
/* module identifier */
|
|
8578
|
-
var __vue_module_identifier__$a = "data-v-
|
|
8578
|
+
var __vue_module_identifier__$a = "data-v-f9e4ca8e";
|
|
8579
8579
|
/* functional template */
|
|
8580
8580
|
var __vue_is_functional_template__$a = false;
|
|
8581
8581
|
/* style inject shadow dom */
|
|
@@ -9128,6 +9128,12 @@ var LinkPreview = __vue_component__$d;var script$7 = {
|
|
|
9128
9128
|
console.error("Erro ao ajustar a cor da mensagem: ", e);
|
|
9129
9129
|
}
|
|
9130
9130
|
},
|
|
9131
|
+
scrollToMessage: function scrollToMessage() {
|
|
9132
|
+
this.$emit("scrollToMessage", {
|
|
9133
|
+
currentElem: this.$el,
|
|
9134
|
+
isReply: this.isReply
|
|
9135
|
+
});
|
|
9136
|
+
},
|
|
9131
9137
|
formatMsg: function formatMsg(msg) {
|
|
9132
9138
|
if (this.status == "O") return this.dictionary.msg_excluida ? this.dictionary.msg_excluida : "MENSAGEM DELETADA";
|
|
9133
9139
|
var regex = /(\n| )/g;
|
|
@@ -9185,6 +9191,14 @@ var __vue_render__$7 = function __vue_render__() {
|
|
|
9185
9191
|
}, [_vm.replyMessage ? _c('p', {
|
|
9186
9192
|
domProps: {
|
|
9187
9193
|
"innerHTML": _vm._s(_vm.replyMessage)
|
|
9194
|
+
},
|
|
9195
|
+
on: {
|
|
9196
|
+
"click": [function ($event) {
|
|
9197
|
+
$event.stopPropagation();
|
|
9198
|
+
}, function ($event) {
|
|
9199
|
+
$event.preventDefault();
|
|
9200
|
+
return _vm.scrollToMessage();
|
|
9201
|
+
}]
|
|
9188
9202
|
}
|
|
9189
9203
|
}) : _c('span', {
|
|
9190
9204
|
staticClass: "mensagem-reply-vazia"
|
|
@@ -9596,7 +9610,7 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
9596
9610
|
/* style */
|
|
9597
9611
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
9598
9612
|
if (!inject) return;
|
|
9599
|
-
inject("data-v-
|
|
9613
|
+
inject("data-v-4ff9b7b5_0", {
|
|
9600
9614
|
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}",
|
|
9601
9615
|
map: undefined,
|
|
9602
9616
|
media: undefined
|
|
@@ -9605,7 +9619,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
9605
9619
|
/* scoped */
|
|
9606
9620
|
var __vue_scope_id__$7 = undefined;
|
|
9607
9621
|
/* module identifier */
|
|
9608
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
9622
|
+
var __vue_module_identifier__$7 = "data-v-4ff9b7b5";
|
|
9609
9623
|
/* functional template */
|
|
9610
9624
|
var __vue_is_functional_template__$7 = false;
|
|
9611
9625
|
/* style inject shadow dom */
|
package/package.json
CHANGED
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="mensagem-div-anexo">
|
|
3
3
|
<div class="anexo-mensagem">
|
|
4
|
-
<img
|
|
5
|
-
v-if="imageURL"
|
|
6
|
-
@click="showImage(imageURL)"
|
|
7
|
-
:src="imageURL"
|
|
8
|
-
:alt="dictionary.alt_msg_img"
|
|
9
|
-
/>
|
|
4
|
+
<img v-if="imageURL" @click="showImage(imageURL)" :src="imageURL" :alt="dictionary.alt_msg_img" />
|
|
10
5
|
<div class="divAudioPai" v-else-if="audio">
|
|
11
6
|
<audio ref="audioPlayer" class="audioStyle" controls="controls">
|
|
12
7
|
<source :src="docURL" :type="fileType" />
|
|
@@ -30,42 +25,21 @@
|
|
|
30
25
|
<!-- Acoes -->
|
|
31
26
|
<div v-if="showControlFiles" class="file-actions">
|
|
32
27
|
<span v-if="imageURL" class="file-action-button" @click="showImage(imageURL)">
|
|
33
|
-
<fa-icon
|
|
34
|
-
:icon="['fas', 'search-plus']"
|
|
35
|
-
v-tippy
|
|
36
|
-
:content="`${dictionary.titulo_visualizar_img}`"
|
|
37
|
-
/>
|
|
28
|
+
<fa-icon :icon="['fas', 'search-plus']" v-tippy :content="`${dictionary.titulo_visualizar_img}`" />
|
|
38
29
|
</span>
|
|
39
|
-
<span
|
|
40
|
-
|
|
41
|
-
@click="openWindowFromURL(docURL)"
|
|
42
|
-
v-tippy
|
|
43
|
-
:content="`Visualizar anexo`"
|
|
44
|
-
class="file-action-button"
|
|
45
|
-
>
|
|
30
|
+
<span v-if="docURL" @click="openWindowFromURL(docURL)" v-tippy :content="`Visualizar anexo`"
|
|
31
|
+
class="file-action-button">
|
|
46
32
|
<fa-icon :icon="['fas', 'search-plus']" />
|
|
47
33
|
</span>
|
|
48
|
-
<a
|
|
49
|
-
v-
|
|
50
|
-
:href="imageURL ? imageURL : docURL"
|
|
51
|
-
:download="`${filename}`"
|
|
52
|
-
target="_blank"
|
|
53
|
-
rel="noreferrer noopener"
|
|
54
|
-
v-tippy
|
|
55
|
-
:content="`Fazer o download do anexo`"
|
|
56
|
-
class="file-action-button"
|
|
57
|
-
>
|
|
34
|
+
<a v-if="imageURL || docURL" :href="imageURL ? imageURL : docURL" :download="`${filename}`" target="_blank"
|
|
35
|
+
rel="noreferrer noopener" v-tippy :content="`Fazer o download do anexo`" class="file-action-button">
|
|
58
36
|
<fa-icon :icon="['fas', 'download']" />
|
|
59
37
|
</a>
|
|
60
38
|
<template v-if="imageURL || docURL">
|
|
61
39
|
<tippy interactive theme="light" trigger="click">
|
|
62
40
|
<template v-slot:trigger>
|
|
63
|
-
<span
|
|
64
|
-
|
|
65
|
-
ref="download-multiple-trigger"
|
|
66
|
-
v-tippy
|
|
67
|
-
:content="`Fazer o download de todos anexos da conversa`"
|
|
68
|
-
>
|
|
41
|
+
<span class="file-action-button" ref="download-multiple-trigger" v-tippy
|
|
42
|
+
:content="`Fazer o download de todos anexos da conversa`">
|
|
69
43
|
<fa-icon :icon="['fas', 'download']" />
|
|
70
44
|
<fa-icon :icon="['fas', 'download']" />
|
|
71
45
|
<fa-icon :icon="['fas', 'download']" />
|
|
@@ -75,10 +49,7 @@
|
|
|
75
49
|
<div class="tippy-confirmation">
|
|
76
50
|
<p>Deseja fazer download de todos anexos da tela?</p>
|
|
77
51
|
<button class="cancel box-shadow" @click="closeTippy">Cancelar</button>
|
|
78
|
-
<button
|
|
79
|
-
class="confirm box-shadow"
|
|
80
|
-
@click="downloadAllFilesHandler(referenceSelector)"
|
|
81
|
-
>
|
|
52
|
+
<button class="confirm box-shadow" @click="downloadAllFilesHandler(referenceSelector)">
|
|
82
53
|
Confirmar
|
|
83
54
|
</button>
|
|
84
55
|
</div>
|
|
@@ -241,7 +212,7 @@ export default {
|
|
|
241
212
|
|
|
242
213
|
.default-doc svg {
|
|
243
214
|
font-size: 19.2px;
|
|
244
|
-
margin
|
|
215
|
+
margin: 0 5px;
|
|
245
216
|
}
|
|
246
217
|
|
|
247
218
|
.default-doc p {
|
|
@@ -348,6 +319,7 @@ export default {
|
|
|
348
319
|
width: 100%;
|
|
349
320
|
margin-bottom: 5px;
|
|
350
321
|
}
|
|
322
|
+
|
|
351
323
|
.audioStyle {
|
|
352
324
|
width: 370px;
|
|
353
325
|
min-width: calc(100% - 45px);
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<div v-else class="mensagem" :class="{ mapa, 'hist-msg': histMsg, 'max-w-60': link && !mapa }">
|
|
6
6
|
<!-- Estilo da mensagem do tipo reply (que foi respondida) -->
|
|
7
7
|
<div v-if="isReply && replyMessage" class="mensagem-reply" :class="`message-reply-${origem}`">
|
|
8
|
-
<p v-if="replyMessage" v-html="replyMessage"></p>
|
|
8
|
+
<p v-if="replyMessage" v-html="replyMessage" @click.stop @click.prevent="scrollToMessage()"></p>
|
|
9
9
|
<span v-else class="mensagem-reply-vazia">
|
|
10
10
|
<fa-icon :icon="['fas', 'times']" v-if="showReplyIcon" />
|
|
11
11
|
{{
|
|
@@ -516,6 +516,12 @@ export default {
|
|
|
516
516
|
console.error("Erro ao ajustar a cor da mensagem: ", e);
|
|
517
517
|
}
|
|
518
518
|
},
|
|
519
|
+
scrollToMessage() {
|
|
520
|
+
this.$emit("scrollToMessage", {
|
|
521
|
+
currentElem: this.$el,
|
|
522
|
+
isReply: this.isReply,
|
|
523
|
+
})
|
|
524
|
+
},
|
|
519
525
|
formatMsg(msg) {
|
|
520
526
|
if (this.status == "O")
|
|
521
527
|
return this.dictionary.msg_excluida
|