vue-intergrall-plugins 1.0.83 → 1.0.84
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 +6 -6
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +7 -7
- package/package.json +1 -1
- package/src/lib-components/Messages/ChatMessages.vue +197 -58
- package/src/lib-components/Messages/InteratividadeBotoes.vue +2 -2
|
@@ -8600,7 +8600,7 @@ var __vue_render__$9 = function __vue_render__() {
|
|
|
8600
8600
|
attrs: {
|
|
8601
8601
|
"icon": ['fas', 'external-link-square-alt']
|
|
8602
8602
|
}
|
|
8603
|
-
})], 2)]) : _vm.interatividade && _vm.interatividade.parameters && _vm.interatividade.parameters.button && _vm.interatividade.parameters.button.type === 'phoneNumber' ?
|
|
8603
|
+
})], 2)]) : _vm._e(), _vm._ssrNode(" " + (_vm.interatividade && _vm.interatividade.parameters && _vm.interatividade.parameters.button && _vm.interatividade.parameters.button.type === 'phoneNumber' ? "<div class=\"interatividade-btn\"><p" + _vm._ssrAttr("title", _vm.interatividade.parameters.button.text + " (" + _vm.interatividade.parameters.button.phoneNumber + ")") + " class=\"interatividade-titulo\">" + _vm._ssrEscape(_vm._s(_vm.interatividade.parameters.button.text + " (" + _vm.interatividade.parameters.button.phoneNumber + ")")) + "</p></div>" : "<!---->") + " " + (_vm.interatividade && _vm.interatividade.parameters && _vm.interatividade.parameters.button && _vm.interatividade.parameters.button.type === 'quickReply' ? "<div class=\"interatividade-btn\"><p" + _vm._ssrAttr("title", "" + _vm.interatividade.parameters.button.text) + " class=\"interatividade-titulo\">" + _vm._ssrEscape(_vm._s("" + _vm.interatividade.parameters.button.text)) + "</p></div>" : "<!---->") + " "), _c('transition', {
|
|
8604
8604
|
attrs: {
|
|
8605
8605
|
"name": "show-x"
|
|
8606
8606
|
}
|
|
@@ -8623,7 +8623,7 @@ var __vue_staticRenderFns__$9 = [];
|
|
|
8623
8623
|
/* style */
|
|
8624
8624
|
var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
|
|
8625
8625
|
if (!inject) return;
|
|
8626
|
-
inject("data-v-
|
|
8626
|
+
inject("data-v-40f065c3_0", {
|
|
8627
8627
|
source: ".interatividade-btn{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#111b21;padding:10px 12px;border-radius:5px;margin-bottom:10px}.interatividade-link{color:#0c5c8f!important;text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;gap:5px}.interatividade-btn:nth-child(1){margin-top:10px}.interatividade-titulo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape{color:#818181;margin-top:5px}.interatividade-lista-link{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link:hover{color:#00628f}",
|
|
8628
8628
|
map: undefined,
|
|
8629
8629
|
media: undefined
|
|
@@ -8632,7 +8632,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
|
|
|
8632
8632
|
/* scoped */
|
|
8633
8633
|
var __vue_scope_id__$9 = undefined;
|
|
8634
8634
|
/* module identifier */
|
|
8635
|
-
var __vue_module_identifier__$9 = "data-v-
|
|
8635
|
+
var __vue_module_identifier__$9 = "data-v-40f065c3";
|
|
8636
8636
|
/* functional template */
|
|
8637
8637
|
var __vue_is_functional_template__$9 = false;
|
|
8638
8638
|
/* style inject shadow dom */
|
|
@@ -8998,8 +8998,8 @@ var LinkPreview = __vue_component__$d;var script$7 = {
|
|
|
8998
8998
|
},
|
|
8999
8999
|
setCorMsg: function setCorMsg() {
|
|
9000
9000
|
try {
|
|
9001
|
-
var
|
|
9002
|
-
|
|
9001
|
+
var elem = document.querySelector(this.referenceSelector) ? document.querySelector(this.referenceSelector) : document.documentElement;
|
|
9002
|
+
elem.style.setProperty("--message-color", this.corMsg);
|
|
9003
9003
|
this.adjustFontColor(this.corMsg);
|
|
9004
9004
|
} catch (e) {
|
|
9005
9005
|
console.error("Erro ao atribuir a cor as mensagens");
|
|
@@ -9560,7 +9560,7 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
9560
9560
|
/* style */
|
|
9561
9561
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
9562
9562
|
if (!inject) return;
|
|
9563
|
-
inject("data-v-
|
|
9563
|
+
inject("data-v-2e5545d4_0", {
|
|
9564
9564
|
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}",
|
|
9565
9565
|
map: undefined,
|
|
9566
9566
|
media: undefined
|
|
@@ -9569,7 +9569,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
9569
9569
|
/* scoped */
|
|
9570
9570
|
var __vue_scope_id__$7 = undefined;
|
|
9571
9571
|
/* module identifier */
|
|
9572
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
9572
|
+
var __vue_module_identifier__$7 = "data-v-2e5545d4";
|
|
9573
9573
|
/* functional template */
|
|
9574
9574
|
var __vue_is_functional_template__$7 = false;
|
|
9575
9575
|
/* style inject shadow dom */
|
package/package.json
CHANGED
|
@@ -1,11 +1,33 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
<div
|
|
3
|
+
:class="'mensagem__' + origem"
|
|
4
|
+
v-if="origem && !erro"
|
|
5
|
+
:id="`a${messageIndex ? messageIndex : randomizeValue}`"
|
|
6
|
+
>
|
|
7
|
+
<InteratividadeFormulario
|
|
8
|
+
v-if="interatividade && validateInterativity()"
|
|
9
|
+
:interatividade="interatividade"
|
|
10
|
+
:dominio="dominio"
|
|
11
|
+
:anexos="anexos"
|
|
12
|
+
:dictionary="dictionary"
|
|
13
|
+
/>
|
|
14
|
+
<div
|
|
15
|
+
v-else
|
|
16
|
+
class="mensagem"
|
|
17
|
+
:class="{ mapa, 'hist-msg': histMsg, 'max-w-60': link && !mapa }"
|
|
18
|
+
>
|
|
6
19
|
<!-- Estilo da mensagem do tipo reply (que foi respondida) -->
|
|
7
|
-
<div
|
|
8
|
-
|
|
20
|
+
<div
|
|
21
|
+
v-if="isReply && replyMessage"
|
|
22
|
+
class="mensagem-reply"
|
|
23
|
+
:class="`message-reply-${origem}`"
|
|
24
|
+
>
|
|
25
|
+
<p
|
|
26
|
+
v-if="replyMessage"
|
|
27
|
+
v-html="replyMessage"
|
|
28
|
+
@click.stop
|
|
29
|
+
@click.prevent="scrollToMessage()"
|
|
30
|
+
></p>
|
|
9
31
|
<span v-else class="mensagem-reply-vazia">
|
|
10
32
|
<fa-icon :icon="['fas', 'times']" v-if="showReplyIcon" />
|
|
11
33
|
{{
|
|
@@ -16,16 +38,34 @@
|
|
|
16
38
|
<!-- Anexos -->
|
|
17
39
|
<template v-if="anexos && anexos.length">
|
|
18
40
|
<div class="mensagem-anexo" v-for="(anexo, index) in anexos" :key="index">
|
|
19
|
-
<AnexoMensagem
|
|
20
|
-
:
|
|
21
|
-
|
|
41
|
+
<AnexoMensagem
|
|
42
|
+
:showControlFiles="showControlFiles"
|
|
43
|
+
:referenceSelector="referenceSelector"
|
|
44
|
+
:dictionary="dictionary"
|
|
45
|
+
:anexo="anexo"
|
|
46
|
+
:origemExterna="origemExterna"
|
|
47
|
+
:dominio="dominio"
|
|
48
|
+
@abrir-imagem="abrirImagem"
|
|
49
|
+
@download-all="$emit('download-all')"
|
|
50
|
+
/>
|
|
22
51
|
</div>
|
|
23
52
|
</template>
|
|
24
53
|
<!-- sticker -->
|
|
25
|
-
<img
|
|
54
|
+
<img
|
|
55
|
+
class="default-stick-size"
|
|
56
|
+
v-if="urlSticker"
|
|
57
|
+
:src="urlSticker"
|
|
58
|
+
:title="urlFileName"
|
|
59
|
+
/>
|
|
26
60
|
<!-- Mapa -->
|
|
27
61
|
<div v-if="mapa" class="mensagem-div-mapa">
|
|
28
|
-
<GmapMap
|
|
62
|
+
<GmapMap
|
|
63
|
+
:id="`mapa_${seq}`"
|
|
64
|
+
class="msg-mapa"
|
|
65
|
+
:center="center"
|
|
66
|
+
:zoom="17"
|
|
67
|
+
:options="mapOptions"
|
|
68
|
+
>
|
|
29
69
|
<GmapMarker :position="marker" />
|
|
30
70
|
</GmapMap>
|
|
31
71
|
<ul class="info-mapa" v-if="infos.length">
|
|
@@ -47,56 +87,122 @@
|
|
|
47
87
|
<span class="horario-envio" v-text="horario"></span>
|
|
48
88
|
<!-- Reenviar mensagem -->
|
|
49
89
|
<transition name="fade" mode="out-in">
|
|
50
|
-
<span
|
|
51
|
-
:
|
|
90
|
+
<span
|
|
91
|
+
:class="reply"
|
|
92
|
+
v-if="hasReply && (status == 'C' || status == 'T' || status == 'ERRO')"
|
|
93
|
+
v-tippy
|
|
94
|
+
:content="msgReply ? msgReply : 'Fazer reenvio da mensagem'"
|
|
95
|
+
@click="$emit('replyMsg')"
|
|
96
|
+
>
|
|
52
97
|
<fa-icon :icon="['fas', 'reply']" />
|
|
53
98
|
</span>
|
|
54
99
|
</transition>
|
|
55
100
|
<!-- ?? -->
|
|
56
101
|
<transition name="fade" mode="out-in" v-if="validadeSeq">
|
|
57
|
-
<span
|
|
58
|
-
|
|
102
|
+
<span
|
|
103
|
+
class="star dourado"
|
|
104
|
+
v-if="iniDialogo > 0"
|
|
105
|
+
:content="contentTooltipStar"
|
|
106
|
+
v-tippy
|
|
107
|
+
key="star-padrao-dourado"
|
|
108
|
+
>
|
|
59
109
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
|
60
|
-
<path
|
|
61
|
-
|
|
110
|
+
<path
|
|
111
|
+
fill="#FFD700"
|
|
112
|
+
d="M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z"
|
|
113
|
+
/>
|
|
62
114
|
</svg>
|
|
63
115
|
</span>
|
|
64
|
-
<span
|
|
116
|
+
<span
|
|
117
|
+
class="star cinza"
|
|
118
|
+
v-if="iniDialogo == 0"
|
|
119
|
+
:content="contentTooltipStar"
|
|
120
|
+
v-tippy
|
|
121
|
+
key="star-padrao-cinza"
|
|
122
|
+
>
|
|
65
123
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
|
66
|
-
<path
|
|
67
|
-
|
|
124
|
+
<path
|
|
125
|
+
fill="#808080"
|
|
126
|
+
d="M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z"
|
|
127
|
+
/>
|
|
68
128
|
</svg>
|
|
69
129
|
</span>
|
|
70
130
|
</transition>
|
|
71
131
|
<!-- Status da mensagem -->
|
|
72
132
|
<transition name="fade" mode="out-in">
|
|
73
|
-
<span
|
|
133
|
+
<span
|
|
134
|
+
class="check"
|
|
135
|
+
v-if="status == 'D'"
|
|
136
|
+
:content="contentTooltip"
|
|
137
|
+
v-tippy
|
|
138
|
+
key="check-padrao"
|
|
139
|
+
>
|
|
74
140
|
<fa-icon :icon="['fas', 'check']" />
|
|
75
141
|
</span>
|
|
76
|
-
<span
|
|
142
|
+
<span
|
|
143
|
+
class="check cinza"
|
|
144
|
+
v-else-if="status == 'Q'"
|
|
145
|
+
:content="contentTooltip"
|
|
146
|
+
v-tippy
|
|
147
|
+
key="check-cinza"
|
|
148
|
+
>
|
|
77
149
|
<fa-icon :icon="['fas', 'check']" />
|
|
78
150
|
</span>
|
|
79
|
-
<span
|
|
151
|
+
<span
|
|
152
|
+
class="check preto"
|
|
153
|
+
v-else-if="status == 'G'"
|
|
154
|
+
:content="contentTooltip"
|
|
155
|
+
v-tippy
|
|
156
|
+
key="check-preto"
|
|
157
|
+
>
|
|
80
158
|
<fa-icon :icon="['fas', 'check']" />
|
|
81
159
|
</span>
|
|
82
|
-
<span
|
|
160
|
+
<span
|
|
161
|
+
class="check preto"
|
|
162
|
+
v-else-if="status == 'E'"
|
|
163
|
+
:content="contentTooltip"
|
|
164
|
+
v-tippy
|
|
165
|
+
key="double-check-preto"
|
|
166
|
+
>
|
|
83
167
|
<fa-icon :icon="['fas', 'check-double']" />
|
|
84
168
|
</span>
|
|
85
|
-
<span
|
|
86
|
-
|
|
169
|
+
<span
|
|
170
|
+
class="check visualizado"
|
|
171
|
+
v-else-if="status == 'L'"
|
|
172
|
+
:content="contentTooltip"
|
|
173
|
+
v-tippy
|
|
174
|
+
key="double-check-visualizado"
|
|
175
|
+
>
|
|
87
176
|
<fa-icon :icon="['fas', 'check-double']" />
|
|
88
177
|
</span>
|
|
89
178
|
<!-- Status finalizador -->
|
|
90
|
-
<span
|
|
91
|
-
|
|
179
|
+
<span
|
|
180
|
+
class="check vermelho"
|
|
181
|
+
v-else-if="status == 'C' || status == 'ERRO'"
|
|
182
|
+
:content="contentTooltip"
|
|
183
|
+
v-tippy
|
|
184
|
+
key="times-circle"
|
|
185
|
+
>
|
|
92
186
|
<fa-icon :icon="['fas', 'times-circle']" />
|
|
93
187
|
</span>
|
|
94
188
|
<!-- Status finalizador -->
|
|
95
|
-
<span
|
|
189
|
+
<span
|
|
190
|
+
class="check vermelho"
|
|
191
|
+
v-else-if="status == 'T'"
|
|
192
|
+
:content="contentTooltip"
|
|
193
|
+
v-tippy
|
|
194
|
+
key="hourglass"
|
|
195
|
+
>
|
|
96
196
|
<fa-icon :icon="['fas', 'hourglass']" />
|
|
97
197
|
</span>
|
|
98
198
|
<!-- Status finalizador -->
|
|
99
|
-
<span
|
|
199
|
+
<span
|
|
200
|
+
class="check vermelho"
|
|
201
|
+
v-else-if="status == 'O'"
|
|
202
|
+
:content="contentTooltip"
|
|
203
|
+
v-tippy
|
|
204
|
+
key="deleted"
|
|
205
|
+
>
|
|
100
206
|
<fa-icon :icon="['fas', 'times']" />
|
|
101
207
|
</span>
|
|
102
208
|
<!-- Status de mensagem deletada -->
|
|
@@ -108,26 +214,52 @@
|
|
|
108
214
|
<!-- <span class="menu-mensagem" @click="toggleIsMenuOpen" v-tippy :content="dictionary.tit_mais_msg">
|
|
109
215
|
<fa-icon :icon="['fas', 'chevron-down']" />
|
|
110
216
|
</span> -->
|
|
111
|
-
<span
|
|
112
|
-
|
|
217
|
+
<span
|
|
218
|
+
class="menu-mensagem"
|
|
219
|
+
@click="responderMensagemHandler"
|
|
220
|
+
v-tippy
|
|
221
|
+
:content="dictionary.tit_responder_msg"
|
|
222
|
+
v-if="showMenu.reply"
|
|
223
|
+
>
|
|
113
224
|
<fa-icon :icon="['fas', 'reply']" />
|
|
114
225
|
</span>
|
|
115
|
-
<span
|
|
116
|
-
|
|
226
|
+
<span
|
|
227
|
+
class="menu-mensagem"
|
|
228
|
+
@click="reagirMensagemHandler"
|
|
229
|
+
v-tippy
|
|
230
|
+
:content="dictionary.tit_reagir_msg"
|
|
231
|
+
v-if="showMenu.reaction"
|
|
232
|
+
>
|
|
117
233
|
<fa-icon :icon="['fas', 'smile']" />
|
|
118
234
|
</span>
|
|
119
235
|
<template v-if="showMenu.customButtons && showMenu.customButtons.length">
|
|
120
|
-
<span
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
236
|
+
<span
|
|
237
|
+
v-for="(button, index) in showMenu.customButtons"
|
|
238
|
+
:key="button.id || index"
|
|
239
|
+
v-show="button.use"
|
|
240
|
+
@click="button.callback(returnParams(button.params))"
|
|
241
|
+
:class="`${button.customClass || 'menu-mensagem'}`"
|
|
242
|
+
v-tippy
|
|
243
|
+
:content="button.tippyContent"
|
|
244
|
+
>
|
|
245
|
+
<fa-icon
|
|
246
|
+
:icon="['fas', button.icon || 'question-circle']"
|
|
247
|
+
v-if="!button.svgIcon"
|
|
248
|
+
/>
|
|
249
|
+
<span
|
|
250
|
+
v-else
|
|
251
|
+
v-html="button.svgIcon"
|
|
252
|
+
:class="button.svgClass ? button.svgClass : ''"
|
|
253
|
+
></span>
|
|
125
254
|
</span>
|
|
126
255
|
</template>
|
|
127
256
|
</div>
|
|
128
257
|
<div class="emoji-message-container" v-if="isEmojisOpen" v-clickaway="closeEmojis">
|
|
129
|
-
<fa-icon
|
|
130
|
-
|
|
258
|
+
<fa-icon
|
|
259
|
+
:icon="['fas', 'times-circle']"
|
|
260
|
+
class="sc-icone-fechar sc-icone-fechar--externo"
|
|
261
|
+
@click="closeEmojis"
|
|
262
|
+
/>
|
|
131
263
|
<Picker @insert-emoji="addReaction" />
|
|
132
264
|
</div>
|
|
133
265
|
<transition name="fade" mode="out-in" v-if="isMenuOpen">
|
|
@@ -141,7 +273,11 @@
|
|
|
141
273
|
</ul>
|
|
142
274
|
</transition>
|
|
143
275
|
<transition name="fade" mode="out-in" v-if="messageReaction">
|
|
144
|
-
<span
|
|
276
|
+
<span
|
|
277
|
+
class="reaction"
|
|
278
|
+
v-tippy
|
|
279
|
+
:content="`${dictionary.tit_mensagem_reagida} ${messageReaction.finalEmoji}`"
|
|
280
|
+
>
|
|
145
281
|
<span v-html="messageReaction.finalEmoji"></span>
|
|
146
282
|
</span>
|
|
147
283
|
</transition>
|
|
@@ -283,16 +419,17 @@ export default {
|
|
|
283
419
|
: "";
|
|
284
420
|
tooltipStar += this.expSessao
|
|
285
421
|
? this.dictionary["expiracao_sessao"] +
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
422
|
+
" - " +
|
|
423
|
+
formataTimezoneData(this.expSessao) +
|
|
424
|
+
"<br/>"
|
|
289
425
|
: "";
|
|
290
426
|
|
|
291
427
|
if (this.tipo_origem) {
|
|
292
|
-
tooltipStar += `${this.dictionary["tipo_origem"]}: ${
|
|
428
|
+
tooltipStar += `${this.dictionary["tipo_origem"]}: ${
|
|
429
|
+
this.dictionary[`tipo_origem_${this.tipo_origem}`]
|
|
293
430
|
? this.dictionary[`tipo_origem_${this.tipo_origem}`]
|
|
294
431
|
: this.tipo_origem
|
|
295
|
-
|
|
432
|
+
}<br/>`;
|
|
296
433
|
}
|
|
297
434
|
|
|
298
435
|
return tooltipStar;
|
|
@@ -417,8 +554,10 @@ export default {
|
|
|
417
554
|
},
|
|
418
555
|
setCorMsg() {
|
|
419
556
|
try {
|
|
420
|
-
const
|
|
421
|
-
|
|
557
|
+
const elem = document.querySelector(this.referenceSelector)
|
|
558
|
+
? document.querySelector(this.referenceSelector)
|
|
559
|
+
: document.documentElement;
|
|
560
|
+
elem.style.setProperty("--message-color", this.corMsg);
|
|
422
561
|
this.adjustFontColor(this.corMsg);
|
|
423
562
|
} catch (e) {
|
|
424
563
|
console.error("Erro ao atribuir a cor as mensagens");
|
|
@@ -788,7 +927,7 @@ export default {
|
|
|
788
927
|
background-color: #fff;
|
|
789
928
|
}
|
|
790
929
|
|
|
791
|
-
.menu-primario.outros>span:nth-child(1) {
|
|
930
|
+
.menu-primario.outros > span:nth-child(1) {
|
|
792
931
|
order: 10;
|
|
793
932
|
}
|
|
794
933
|
|
|
@@ -857,7 +996,7 @@ export default {
|
|
|
857
996
|
justify-content: flex-end;
|
|
858
997
|
}
|
|
859
998
|
|
|
860
|
-
.mensagem__principal
|
|
999
|
+
.mensagem__principal > .mensagem::after {
|
|
861
1000
|
content: "";
|
|
862
1001
|
width: 0;
|
|
863
1002
|
height: 0;
|
|
@@ -870,16 +1009,16 @@ export default {
|
|
|
870
1009
|
transform: rotate(-90deg);
|
|
871
1010
|
}
|
|
872
1011
|
|
|
873
|
-
.mensagem__principal
|
|
1012
|
+
.mensagem__principal > .mensagem {
|
|
874
1013
|
background-color: var(--message-color);
|
|
875
1014
|
color: var(--text-color);
|
|
876
1015
|
}
|
|
877
1016
|
|
|
878
|
-
.mensagem__principal
|
|
1017
|
+
.mensagem__principal > .mensagem .horario-envio {
|
|
879
1018
|
color: var(--text-color);
|
|
880
1019
|
}
|
|
881
1020
|
|
|
882
|
-
.mensagem__principal
|
|
1021
|
+
.mensagem__principal > .mensagem .autor-mensagem {
|
|
883
1022
|
right: 5px;
|
|
884
1023
|
color: var(--text-color);
|
|
885
1024
|
}
|
|
@@ -890,12 +1029,12 @@ export default {
|
|
|
890
1029
|
display: flex;
|
|
891
1030
|
}
|
|
892
1031
|
|
|
893
|
-
.mensagem__outros
|
|
1032
|
+
.mensagem__outros > .mensagem {
|
|
894
1033
|
background-color: #fff;
|
|
895
1034
|
color: #333;
|
|
896
1035
|
}
|
|
897
1036
|
|
|
898
|
-
.mensagem__outros
|
|
1037
|
+
.mensagem__outros > .mensagem::after {
|
|
899
1038
|
content: "";
|
|
900
1039
|
width: 0;
|
|
901
1040
|
height: 0;
|
|
@@ -911,7 +1050,7 @@ export default {
|
|
|
911
1050
|
/* .mensagem__outros .check{
|
|
912
1051
|
display: none
|
|
913
1052
|
} */
|
|
914
|
-
.mensagem__outros
|
|
1053
|
+
.mensagem__outros > .autor-mensagem {
|
|
915
1054
|
left: 5px;
|
|
916
1055
|
color: #333;
|
|
917
1056
|
}
|
|
@@ -1020,7 +1159,7 @@ export default {
|
|
|
1020
1159
|
max-height: 1.8em;
|
|
1021
1160
|
}
|
|
1022
1161
|
|
|
1023
|
-
.reaction>span {
|
|
1162
|
+
.reaction > span {
|
|
1024
1163
|
display: block;
|
|
1025
1164
|
transform: translateY(-1px);
|
|
1026
1165
|
}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
Acessar <fa-icon :icon="['fas', 'external-link-square-alt']" />
|
|
13
13
|
</a>
|
|
14
14
|
</div>
|
|
15
|
-
<div v-
|
|
15
|
+
<div v-if="
|
|
16
16
|
interatividade &&
|
|
17
17
|
interatividade.parameters &&
|
|
18
18
|
interatividade.parameters.button &&
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
:title="`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`" v-text="`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`
|
|
23
23
|
"></p>
|
|
24
24
|
</div>
|
|
25
|
-
<div v-
|
|
25
|
+
<div v-if="
|
|
26
26
|
interatividade &&
|
|
27
27
|
interatividade.parameters &&
|
|
28
28
|
interatividade.parameters.button &&
|