vue-intergrall-plugins 1.2.0 → 1.2.18
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/dist/vue-intergrall-plugins.css +1 -1
- package/dist/vue-intergrall-plugins.esm.js +36 -17
- package/dist/vue-intergrall-plugins.min.js +10 -10
- package/dist/vue-intergrall-plugins.ssr.js +42 -22
- package/package.json +61 -61
- package/src/lib-components/Messages/AnexoMensagem.vue +123 -32
- package/src/lib-components/Messages/ChatMessages.vue +259 -78
|
@@ -1,42 +1,91 @@
|
|
|
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
|
{{
|
|
12
|
-
defaultReplyMessage
|
|
34
|
+
defaultReplyMessage
|
|
35
|
+
? defaultReplyMessage
|
|
36
|
+
: dictionary.mensagem_reply_padrao
|
|
13
37
|
}}
|
|
14
38
|
</span>
|
|
15
39
|
</div>
|
|
16
40
|
<!-- Anexos -->
|
|
17
41
|
<template v-if="anexos && anexos.length">
|
|
18
|
-
<div
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
42
|
+
<div
|
|
43
|
+
class="mensagem-anexo"
|
|
44
|
+
v-for="(anexo, index) in anexos"
|
|
45
|
+
:key="anexo.mku || index"
|
|
46
|
+
>
|
|
47
|
+
<AnexoMensagem
|
|
48
|
+
:showControlFiles="showControlFiles"
|
|
49
|
+
:referenceSelector="referenceSelector"
|
|
50
|
+
:dictionary="dictionary"
|
|
51
|
+
:anexo="anexo"
|
|
52
|
+
:origemExterna="origemExterna"
|
|
53
|
+
:dominio="dominio"
|
|
54
|
+
@abrir-imagem="abrirImagem"
|
|
55
|
+
@download-all="$emit('download-all')"
|
|
22
56
|
:hasTranscription="hasTranscription"
|
|
23
57
|
:transcriptionText="transcriptionText"
|
|
24
58
|
:transcriptionLoading="transcriptionLoading"
|
|
25
59
|
@transcribe-audio="emitTranscription"
|
|
26
|
-
|
|
60
|
+
/>
|
|
27
61
|
</div>
|
|
28
62
|
</template>
|
|
29
63
|
<!-- sticker -->
|
|
30
|
-
<img
|
|
64
|
+
<img
|
|
65
|
+
class="default-stick-size"
|
|
66
|
+
v-if="urlSticker"
|
|
67
|
+
:src="urlSticker"
|
|
68
|
+
:title="urlFileName"
|
|
69
|
+
/>
|
|
31
70
|
<!-- Mapa -->
|
|
32
71
|
<div v-if="mapa" class="mensagem-div-mapa">
|
|
33
|
-
<GmapMap
|
|
72
|
+
<GmapMap
|
|
73
|
+
:id="`mapa_${seq}`"
|
|
74
|
+
class="msg-mapa"
|
|
75
|
+
:center="center"
|
|
76
|
+
:zoom="17"
|
|
77
|
+
:options="mapOptions"
|
|
78
|
+
>
|
|
34
79
|
<GmapMarker :position="marker" />
|
|
35
80
|
</GmapMap>
|
|
36
81
|
<ul class="info-mapa" v-if="infos.length">
|
|
37
82
|
<li v-for="(info, index) in infos" :key="index" :class="info.classe">
|
|
38
83
|
<template v-if="!info.link"> {{ info.value }} </template>
|
|
39
|
-
<a
|
|
84
|
+
<a
|
|
85
|
+
v-else
|
|
86
|
+
:href="info.value"
|
|
87
|
+
@click.prevent="abrirPopup(info.value)"
|
|
88
|
+
>
|
|
40
89
|
{{ info.textLink }} <fa-icon :icon="['fas', 'map-marker-alt']" />
|
|
41
90
|
</a>
|
|
42
91
|
</li>
|
|
@@ -45,67 +94,146 @@
|
|
|
45
94
|
<!-- Preview do link -->
|
|
46
95
|
<LinkPreview v-if="link && !mapa && status != 'O'" :message="message" />
|
|
47
96
|
<!-- Mensagem -->
|
|
48
|
-
<p
|
|
97
|
+
<p
|
|
98
|
+
v-html="
|
|
99
|
+
validateInterativity() || isInteratividadeContato()
|
|
100
|
+
? ''
|
|
101
|
+
: formatMsg(message)
|
|
102
|
+
"
|
|
103
|
+
></p>
|
|
49
104
|
<!-- Botoes da interatividade -->
|
|
50
105
|
<template v-if="interatividade">
|
|
51
|
-
<InteratividadeContato
|
|
52
|
-
|
|
53
|
-
|
|
106
|
+
<InteratividadeContato
|
|
107
|
+
v-if="isInteratividadeContato()"
|
|
108
|
+
:interatividade="interatividade"
|
|
109
|
+
:dictionary="dictionary"
|
|
110
|
+
:emitContactClick="emitContactClick"
|
|
111
|
+
@contact-click="emitContactData"
|
|
112
|
+
/>
|
|
113
|
+
<InteratividadeBotoes v-else :interatividade="interatividade" />
|
|
54
114
|
</template>
|
|
55
115
|
<!-- Horario da mensagem -->
|
|
56
116
|
<span class="horario-envio" v-text="horario"></span>
|
|
57
117
|
<!-- Reenviar mensagem -->
|
|
58
118
|
<transition name="fade" mode="out-in">
|
|
59
|
-
<span
|
|
60
|
-
:
|
|
119
|
+
<span
|
|
120
|
+
:class="reply"
|
|
121
|
+
v-if="
|
|
122
|
+
hasReply && (status == 'C' || status == 'T' || status == 'ERRO')
|
|
123
|
+
"
|
|
124
|
+
v-tippy
|
|
125
|
+
:content="msgReply ? msgReply : 'Fazer reenvio da mensagem'"
|
|
126
|
+
@click="$emit('replyMsg')"
|
|
127
|
+
>
|
|
61
128
|
<fa-icon :icon="['fas', 'reply']" />
|
|
62
129
|
</span>
|
|
63
130
|
</transition>
|
|
64
131
|
<!-- ?? -->
|
|
65
132
|
<transition name="fade" mode="out-in" v-if="validadeSeq">
|
|
66
|
-
<span
|
|
67
|
-
|
|
133
|
+
<span
|
|
134
|
+
class="star dourado"
|
|
135
|
+
v-if="iniDialogo > 0"
|
|
136
|
+
:content="contentTooltipStar"
|
|
137
|
+
v-tippy
|
|
138
|
+
key="star-padrao-dourado"
|
|
139
|
+
>
|
|
68
140
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
|
69
|
-
<path
|
|
70
|
-
|
|
141
|
+
<path
|
|
142
|
+
fill="#FFD700"
|
|
143
|
+
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"
|
|
144
|
+
/>
|
|
71
145
|
</svg>
|
|
72
146
|
</span>
|
|
73
|
-
<span
|
|
147
|
+
<span
|
|
148
|
+
class="star cinza"
|
|
149
|
+
v-if="iniDialogo == 0"
|
|
150
|
+
:content="contentTooltipStar"
|
|
151
|
+
v-tippy
|
|
152
|
+
key="star-padrao-cinza"
|
|
153
|
+
>
|
|
74
154
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
|
75
|
-
<path
|
|
76
|
-
|
|
155
|
+
<path
|
|
156
|
+
fill="#808080"
|
|
157
|
+
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"
|
|
158
|
+
/>
|
|
77
159
|
</svg>
|
|
78
160
|
</span>
|
|
79
161
|
</transition>
|
|
80
162
|
<!-- Status da mensagem -->
|
|
81
163
|
<transition name="fade" mode="out-in">
|
|
82
|
-
<span
|
|
164
|
+
<span
|
|
165
|
+
class="check"
|
|
166
|
+
v-if="status == 'D'"
|
|
167
|
+
:content="contentTooltip"
|
|
168
|
+
v-tippy
|
|
169
|
+
key="check-padrao"
|
|
170
|
+
>
|
|
83
171
|
<fa-icon :icon="['fas', 'check']" />
|
|
84
172
|
</span>
|
|
85
|
-
<span
|
|
173
|
+
<span
|
|
174
|
+
class="check cinza"
|
|
175
|
+
v-else-if="status == 'Q'"
|
|
176
|
+
:content="contentTooltip"
|
|
177
|
+
v-tippy
|
|
178
|
+
key="check-cinza"
|
|
179
|
+
>
|
|
86
180
|
<fa-icon :icon="['fas', 'check']" />
|
|
87
181
|
</span>
|
|
88
|
-
<span
|
|
182
|
+
<span
|
|
183
|
+
class="check preto"
|
|
184
|
+
v-else-if="status == 'G'"
|
|
185
|
+
:content="contentTooltip"
|
|
186
|
+
v-tippy
|
|
187
|
+
key="check-preto"
|
|
188
|
+
>
|
|
89
189
|
<fa-icon :icon="['fas', 'check']" />
|
|
90
190
|
</span>
|
|
91
|
-
<span
|
|
191
|
+
<span
|
|
192
|
+
class="check preto"
|
|
193
|
+
v-else-if="status == 'E'"
|
|
194
|
+
:content="contentTooltip"
|
|
195
|
+
v-tippy
|
|
196
|
+
key="double-check-preto"
|
|
197
|
+
>
|
|
92
198
|
<fa-icon :icon="['fas', 'check-double']" />
|
|
93
199
|
</span>
|
|
94
|
-
<span
|
|
95
|
-
|
|
200
|
+
<span
|
|
201
|
+
class="check visualizado"
|
|
202
|
+
v-else-if="status == 'L'"
|
|
203
|
+
:content="contentTooltip"
|
|
204
|
+
v-tippy
|
|
205
|
+
key="double-check-visualizado"
|
|
206
|
+
>
|
|
96
207
|
<fa-icon :icon="['fas', 'check-double']" />
|
|
97
208
|
</span>
|
|
98
209
|
<!-- Status finalizador -->
|
|
99
|
-
<span
|
|
100
|
-
|
|
210
|
+
<span
|
|
211
|
+
class="check vermelho"
|
|
212
|
+
v-else-if="status == 'C' || status == 'ERRO'"
|
|
213
|
+
:content="contentTooltip"
|
|
214
|
+
v-tippy
|
|
215
|
+
key="times-circle"
|
|
216
|
+
>
|
|
101
217
|
<fa-icon :icon="['fas', 'times-circle']" />
|
|
102
218
|
</span>
|
|
103
219
|
<!-- Status finalizador -->
|
|
104
|
-
<span
|
|
220
|
+
<span
|
|
221
|
+
class="check vermelho"
|
|
222
|
+
v-else-if="status == 'T'"
|
|
223
|
+
:content="contentTooltip"
|
|
224
|
+
v-tippy
|
|
225
|
+
key="hourglass"
|
|
226
|
+
>
|
|
105
227
|
<fa-icon :icon="['fas', 'hourglass']" />
|
|
106
228
|
</span>
|
|
107
229
|
<!-- Status finalizador -->
|
|
108
|
-
<span
|
|
230
|
+
<span
|
|
231
|
+
class="check vermelho"
|
|
232
|
+
v-else-if="status == 'O'"
|
|
233
|
+
:content="contentTooltip"
|
|
234
|
+
v-tippy
|
|
235
|
+
key="deleted"
|
|
236
|
+
>
|
|
109
237
|
<fa-icon :icon="['fas', 'times']" />
|
|
110
238
|
</span>
|
|
111
239
|
<!-- Status de mensagem deletada -->
|
|
@@ -117,27 +245,63 @@
|
|
|
117
245
|
<!-- <span class="menu-mensagem" @click="toggleIsMenuOpen" v-tippy :content="dictionary.tit_mais_msg">
|
|
118
246
|
<fa-icon :icon="['fas', 'chevron-down']" />
|
|
119
247
|
</span> -->
|
|
120
|
-
<span
|
|
121
|
-
|
|
248
|
+
<span
|
|
249
|
+
class="menu-mensagem"
|
|
250
|
+
@click="responderMensagemHandler"
|
|
251
|
+
v-tippy
|
|
252
|
+
:content="dictionary.tit_responder_msg"
|
|
253
|
+
v-if="showMenu.reply"
|
|
254
|
+
>
|
|
122
255
|
<fa-icon :icon="['fas', 'reply']" />
|
|
123
256
|
</span>
|
|
124
|
-
<span
|
|
125
|
-
|
|
257
|
+
<span
|
|
258
|
+
class="menu-mensagem"
|
|
259
|
+
@click="reagirMensagemHandler"
|
|
260
|
+
v-tippy
|
|
261
|
+
:content="dictionary.tit_reagir_msg"
|
|
262
|
+
v-if="showMenu.reaction"
|
|
263
|
+
>
|
|
126
264
|
<fa-icon :icon="['fas', 'smile']" />
|
|
127
265
|
</span>
|
|
128
|
-
<template
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
266
|
+
<template
|
|
267
|
+
v-if="showMenu.customButtons && showMenu.customButtons.length"
|
|
268
|
+
>
|
|
269
|
+
<span
|
|
270
|
+
v-for="(button, index) in showMenu.customButtons"
|
|
271
|
+
:key="button.id || index"
|
|
272
|
+
v-show="button.use"
|
|
273
|
+
@click="button.callback(returnParams(button.params))"
|
|
274
|
+
:class="`${button.customClass || 'menu-mensagem'}`"
|
|
275
|
+
v-tippy
|
|
276
|
+
:content="button.tippyContent"
|
|
277
|
+
>
|
|
278
|
+
<fa-icon
|
|
279
|
+
:icon="['fas', button.icon || 'question-circle']"
|
|
280
|
+
v-if="!button.svgIcon"
|
|
281
|
+
/>
|
|
282
|
+
<span
|
|
283
|
+
v-else
|
|
284
|
+
v-html="button.svgIcon"
|
|
285
|
+
:class="button.svgClass ? button.svgClass : ''"
|
|
286
|
+
></span>
|
|
134
287
|
</span>
|
|
135
288
|
</template>
|
|
136
289
|
</div>
|
|
137
|
-
<div
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
290
|
+
<div
|
|
291
|
+
class="emoji-message-container"
|
|
292
|
+
v-if="isEmojisOpen"
|
|
293
|
+
v-clickaway="closeEmojis"
|
|
294
|
+
>
|
|
295
|
+
<fa-icon
|
|
296
|
+
:icon="['fas', 'times-circle']"
|
|
297
|
+
class="sc-icone-fechar sc-icone-fechar--externo"
|
|
298
|
+
@click="closeEmojis"
|
|
299
|
+
/>
|
|
300
|
+
<Picker
|
|
301
|
+
@insert-emoji="addReaction"
|
|
302
|
+
:recentViewOnly="true"
|
|
303
|
+
:hasLoading="false"
|
|
304
|
+
/>
|
|
141
305
|
</div>
|
|
142
306
|
<transition name="fade" mode="out-in" v-if="isMenuOpen">
|
|
143
307
|
<ul class="menu-flutuante" :class="origem" v-clickaway="closeMenu">
|
|
@@ -150,7 +314,11 @@
|
|
|
150
314
|
</ul>
|
|
151
315
|
</transition>
|
|
152
316
|
<transition name="fade" mode="out-in" v-if="messageReaction">
|
|
153
|
-
<span
|
|
317
|
+
<span
|
|
318
|
+
class="reaction"
|
|
319
|
+
v-tippy
|
|
320
|
+
:content="`${dictionary.tit_mensagem_reagida} ${messageReaction.finalEmoji}`"
|
|
321
|
+
>
|
|
154
322
|
<span v-html="messageReaction.finalEmoji"></span>
|
|
155
323
|
</span>
|
|
156
324
|
</transition>
|
|
@@ -167,7 +335,7 @@ import Picker from "../Chat/Picker";
|
|
|
167
335
|
import { formataTimezoneData } from "../../services/textFormatting";
|
|
168
336
|
import LinkPreview from "./LinkPreview";
|
|
169
337
|
import Clickaway from "@/directives/clickaway";
|
|
170
|
-
import
|
|
338
|
+
import "../../styles/style.css";
|
|
171
339
|
|
|
172
340
|
export default {
|
|
173
341
|
components: {
|
|
@@ -226,7 +394,7 @@ export default {
|
|
|
226
394
|
"showMenu",
|
|
227
395
|
"id_ext_msg",
|
|
228
396
|
"tipo_origem",
|
|
229
|
-
"message_infos"
|
|
397
|
+
"message_infos",
|
|
230
398
|
],
|
|
231
399
|
created() {
|
|
232
400
|
if (!this.$root.$refs.chatMessages) this.$root.$refs.chatMessages = this;
|
|
@@ -296,20 +464,24 @@ export default {
|
|
|
296
464
|
? this.dictionary["id_conversa"] + " - " + this.dialogoId + "<br/>"
|
|
297
465
|
: "";
|
|
298
466
|
tooltipStar += this.dialogoOrigem
|
|
299
|
-
? this.dictionary["origem_conversa"] +
|
|
467
|
+
? this.dictionary["origem_conversa"] +
|
|
468
|
+
" - " +
|
|
469
|
+
this.dialogoOrigem +
|
|
470
|
+
"<br/>"
|
|
300
471
|
: "";
|
|
301
472
|
tooltipStar += this.expSessao
|
|
302
473
|
? this.dictionary["expiracao_sessao"] +
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
474
|
+
" - " +
|
|
475
|
+
formataTimezoneData(this.expSessao) +
|
|
476
|
+
"<br/>"
|
|
306
477
|
: "";
|
|
307
478
|
|
|
308
479
|
if (this.tipo_origem) {
|
|
309
|
-
tooltipStar += `${this.dictionary["tipo_origem"]}: ${
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
480
|
+
tooltipStar += `${this.dictionary["tipo_origem"]}: ${
|
|
481
|
+
this.dictionary[`tipo_origem_${this.tipo_origem}`]
|
|
482
|
+
? this.dictionary[`tipo_origem_${this.tipo_origem}`]
|
|
483
|
+
: this.tipo_origem
|
|
484
|
+
}<br/>`;
|
|
313
485
|
}
|
|
314
486
|
|
|
315
487
|
return tooltipStar;
|
|
@@ -322,7 +494,8 @@ export default {
|
|
|
322
494
|
hasAnyMenu() {
|
|
323
495
|
if (!this.showMenu || typeof this.showMenu !== "object") return false;
|
|
324
496
|
for (let key in this.showMenu) {
|
|
325
|
-
if (this.showMenu.hasOwnProperty(key) && this.showMenu[key] === true)
|
|
497
|
+
if (this.showMenu.hasOwnProperty(key) && this.showMenu[key] === true)
|
|
498
|
+
return true;
|
|
326
499
|
if (key === "customButtons") {
|
|
327
500
|
const hasAny = this.showMenu[key].some(({ use }) => use);
|
|
328
501
|
if (hasAny) return true;
|
|
@@ -334,7 +507,7 @@ export default {
|
|
|
334
507
|
mounted() {
|
|
335
508
|
if (this.mapa) this.setMap();
|
|
336
509
|
if (this.corMsg) this.setCorMsg();
|
|
337
|
-
if(this.message_infos) this.setMessageInfos()
|
|
510
|
+
if (this.message_infos) this.setMessageInfos();
|
|
338
511
|
this.validadeUrlToMsg();
|
|
339
512
|
},
|
|
340
513
|
methods: {
|
|
@@ -379,12 +552,17 @@ export default {
|
|
|
379
552
|
const { REACTION } = this.message_infos;
|
|
380
553
|
|
|
381
554
|
if (REACTION) {
|
|
382
|
-
const hexa = REACTION.split("u")
|
|
383
|
-
|
|
555
|
+
const hexa = REACTION.split("u")
|
|
556
|
+
.slice(1)
|
|
557
|
+
.map((code) => `&#x${code};`)
|
|
558
|
+
.join("");
|
|
559
|
+
const finalEmoji = REACTION.split("u")
|
|
560
|
+
.slice(1)
|
|
561
|
+
.map((code) => String.fromCodePoint(parseInt(code, 16)))
|
|
562
|
+
.join("");
|
|
384
563
|
this.messageReaction = { hexa, finalEmoji };
|
|
385
564
|
}
|
|
386
|
-
|
|
387
|
-
} catch(err) {
|
|
565
|
+
} catch (err) {
|
|
388
566
|
console.error("Error setting message infos: ", err);
|
|
389
567
|
}
|
|
390
568
|
},
|
|
@@ -395,12 +573,12 @@ export default {
|
|
|
395
573
|
: { hexa: emoji.hexa, finalEmoji: emoji.finalEmoji };
|
|
396
574
|
this.isEmojisOpen = false;
|
|
397
575
|
|
|
398
|
-
const ckEditorContext = document.querySelector(
|
|
576
|
+
const ckEditorContext = document.querySelector(".ck-editor");
|
|
399
577
|
if (ckEditorContext) {
|
|
400
578
|
this.$emit("insert-emoji", {
|
|
401
579
|
finalEmoji: emoji.finalEmoji,
|
|
402
580
|
hexa: emoji.hexa,
|
|
403
|
-
editorType:
|
|
581
|
+
editorType: "ckeditor",
|
|
404
582
|
});
|
|
405
583
|
} else {
|
|
406
584
|
this.$emit("insert-emoji", emoji);
|
|
@@ -436,7 +614,9 @@ export default {
|
|
|
436
614
|
isInteratividadeContato() {
|
|
437
615
|
try {
|
|
438
616
|
if (
|
|
439
|
-
this.interatividade &&
|
|
617
|
+
this.interatividade &&
|
|
618
|
+
this.interatividade.length &&
|
|
619
|
+
this.interatividade[0].phones
|
|
440
620
|
) {
|
|
441
621
|
return true;
|
|
442
622
|
}
|
|
@@ -472,7 +652,8 @@ export default {
|
|
|
472
652
|
return url;
|
|
473
653
|
},
|
|
474
654
|
validadeIfExistsSticker() {
|
|
475
|
-
if (this.message && this.message.indexOf("KSTICKERK https://") === 0)
|
|
655
|
+
if (this.message && this.message.indexOf("KSTICKERK https://") === 0)
|
|
656
|
+
return true;
|
|
476
657
|
return false;
|
|
477
658
|
},
|
|
478
659
|
setCorMsg() {
|
|
@@ -508,7 +689,7 @@ export default {
|
|
|
508
689
|
value: `https://www.google.com/maps/search/?api=1&query=${this.marker.lat},${this.marker.lng}`,
|
|
509
690
|
link: true,
|
|
510
691
|
textLink: this.dictionary.abrir_mapa,
|
|
511
|
-
}
|
|
692
|
+
},
|
|
512
693
|
);
|
|
513
694
|
}
|
|
514
695
|
},
|
|
@@ -573,13 +754,13 @@ export default {
|
|
|
573
754
|
const filesBg = isHI
|
|
574
755
|
? "rgba(255, 255, 255, 0.1)"
|
|
575
756
|
: l <= 50
|
|
576
|
-
|
|
577
|
-
|
|
757
|
+
? "rgba(255, 255, 255, 0.1)"
|
|
758
|
+
: "rgba(100, 100, 100, 0.1)";
|
|
578
759
|
const filesBgHover = isHI
|
|
579
760
|
? "rgba(255, 255, 255, 0.3)"
|
|
580
761
|
: l <= 50
|
|
581
|
-
|
|
582
|
-
|
|
762
|
+
? "rgba(255, 255, 255, 0.3)"
|
|
763
|
+
: "rgba(100, 100, 100, 0.3)";
|
|
583
764
|
|
|
584
765
|
elem.style.setProperty("--text-color", textColor);
|
|
585
766
|
elem.style.setProperty("--files-bg", filesBg);
|