vue-intergrall-plugins 1.0.86 → 1.0.87
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.
|
@@ -6598,17 +6598,7 @@ var __vue_render__$j = function __vue_render__() {
|
|
|
6598
6598
|
$event.preventDefault();
|
|
6599
6599
|
}
|
|
6600
6600
|
}
|
|
6601
|
-
}, [_c('
|
|
6602
|
-
staticClass: "sc-icone-fechar sc-icone-fechar--externo",
|
|
6603
|
-
attrs: {
|
|
6604
|
-
"icon": ['fas', 'times-circle']
|
|
6605
|
-
},
|
|
6606
|
-
on: {
|
|
6607
|
-
"click": function click($event) {
|
|
6608
|
-
return _vm.$emit('fechar-expand');
|
|
6609
|
-
}
|
|
6610
|
-
}
|
|
6611
|
-
}), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"expand-textarea-content\">", "</div>", [_vm._ssrNode("<h1 class=\"expand-textarea-title\">" + _vm._ssrEscape(_vm._s(_vm.textareaSettings.title)) + "</h1> <textarea" + _vm._ssrAttr("placeholder", _vm.textareaSettings.placeholderMessage) + ">" + _vm._ssrEscape(_vm._s(_vm.message)) + "</textarea> "), _vm._ssrNode("<div class=\"expand-textarea-footer\">", "</div>", [_c('BtnEmojis', {
|
|
6601
|
+
}, [_vm._t("btn-close"), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"expand-textarea-content\">", "</div>", [_vm._ssrNode("<h1 class=\"expand-textarea-title\">" + _vm._ssrEscape(_vm._s(_vm.textareaSettings.title)) + "</h1> <textarea" + _vm._ssrAttr("placeholder", _vm.textareaSettings.placeholderMessage) + ">" + _vm._ssrEscape(_vm._s(_vm.message)) + "</textarea> "), _vm._ssrNode("<div class=\"expand-textarea-footer\">", "</div>", [_c('BtnEmojis', {
|
|
6612
6602
|
directives: [{
|
|
6613
6603
|
name: "show",
|
|
6614
6604
|
rawName: "v-show",
|
|
@@ -6641,8 +6631,8 @@ var __vue_staticRenderFns__$j = [];
|
|
|
6641
6631
|
/* style */
|
|
6642
6632
|
var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
|
|
6643
6633
|
if (!inject) return;
|
|
6644
|
-
inject("data-v-
|
|
6645
|
-
source: ".
|
|
6634
|
+
inject("data-v-4eea4f94_0", {
|
|
6635
|
+
source: ".expand-textarea{position:relative;width:90%;height:90%;z-index:1}.expand-textarea-content{overflow-x:hidden;overflow-y:auto;background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column}.expand-textarea-title{padding:2.5px 8px;min-height:38px;display:flex;align-items:center;width:100%;font-size:20.8px;background-color:#222;color:#fff}.expand-textarea-content textarea{padding:10px;flex:1;width:100%;border:unset;resize:none;outline:0;overflow-x:hidden}.expand-textarea-content textarea:active,.expand-textarea-content textarea:hover{outline:0}.expand-textarea-footer{display:flex;justify-content:flex-end;align-items:center;padding:10px;background-color:#f7f7f7;position:relative}.expand-textarea-footer .text-footer-preview-container{position:absolute;top:-200px;right:145px;height:200px;background:#f7f7f7}.expand-textarea-footer .text-footer-actions--btn{width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,0);color:#333;padding:2.5px;margin:0 15px 0 10px;display:flex;justify-content:center;align-items:center;font-size:20.8px;cursor:pointer;opacity:.9;transition:all .3s}.expand-textarea-footer .text-footer-actions--btn:hover{opacity:1;background-color:rgba(30,30,30,.1)}.expand-textarea-button{width:125px;height:30px;display:flex;justify-content:center;align-items:center;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:5px;padding:5px 10px;border-radius:2.5px;position:relative}.expand-textarea-button.green{background-color:#2a963a;color:#fff;margin-right:10px}.expand-textarea-button.red{background-color:#e74c3c;color:#fff}.expand-textarea-button:hover{opacity:1}.expand-textarea-button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.expand-textarea-button.carregando{background-color:#777}",
|
|
6646
6636
|
map: undefined,
|
|
6647
6637
|
media: undefined
|
|
6648
6638
|
});
|
|
@@ -6650,7 +6640,7 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
|
|
|
6650
6640
|
/* scoped */
|
|
6651
6641
|
var __vue_scope_id__$j = undefined;
|
|
6652
6642
|
/* module identifier */
|
|
6653
|
-
var __vue_module_identifier__$j = "data-v-
|
|
6643
|
+
var __vue_module_identifier__$j = "data-v-4eea4f94";
|
|
6654
6644
|
/* functional template */
|
|
6655
6645
|
var __vue_is_functional_template__$j = false;
|
|
6656
6646
|
/* style inject shadow dom */
|
|
@@ -9076,7 +9066,7 @@ var LinkPreview = __vue_component__$d;var script$7 = {
|
|
|
9076
9066
|
var elem = document.querySelector(this.referenceSelector) ? document.querySelector(this.referenceSelector) : document.documentElement;
|
|
9077
9067
|
|
|
9078
9068
|
// IF FIXO URGENCIA PARA O DAVID: CANAL HI
|
|
9079
|
-
var isHI = this.seq.substring(0, 2) == "HI";
|
|
9069
|
+
var isHI = this.seq && this.seq.substring(0, 2) == "HI";
|
|
9080
9070
|
var textColor = isHI ? "#FFF" : l <= 50 ? "#FFF" : "#111B21";
|
|
9081
9071
|
var filesBg = isHI ? "rgba(255, 255, 255, 0.1)" : l <= 50 ? "rgba(255, 255, 255, 0.1)" : "rgba(100, 100, 100, 0.1)";
|
|
9082
9072
|
var filesBgHover = isHI ? "rgba(255, 255, 255, 0.3)" : l <= 50 ? "rgba(255, 255, 255, 0.3)" : "rgba(100, 100, 100, 0.3)";
|
|
@@ -9568,8 +9558,8 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
9568
9558
|
/* style */
|
|
9569
9559
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
9570
9560
|
if (!inject) return;
|
|
9571
|
-
inject("data-v-
|
|
9572
|
-
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}",
|
|
9561
|
+
inject("data-v-6f37e31f_0", {
|
|
9562
|
+
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;height:20px;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}",
|
|
9573
9563
|
map: undefined,
|
|
9574
9564
|
media: undefined
|
|
9575
9565
|
});
|
|
@@ -9577,7 +9567,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
9577
9567
|
/* scoped */
|
|
9578
9568
|
var __vue_scope_id__$7 = undefined;
|
|
9579
9569
|
/* module identifier */
|
|
9580
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
9570
|
+
var __vue_module_identifier__$7 = "data-v-6f37e31f";
|
|
9581
9571
|
/* functional template */
|
|
9582
9572
|
var __vue_is_functional_template__$7 = false;
|
|
9583
9573
|
/* style inject shadow dom */
|
package/package.json
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="expand-textarea" @drop.stop="dropFile" @dragenter.prevent @dragover.prevent v-clickaway="away">
|
|
3
|
-
<
|
|
4
|
-
@click="$emit('fechar-expand')" />
|
|
3
|
+
<slot name="btn-close" />
|
|
5
4
|
<div class="expand-textarea-content">
|
|
6
5
|
<h1 class="expand-textarea-title" v-text="textareaSettings.title"></h1>
|
|
7
6
|
<textarea :ref="identifier" :placeholder="textareaSettings.placeholderMessage" v-model="message"
|
|
@@ -21,7 +20,7 @@
|
|
|
21
20
|
</template>
|
|
22
21
|
|
|
23
22
|
<script>
|
|
24
|
-
import Clickaway from
|
|
23
|
+
import Clickaway from "@/directives/clickaway";
|
|
25
24
|
import BtnEmojis from "./BtnEmojis";
|
|
26
25
|
import BtnFiles from "./BtnFiles";
|
|
27
26
|
import { returnMessageWithHexa } from "../../services/textFormatting";
|
|
@@ -29,7 +28,7 @@ import { returnMessageWithHexa } from "../../services/textFormatting";
|
|
|
29
28
|
export default {
|
|
30
29
|
components: { BtnEmojis, BtnFiles },
|
|
31
30
|
directives: {
|
|
32
|
-
clickaway: Clickaway
|
|
31
|
+
clickaway: Clickaway,
|
|
33
32
|
},
|
|
34
33
|
props: {
|
|
35
34
|
identifier: {
|
|
@@ -285,16 +284,6 @@ export default {
|
|
|
285
284
|
</script>
|
|
286
285
|
|
|
287
286
|
<style>
|
|
288
|
-
.sc-icone-fechar.sc-icone-fechar--externo {
|
|
289
|
-
top: -10px;
|
|
290
|
-
right: -10px;
|
|
291
|
-
}
|
|
292
|
-
|
|
293
|
-
.sc-icone-fechar.sc-icone-fechar--interno {
|
|
294
|
-
top: 10px;
|
|
295
|
-
right: 10px;
|
|
296
|
-
}
|
|
297
|
-
|
|
298
287
|
.expand-textarea {
|
|
299
288
|
position: relative;
|
|
300
289
|
width: 90%;
|
|
@@ -1,33 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
:
|
|
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
|
-
>
|
|
2
|
+
<div :class="'mensagem__' + origem" v-if="origem && !erro" :id="`a${messageIndex ? messageIndex : randomizeValue}`">
|
|
3
|
+
<InteratividadeFormulario v-if="interatividade && validateInterativity()" :interatividade="interatividade"
|
|
4
|
+
:dominio="dominio" :anexos="anexos" :dictionary="dictionary" />
|
|
5
|
+
<div v-else class="mensagem" :class="{ mapa, 'hist-msg': histMsg, 'max-w-60': link && !mapa }">
|
|
19
6
|
<!-- Estilo da mensagem do tipo reply (que foi respondida) -->
|
|
20
|
-
<div
|
|
21
|
-
v-if="
|
|
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>
|
|
7
|
+
<div v-if="isReply && replyMessage" class="mensagem-reply" :class="`message-reply-${origem}`">
|
|
8
|
+
<p v-if="replyMessage" v-html="replyMessage" @click.stop @click.prevent="scrollToMessage()"></p>
|
|
31
9
|
<span v-else class="mensagem-reply-vazia">
|
|
32
10
|
<fa-icon :icon="['fas', 'times']" v-if="showReplyIcon" />
|
|
33
11
|
{{
|
|
@@ -38,34 +16,16 @@
|
|
|
38
16
|
<!-- Anexos -->
|
|
39
17
|
<template v-if="anexos && anexos.length">
|
|
40
18
|
<div class="mensagem-anexo" v-for="(anexo, index) in anexos" :key="index">
|
|
41
|
-
<AnexoMensagem
|
|
42
|
-
:
|
|
43
|
-
|
|
44
|
-
:dictionary="dictionary"
|
|
45
|
-
:anexo="anexo"
|
|
46
|
-
:origemExterna="origemExterna"
|
|
47
|
-
:dominio="dominio"
|
|
48
|
-
@abrir-imagem="abrirImagem"
|
|
49
|
-
@download-all="$emit('download-all')"
|
|
50
|
-
/>
|
|
19
|
+
<AnexoMensagem :showControlFiles="showControlFiles" :referenceSelector="referenceSelector"
|
|
20
|
+
:dictionary="dictionary" :anexo="anexo" :origemExterna="origemExterna" :dominio="dominio"
|
|
21
|
+
@abrir-imagem="abrirImagem" @download-all="$emit('download-all')" />
|
|
51
22
|
</div>
|
|
52
23
|
</template>
|
|
53
24
|
<!-- sticker -->
|
|
54
|
-
<img
|
|
55
|
-
class="default-stick-size"
|
|
56
|
-
v-if="urlSticker"
|
|
57
|
-
:src="urlSticker"
|
|
58
|
-
:title="urlFileName"
|
|
59
|
-
/>
|
|
25
|
+
<img class="default-stick-size" v-if="urlSticker" :src="urlSticker" :title="urlFileName" />
|
|
60
26
|
<!-- Mapa -->
|
|
61
27
|
<div v-if="mapa" class="mensagem-div-mapa">
|
|
62
|
-
<GmapMap
|
|
63
|
-
:id="`mapa_${seq}`"
|
|
64
|
-
class="msg-mapa"
|
|
65
|
-
:center="center"
|
|
66
|
-
:zoom="17"
|
|
67
|
-
:options="mapOptions"
|
|
68
|
-
>
|
|
28
|
+
<GmapMap :id="`mapa_${seq}`" class="msg-mapa" :center="center" :zoom="17" :options="mapOptions">
|
|
69
29
|
<GmapMarker :position="marker" />
|
|
70
30
|
</GmapMap>
|
|
71
31
|
<ul class="info-mapa" v-if="infos.length">
|
|
@@ -87,122 +47,56 @@
|
|
|
87
47
|
<span class="horario-envio" v-text="horario"></span>
|
|
88
48
|
<!-- Reenviar mensagem -->
|
|
89
49
|
<transition name="fade" mode="out-in">
|
|
90
|
-
<span
|
|
91
|
-
:
|
|
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
|
-
>
|
|
50
|
+
<span :class="reply" v-if="hasReply && (status == 'C' || status == 'T' || status == 'ERRO')" v-tippy
|
|
51
|
+
:content="msgReply ? msgReply : 'Fazer reenvio da mensagem'" @click="$emit('replyMsg')">
|
|
97
52
|
<fa-icon :icon="['fas', 'reply']" />
|
|
98
53
|
</span>
|
|
99
54
|
</transition>
|
|
100
55
|
<!-- ?? -->
|
|
101
56
|
<transition name="fade" mode="out-in" v-if="validadeSeq">
|
|
102
|
-
<span
|
|
103
|
-
|
|
104
|
-
v-if="iniDialogo > 0"
|
|
105
|
-
:content="contentTooltipStar"
|
|
106
|
-
v-tippy
|
|
107
|
-
key="star-padrao-dourado"
|
|
108
|
-
>
|
|
57
|
+
<span class="star dourado" v-if="iniDialogo > 0" :content="contentTooltipStar" v-tippy
|
|
58
|
+
key="star-padrao-dourado">
|
|
109
59
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
|
110
|
-
<path
|
|
111
|
-
|
|
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
|
-
/>
|
|
60
|
+
<path fill="#FFD700"
|
|
61
|
+
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" />
|
|
114
62
|
</svg>
|
|
115
63
|
</span>
|
|
116
|
-
<span
|
|
117
|
-
class="star cinza"
|
|
118
|
-
v-if="iniDialogo == 0"
|
|
119
|
-
:content="contentTooltipStar"
|
|
120
|
-
v-tippy
|
|
121
|
-
key="star-padrao-cinza"
|
|
122
|
-
>
|
|
64
|
+
<span class="star cinza" v-if="iniDialogo == 0" :content="contentTooltipStar" v-tippy key="star-padrao-cinza">
|
|
123
65
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
|
124
|
-
<path
|
|
125
|
-
|
|
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
|
-
/>
|
|
66
|
+
<path fill="#808080"
|
|
67
|
+
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" />
|
|
128
68
|
</svg>
|
|
129
69
|
</span>
|
|
130
70
|
</transition>
|
|
131
71
|
<!-- Status da mensagem -->
|
|
132
72
|
<transition name="fade" mode="out-in">
|
|
133
|
-
<span
|
|
134
|
-
class="check"
|
|
135
|
-
v-if="status == 'D'"
|
|
136
|
-
:content="contentTooltip"
|
|
137
|
-
v-tippy
|
|
138
|
-
key="check-padrao"
|
|
139
|
-
>
|
|
73
|
+
<span class="check" v-if="status == 'D'" :content="contentTooltip" v-tippy key="check-padrao">
|
|
140
74
|
<fa-icon :icon="['fas', 'check']" />
|
|
141
75
|
</span>
|
|
142
|
-
<span
|
|
143
|
-
class="check cinza"
|
|
144
|
-
v-else-if="status == 'Q'"
|
|
145
|
-
:content="contentTooltip"
|
|
146
|
-
v-tippy
|
|
147
|
-
key="check-cinza"
|
|
148
|
-
>
|
|
76
|
+
<span class="check cinza" v-else-if="status == 'Q'" :content="contentTooltip" v-tippy key="check-cinza">
|
|
149
77
|
<fa-icon :icon="['fas', 'check']" />
|
|
150
78
|
</span>
|
|
151
|
-
<span
|
|
152
|
-
class="check preto"
|
|
153
|
-
v-else-if="status == 'G'"
|
|
154
|
-
:content="contentTooltip"
|
|
155
|
-
v-tippy
|
|
156
|
-
key="check-preto"
|
|
157
|
-
>
|
|
79
|
+
<span class="check preto" v-else-if="status == 'G'" :content="contentTooltip" v-tippy key="check-preto">
|
|
158
80
|
<fa-icon :icon="['fas', 'check']" />
|
|
159
81
|
</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
|
-
>
|
|
82
|
+
<span class="check preto" v-else-if="status == 'E'" :content="contentTooltip" v-tippy key="double-check-preto">
|
|
167
83
|
<fa-icon :icon="['fas', 'check-double']" />
|
|
168
84
|
</span>
|
|
169
|
-
<span
|
|
170
|
-
|
|
171
|
-
v-else-if="status == 'L'"
|
|
172
|
-
:content="contentTooltip"
|
|
173
|
-
v-tippy
|
|
174
|
-
key="double-check-visualizado"
|
|
175
|
-
>
|
|
85
|
+
<span class="check visualizado" v-else-if="status == 'L'" :content="contentTooltip" v-tippy
|
|
86
|
+
key="double-check-visualizado">
|
|
176
87
|
<fa-icon :icon="['fas', 'check-double']" />
|
|
177
88
|
</span>
|
|
178
89
|
<!-- Status finalizador -->
|
|
179
|
-
<span
|
|
180
|
-
|
|
181
|
-
v-else-if="status == 'C' || status == 'ERRO'"
|
|
182
|
-
:content="contentTooltip"
|
|
183
|
-
v-tippy
|
|
184
|
-
key="times-circle"
|
|
185
|
-
>
|
|
90
|
+
<span class="check vermelho" v-else-if="status == 'C' || status == 'ERRO'" :content="contentTooltip" v-tippy
|
|
91
|
+
key="times-circle">
|
|
186
92
|
<fa-icon :icon="['fas', 'times-circle']" />
|
|
187
93
|
</span>
|
|
188
94
|
<!-- Status finalizador -->
|
|
189
|
-
<span
|
|
190
|
-
class="check vermelho"
|
|
191
|
-
v-else-if="status == 'T'"
|
|
192
|
-
:content="contentTooltip"
|
|
193
|
-
v-tippy
|
|
194
|
-
key="hourglass"
|
|
195
|
-
>
|
|
95
|
+
<span class="check vermelho" v-else-if="status == 'T'" :content="contentTooltip" v-tippy key="hourglass">
|
|
196
96
|
<fa-icon :icon="['fas', 'hourglass']" />
|
|
197
97
|
</span>
|
|
198
98
|
<!-- Status finalizador -->
|
|
199
|
-
<span
|
|
200
|
-
class="check vermelho"
|
|
201
|
-
v-else-if="status == 'O'"
|
|
202
|
-
:content="contentTooltip"
|
|
203
|
-
v-tippy
|
|
204
|
-
key="deleted"
|
|
205
|
-
>
|
|
99
|
+
<span class="check vermelho" v-else-if="status == 'O'" :content="contentTooltip" v-tippy key="deleted">
|
|
206
100
|
<fa-icon :icon="['fas', 'times']" />
|
|
207
101
|
</span>
|
|
208
102
|
<!-- Status de mensagem deletada -->
|
|
@@ -214,52 +108,26 @@
|
|
|
214
108
|
<!-- <span class="menu-mensagem" @click="toggleIsMenuOpen" v-tippy :content="dictionary.tit_mais_msg">
|
|
215
109
|
<fa-icon :icon="['fas', 'chevron-down']" />
|
|
216
110
|
</span> -->
|
|
217
|
-
<span
|
|
218
|
-
|
|
219
|
-
@click="responderMensagemHandler"
|
|
220
|
-
v-tippy
|
|
221
|
-
:content="dictionary.tit_responder_msg"
|
|
222
|
-
v-if="showMenu.reply"
|
|
223
|
-
>
|
|
111
|
+
<span class="menu-mensagem" @click="responderMensagemHandler" v-tippy :content="dictionary.tit_responder_msg"
|
|
112
|
+
v-if="showMenu.reply">
|
|
224
113
|
<fa-icon :icon="['fas', 'reply']" />
|
|
225
114
|
</span>
|
|
226
|
-
<span
|
|
227
|
-
|
|
228
|
-
@click="reagirMensagemHandler"
|
|
229
|
-
v-tippy
|
|
230
|
-
:content="dictionary.tit_reagir_msg"
|
|
231
|
-
v-if="showMenu.reaction"
|
|
232
|
-
>
|
|
115
|
+
<span class="menu-mensagem" @click="reagirMensagemHandler" v-tippy :content="dictionary.tit_reagir_msg"
|
|
116
|
+
v-if="showMenu.reaction">
|
|
233
117
|
<fa-icon :icon="['fas', 'smile']" />
|
|
234
118
|
</span>
|
|
235
119
|
<template v-if="showMenu.customButtons && showMenu.customButtons.length">
|
|
236
|
-
<span
|
|
237
|
-
|
|
238
|
-
:
|
|
239
|
-
v-
|
|
240
|
-
|
|
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>
|
|
120
|
+
<span v-for="(button, index) in showMenu.customButtons" :key="button.id || index" v-show="button.use"
|
|
121
|
+
@click="button.callback(returnParams(button.params))" :class="`${button.customClass || 'menu-mensagem'}`"
|
|
122
|
+
v-tippy :content="button.tippyContent">
|
|
123
|
+
<fa-icon :icon="['fas', button.icon || 'question-circle']" v-if="!button.svgIcon" />
|
|
124
|
+
<span v-else v-html="button.svgIcon" :class="button.svgClass ? button.svgClass : ''"></span>
|
|
254
125
|
</span>
|
|
255
126
|
</template>
|
|
256
127
|
</div>
|
|
257
128
|
<div class="emoji-message-container" v-if="isEmojisOpen" v-clickaway="closeEmojis">
|
|
258
|
-
<fa-icon
|
|
259
|
-
|
|
260
|
-
class="sc-icone-fechar sc-icone-fechar--externo"
|
|
261
|
-
@click="closeEmojis"
|
|
262
|
-
/>
|
|
129
|
+
<fa-icon :icon="['fas', 'times-circle']" class="sc-icone-fechar sc-icone-fechar--externo"
|
|
130
|
+
@click="closeEmojis" />
|
|
263
131
|
<Picker @insert-emoji="addReaction" />
|
|
264
132
|
</div>
|
|
265
133
|
<transition name="fade" mode="out-in" v-if="isMenuOpen">
|
|
@@ -273,11 +141,7 @@
|
|
|
273
141
|
</ul>
|
|
274
142
|
</transition>
|
|
275
143
|
<transition name="fade" mode="out-in" v-if="messageReaction">
|
|
276
|
-
<span
|
|
277
|
-
class="reaction"
|
|
278
|
-
v-tippy
|
|
279
|
-
:content="`${dictionary.tit_mensagem_reagida} ${messageReaction.finalEmoji}`"
|
|
280
|
-
>
|
|
144
|
+
<span class="reaction" v-tippy :content="`${dictionary.tit_mensagem_reagida} ${messageReaction.finalEmoji}`">
|
|
281
145
|
<span v-html="messageReaction.finalEmoji"></span>
|
|
282
146
|
</span>
|
|
283
147
|
</transition>
|
|
@@ -419,17 +283,16 @@ export default {
|
|
|
419
283
|
: "";
|
|
420
284
|
tooltipStar += this.expSessao
|
|
421
285
|
? this.dictionary["expiracao_sessao"] +
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
286
|
+
" - " +
|
|
287
|
+
formataTimezoneData(this.expSessao) +
|
|
288
|
+
"<br/>"
|
|
425
289
|
: "";
|
|
426
290
|
|
|
427
291
|
if (this.tipo_origem) {
|
|
428
|
-
tooltipStar += `${this.dictionary["tipo_origem"]}: ${
|
|
429
|
-
this.dictionary[`tipo_origem_${this.tipo_origem}`]
|
|
292
|
+
tooltipStar += `${this.dictionary["tipo_origem"]}: ${this.dictionary[`tipo_origem_${this.tipo_origem}`]
|
|
430
293
|
? this.dictionary[`tipo_origem_${this.tipo_origem}`]
|
|
431
294
|
: this.tipo_origem
|
|
432
|
-
|
|
295
|
+
}<br/>`;
|
|
433
296
|
}
|
|
434
297
|
|
|
435
298
|
return tooltipStar;
|
|
@@ -642,18 +505,18 @@ export default {
|
|
|
642
505
|
: document.documentElement;
|
|
643
506
|
|
|
644
507
|
// IF FIXO URGENCIA PARA O DAVID: CANAL HI
|
|
645
|
-
const isHI = this.seq.substring(0, 2) == "HI";
|
|
508
|
+
const isHI = this.seq && this.seq.substring(0, 2) == "HI";
|
|
646
509
|
const textColor = isHI ? "#FFF" : l <= 50 ? "#FFF" : "#111B21";
|
|
647
510
|
const filesBg = isHI
|
|
648
511
|
? "rgba(255, 255, 255, 0.1)"
|
|
649
512
|
: l <= 50
|
|
650
|
-
|
|
651
|
-
|
|
513
|
+
? "rgba(255, 255, 255, 0.1)"
|
|
514
|
+
: "rgba(100, 100, 100, 0.1)";
|
|
652
515
|
const filesBgHover = isHI
|
|
653
516
|
? "rgba(255, 255, 255, 0.3)"
|
|
654
517
|
: l <= 50
|
|
655
|
-
|
|
656
|
-
|
|
518
|
+
? "rgba(255, 255, 255, 0.3)"
|
|
519
|
+
: "rgba(100, 100, 100, 0.3)";
|
|
657
520
|
|
|
658
521
|
elem.style.setProperty("--text-color", textColor);
|
|
659
522
|
elem.style.setProperty("--files-bg", filesBg);
|
|
@@ -918,6 +781,7 @@ export default {
|
|
|
918
781
|
|
|
919
782
|
.menu-primario {
|
|
920
783
|
transition: opacity 150ms ease-in-out;
|
|
784
|
+
height: 20px;
|
|
921
785
|
position: absolute;
|
|
922
786
|
font-size: 11.2px;
|
|
923
787
|
top: 2px;
|
|
@@ -938,7 +802,7 @@ export default {
|
|
|
938
802
|
background-color: #fff;
|
|
939
803
|
}
|
|
940
804
|
|
|
941
|
-
.menu-primario.outros
|
|
805
|
+
.menu-primario.outros>span:nth-child(1) {
|
|
942
806
|
order: 10;
|
|
943
807
|
}
|
|
944
808
|
|
|
@@ -1007,7 +871,7 @@ export default {
|
|
|
1007
871
|
justify-content: flex-end;
|
|
1008
872
|
}
|
|
1009
873
|
|
|
1010
|
-
.mensagem__principal
|
|
874
|
+
.mensagem__principal>.mensagem::after {
|
|
1011
875
|
content: "";
|
|
1012
876
|
width: 0;
|
|
1013
877
|
height: 0;
|
|
@@ -1020,16 +884,16 @@ export default {
|
|
|
1020
884
|
transform: rotate(-90deg);
|
|
1021
885
|
}
|
|
1022
886
|
|
|
1023
|
-
.mensagem__principal
|
|
887
|
+
.mensagem__principal>.mensagem {
|
|
1024
888
|
background-color: var(--message-color);
|
|
1025
889
|
color: var(--text-color);
|
|
1026
890
|
}
|
|
1027
891
|
|
|
1028
|
-
.mensagem__principal
|
|
892
|
+
.mensagem__principal>.mensagem .horario-envio {
|
|
1029
893
|
color: var(--text-color);
|
|
1030
894
|
}
|
|
1031
895
|
|
|
1032
|
-
.mensagem__principal
|
|
896
|
+
.mensagem__principal>.mensagem .autor-mensagem {
|
|
1033
897
|
right: 5px;
|
|
1034
898
|
color: var(--text-color);
|
|
1035
899
|
}
|
|
@@ -1040,12 +904,12 @@ export default {
|
|
|
1040
904
|
display: flex;
|
|
1041
905
|
}
|
|
1042
906
|
|
|
1043
|
-
.mensagem__outros
|
|
907
|
+
.mensagem__outros>.mensagem {
|
|
1044
908
|
background-color: #fff;
|
|
1045
909
|
color: #333;
|
|
1046
910
|
}
|
|
1047
911
|
|
|
1048
|
-
.mensagem__outros
|
|
912
|
+
.mensagem__outros>.mensagem::after {
|
|
1049
913
|
content: "";
|
|
1050
914
|
width: 0;
|
|
1051
915
|
height: 0;
|
|
@@ -1061,7 +925,7 @@ export default {
|
|
|
1061
925
|
/* .mensagem__outros .check{
|
|
1062
926
|
display: none
|
|
1063
927
|
} */
|
|
1064
|
-
.mensagem__outros
|
|
928
|
+
.mensagem__outros>.autor-mensagem {
|
|
1065
929
|
left: 5px;
|
|
1066
930
|
color: #333;
|
|
1067
931
|
}
|
|
@@ -1170,7 +1034,7 @@ export default {
|
|
|
1170
1034
|
max-height: 1.8em;
|
|
1171
1035
|
}
|
|
1172
1036
|
|
|
1173
|
-
.reaction
|
|
1037
|
+
.reaction>span {
|
|
1174
1038
|
display: block;
|
|
1175
1039
|
transform: translateY(-1px);
|
|
1176
1040
|
}
|