vue-intergrall-plugins 1.0.83 → 1.0.85
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 +16 -10
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +17 -11
- package/package.json +1 -1
- package/src/lib-components/Messages/ChatMessages.vue +218 -68
- 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");
|
|
@@ -9071,10 +9071,16 @@ var LinkPreview = __vue_component__$d;var script$7 = {
|
|
|
9071
9071
|
l = l * 100;
|
|
9072
9072
|
l = Math.round(l);
|
|
9073
9073
|
h = Math.round(360 * h);
|
|
9074
|
-
var
|
|
9075
|
-
|
|
9076
|
-
|
|
9077
|
-
|
|
9074
|
+
var elem = document.querySelector(this.referenceSelector) ? document.querySelector(this.referenceSelector) : document.documentElement;
|
|
9075
|
+
|
|
9076
|
+
// IF FIXO URGENCIA PARA O DAVID: CANAL HI
|
|
9077
|
+
var isHI = this.seq.substring(0, 2) == "HI";
|
|
9078
|
+
var textColor = isHI ? "#FFF" : l <= 50 ? "#FFF" : "#111B21";
|
|
9079
|
+
var filesBg = isHI ? "rgba(255, 255, 255, 0.1)" : l <= 50 ? "rgba(255, 255, 255, 0.1)" : "rgba(100, 100, 100, 0.1)";
|
|
9080
|
+
var filesBgHover = isHI ? "rgba(255, 255, 255, 0.3)" : l <= 50 ? "rgba(255, 255, 255, 0.3)" : "rgba(100, 100, 100, 0.3)";
|
|
9081
|
+
elem.style.setProperty("--text-color", textColor);
|
|
9082
|
+
elem.style.setProperty("--files-bg", filesBg);
|
|
9083
|
+
elem.style.setProperty("--files-bg-hover", filesBgHover);
|
|
9078
9084
|
} catch (e) {
|
|
9079
9085
|
console.error("Erro ao ajustar a cor da mensagem: ", e);
|
|
9080
9086
|
}
|
|
@@ -9560,7 +9566,7 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
9560
9566
|
/* style */
|
|
9561
9567
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
9562
9568
|
if (!inject) return;
|
|
9563
|
-
inject("data-v-
|
|
9569
|
+
inject("data-v-6237d5f0_0", {
|
|
9564
9570
|
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
9571
|
map: undefined,
|
|
9566
9572
|
media: undefined
|
|
@@ -9569,7 +9575,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
9569
9575
|
/* scoped */
|
|
9570
9576
|
var __vue_scope_id__$7 = undefined;
|
|
9571
9577
|
/* module identifier */
|
|
9572
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
9578
|
+
var __vue_module_identifier__$7 = "data-v-6237d5f0";
|
|
9573
9579
|
/* functional template */
|
|
9574
9580
|
var __vue_is_functional_template__$7 = false;
|
|
9575
9581
|
/* 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");
|
|
@@ -498,16 +637,27 @@ export default {
|
|
|
498
637
|
l = Math.round(l);
|
|
499
638
|
h = Math.round(360 * h);
|
|
500
639
|
|
|
501
|
-
const
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
);
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
640
|
+
const elem = document.querySelector(this.referenceSelector)
|
|
641
|
+
? document.querySelector(this.referenceSelector)
|
|
642
|
+
: document.documentElement;
|
|
643
|
+
|
|
644
|
+
// IF FIXO URGENCIA PARA O DAVID: CANAL HI
|
|
645
|
+
const isHI = this.seq.substring(0, 2) == "HI";
|
|
646
|
+
const textColor = isHI ? "#FFF" : l <= 50 ? "#FFF" : "#111B21";
|
|
647
|
+
const filesBg = isHI
|
|
648
|
+
? "rgba(255, 255, 255, 0.1)"
|
|
649
|
+
: l <= 50
|
|
650
|
+
? "rgba(255, 255, 255, 0.1)"
|
|
651
|
+
: "rgba(100, 100, 100, 0.1)";
|
|
652
|
+
const filesBgHover = isHI
|
|
653
|
+
? "rgba(255, 255, 255, 0.3)"
|
|
654
|
+
: l <= 50
|
|
655
|
+
? "rgba(255, 255, 255, 0.3)"
|
|
656
|
+
: "rgba(100, 100, 100, 0.3)";
|
|
657
|
+
|
|
658
|
+
elem.style.setProperty("--text-color", textColor);
|
|
659
|
+
elem.style.setProperty("--files-bg", filesBg);
|
|
660
|
+
elem.style.setProperty("--files-bg-hover", filesBgHover);
|
|
511
661
|
} catch (e) {
|
|
512
662
|
console.error("Erro ao ajustar a cor da mensagem: ", e);
|
|
513
663
|
}
|
|
@@ -788,7 +938,7 @@ export default {
|
|
|
788
938
|
background-color: #fff;
|
|
789
939
|
}
|
|
790
940
|
|
|
791
|
-
.menu-primario.outros>span:nth-child(1) {
|
|
941
|
+
.menu-primario.outros > span:nth-child(1) {
|
|
792
942
|
order: 10;
|
|
793
943
|
}
|
|
794
944
|
|
|
@@ -857,7 +1007,7 @@ export default {
|
|
|
857
1007
|
justify-content: flex-end;
|
|
858
1008
|
}
|
|
859
1009
|
|
|
860
|
-
.mensagem__principal
|
|
1010
|
+
.mensagem__principal > .mensagem::after {
|
|
861
1011
|
content: "";
|
|
862
1012
|
width: 0;
|
|
863
1013
|
height: 0;
|
|
@@ -870,16 +1020,16 @@ export default {
|
|
|
870
1020
|
transform: rotate(-90deg);
|
|
871
1021
|
}
|
|
872
1022
|
|
|
873
|
-
.mensagem__principal
|
|
1023
|
+
.mensagem__principal > .mensagem {
|
|
874
1024
|
background-color: var(--message-color);
|
|
875
1025
|
color: var(--text-color);
|
|
876
1026
|
}
|
|
877
1027
|
|
|
878
|
-
.mensagem__principal
|
|
1028
|
+
.mensagem__principal > .mensagem .horario-envio {
|
|
879
1029
|
color: var(--text-color);
|
|
880
1030
|
}
|
|
881
1031
|
|
|
882
|
-
.mensagem__principal
|
|
1032
|
+
.mensagem__principal > .mensagem .autor-mensagem {
|
|
883
1033
|
right: 5px;
|
|
884
1034
|
color: var(--text-color);
|
|
885
1035
|
}
|
|
@@ -890,12 +1040,12 @@ export default {
|
|
|
890
1040
|
display: flex;
|
|
891
1041
|
}
|
|
892
1042
|
|
|
893
|
-
.mensagem__outros
|
|
1043
|
+
.mensagem__outros > .mensagem {
|
|
894
1044
|
background-color: #fff;
|
|
895
1045
|
color: #333;
|
|
896
1046
|
}
|
|
897
1047
|
|
|
898
|
-
.mensagem__outros
|
|
1048
|
+
.mensagem__outros > .mensagem::after {
|
|
899
1049
|
content: "";
|
|
900
1050
|
width: 0;
|
|
901
1051
|
height: 0;
|
|
@@ -911,7 +1061,7 @@ export default {
|
|
|
911
1061
|
/* .mensagem__outros .check{
|
|
912
1062
|
display: none
|
|
913
1063
|
} */
|
|
914
|
-
.mensagem__outros
|
|
1064
|
+
.mensagem__outros > .autor-mensagem {
|
|
915
1065
|
left: 5px;
|
|
916
1066
|
color: #333;
|
|
917
1067
|
}
|
|
@@ -1020,7 +1170,7 @@ export default {
|
|
|
1020
1170
|
max-height: 1.8em;
|
|
1021
1171
|
}
|
|
1022
1172
|
|
|
1023
|
-
.reaction>span {
|
|
1173
|
+
.reaction > span {
|
|
1024
1174
|
display: block;
|
|
1025
1175
|
transform: translateY(-1px);
|
|
1026
1176
|
}
|
|
@@ -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 &&
|