vue-intergrall-plugins 0.0.292 → 0.0.294
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 +150 -47
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +139 -55
- package/package.json +1 -1
- package/src/lib-components/Messages/CardMessages.vue +62 -27
- package/src/lib-components/Messages/ChatMessages.vue +824 -509
|
@@ -11747,34 +11747,42 @@ var script$a = {
|
|
|
11747
11747
|
if (!this.interatividade || !this.interatividade.length) return [];
|
|
11748
11748
|
var finalData = [];
|
|
11749
11749
|
var validKeys = ["name", "value", "ticket_detail_id", "ticket_detail_type_id", "creation_date", "modification_date"];
|
|
11750
|
+
var validIds = [1, 2, 4, 5, 6, 7, 9, 10, 11, 12, 13, 14, 25, 33, 34, 36];
|
|
11750
11751
|
this.interatividade.forEach(function (values) {
|
|
11751
|
-
|
|
11752
|
-
|
|
11752
|
+
if (validIds.includes(values.ticket_detail_type_id)) {
|
|
11753
|
+
var currentKeys = Object.keys(values);
|
|
11754
|
+
var formattedValues = {};
|
|
11753
11755
|
|
|
11754
|
-
|
|
11755
|
-
|
|
11756
|
-
|
|
11756
|
+
if (values.name && values.value) {
|
|
11757
|
+
formattedValues[values.name] = values.value;
|
|
11758
|
+
}
|
|
11757
11759
|
|
|
11758
|
-
|
|
11759
|
-
|
|
11760
|
-
|
|
11761
|
-
|
|
11762
|
-
|
|
11763
|
-
|
|
11764
|
-
|
|
11765
|
-
|
|
11766
|
-
|
|
11767
|
-
|
|
11768
|
-
|
|
11769
|
-
|
|
11770
|
-
|
|
11760
|
+
currentKeys.forEach(function (key) {
|
|
11761
|
+
if (validKeys.includes(key)) {
|
|
11762
|
+
var formattedKey = "";
|
|
11763
|
+
|
|
11764
|
+
if (key === "ticket_detail_id") {
|
|
11765
|
+
formattedKey = _this.dictionary.ra_ticket_detail_id_title;
|
|
11766
|
+
} else if (key === "ticket_detail_type_id") {
|
|
11767
|
+
formattedKey = _this.dictionary.ra_ticket_detail_type_id_title;
|
|
11768
|
+
} else if (key === "creation_date") {
|
|
11769
|
+
formattedKey = _this.dictionary.ra_creation_date_title;
|
|
11770
|
+
} else if (key === "modification_date") {
|
|
11771
|
+
formattedKey = _this.dictionary.ra_creation_modification_title;
|
|
11772
|
+
}
|
|
11771
11773
|
|
|
11772
|
-
|
|
11773
|
-
|
|
11774
|
+
if (formattedKey) {
|
|
11775
|
+
formattedValues[formattedKey] = values[key];
|
|
11776
|
+
}
|
|
11774
11777
|
}
|
|
11778
|
+
});
|
|
11779
|
+
|
|
11780
|
+
if (values.ticket_detail_type_id === 25) {
|
|
11781
|
+
formattedValues[_this.dictionary.ra_ask_avaliation_title] = _this.dictionary.ra_ask_avaliation_text;
|
|
11775
11782
|
}
|
|
11776
|
-
|
|
11777
|
-
|
|
11783
|
+
|
|
11784
|
+
finalData.push(formattedValues);
|
|
11785
|
+
}
|
|
11778
11786
|
});
|
|
11779
11787
|
return finalData;
|
|
11780
11788
|
}
|
|
@@ -11804,6 +11812,9 @@ var script$a = {
|
|
|
11804
11812
|
}
|
|
11805
11813
|
|
|
11806
11814
|
return "<strong>".concat(key, ":</strong> ").concat(value || "---");
|
|
11815
|
+
},
|
|
11816
|
+
sendLink: function sendLink(obj) {
|
|
11817
|
+
this.$emit("send-avaliation-link", obj);
|
|
11807
11818
|
}
|
|
11808
11819
|
}
|
|
11809
11820
|
};/* script */
|
|
@@ -11832,20 +11843,20 @@ var __vue_render__$a = function __vue_render__() {
|
|
|
11832
11843
|
}
|
|
11833
11844
|
}, [_vm.msgNova ? _c('span', {
|
|
11834
11845
|
staticClass: "novas-mensagens"
|
|
11835
|
-
}, [_vm._v(" Nova mensagem ")]) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\" data-v-
|
|
11846
|
+
}, [_vm._v(" Nova mensagem ")]) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\" data-v-a669ae8a>", "</div>", [_vm._ssrNode("<div class=\"card-header\" data-v-a669ae8a>", "</div>", [_vm._ssrNode("<div class=\"card-autor\" data-v-a669ae8a>", "</div>", [_c('fa-icon', {
|
|
11836
11847
|
attrs: {
|
|
11837
11848
|
"icon": _vm.iconAutor
|
|
11838
11849
|
}
|
|
11839
|
-
}), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\" data-v-
|
|
11850
|
+
}), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\" data-v-a669ae8a>" + _vm._ssrEscape(_vm._s("" + _vm.tratarTextoLongo(_vm.autor))) + "</p>" : "<!---->") + " " + (_vm.origem === 'principal' && _vm.login ? "<p" + _vm._ssrAttr("title", _vm.login) + " data-v-a669ae8a>" + _vm._ssrEscape(_vm._s("| " + _vm.login)) + "</p>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card-right\" data-v-a669ae8a>", "</div>", [_vm._ssrNode("<div class=\"card-datas\" data-v-a669ae8a>" + (_vm.data_cri ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_criacao + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + " class=\"card-data\" data-v-a669ae8a><span data-v-a669ae8a>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + "</span></div>" : "<!---->") + " " + (_vm.data_mod ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_mod + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + " class=\"card-data\" data-v-a669ae8a><span data-v-a669ae8a>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + "</span></div>" : "<!---->") + "</div> "), _vm.hasExpand ? _vm._ssrNode("<div class=\"card-expand\" data-v-a669ae8a>", "</div>", [_c('fa-icon', {
|
|
11840
11851
|
attrs: {
|
|
11841
11852
|
"icon": ['fas', 'expand-alt']
|
|
11842
11853
|
}
|
|
11843
|
-
})], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" <div class=\"card-chip-container\" data-v-
|
|
11844
|
-
return "<li data-v-
|
|
11845
|
-
return "<p data-v-
|
|
11846
|
-
}) + " <hr data-v-
|
|
11847
|
-
}) + "</ul></div>" : "<!---->") + " "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<div class=\"card-footer\" data-v-
|
|
11848
|
-
return _vm._ssrNode("<div class=\"card-anexo\" data-v-
|
|
11854
|
+
})], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" <div class=\"card-chip-container\" data-v-a669ae8a>" + (_vm.ticket_id.cod && _vm.ticket_id.desc ? "<p" + _vm._ssrAttr("title", _vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")") + _vm._ssrClass("card-chip", [_vm.ticketClassCod]) + " data-v-a669ae8a>" + _vm._ssrEscape(_vm._s(_vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")")) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('back_doing_business') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.back_doing_business ? 'green' : 'red') + " card-chip") + " data-v-a669ae8a>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('rating') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating) + _vm._ssrClass(null, (_vm.isNumberBiggerThanSix ? 'green' : 'red') + " card-chip") + " data-v-a669ae8a>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating)) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('resolved_issue') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.resolved_issue ? 'green' : 'red') + " card-chip") + " data-v-a669ae8a>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + "</div> <p class=\"card-message\" data-v-a669ae8a>" + _vm._s(_vm.mensagemFormatada) + "</p> " + (_vm.filteredInteratividadeData && _vm.filteredInteratividadeData.length ? "<div class=\"card-interatividade\" data-v-a669ae8a><p class=\"card-interatividade-title\" data-v-a669ae8a>" + _vm._ssrEscape(_vm._s(_vm.dictionary.ra_infos_interatividade) + ":") + "</p> <ul class=\"card-interatividade-list\" data-v-a669ae8a>" + _vm._ssrList(_vm.filteredInteratividadeData, function (values, index) {
|
|
11855
|
+
return "<li data-v-a669ae8a>" + _vm._ssrList(values, function (value, key) {
|
|
11856
|
+
return "<p data-v-a669ae8a>" + (key.indexOf(_vm.dictionary.ra_ask_avaliation_title) <= -1 ? "<span data-v-a669ae8a>" + _vm._s(_vm.formatInteratividadeValue(key, value)) + "</span>" : "<span data-v-a669ae8a><strong data-v-a669ae8a>" + _vm._ssrEscape(_vm._s(key + ":")) + "</strong> <button class=\"box-shadow\" data-v-a669ae8a>" + _vm._ssrEscape(_vm._s(value)) + "</button></span>") + "</p>";
|
|
11857
|
+
}) + " <hr data-v-a669ae8a></li>";
|
|
11858
|
+
}) + "</ul></div>" : "<!---->") + " "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<div class=\"card-footer\" data-v-a669ae8a>", "</div>", _vm._l(_vm.anexos, function (anexo, index) {
|
|
11859
|
+
return _vm._ssrNode("<div class=\"card-anexo\" data-v-a669ae8a>", "</div>", [_c('CardAttachment', {
|
|
11849
11860
|
attrs: {
|
|
11850
11861
|
"anexo": anexo,
|
|
11851
11862
|
"dictionary": _vm.dictionary,
|
|
@@ -11860,8 +11871,8 @@ var __vue_staticRenderFns__$a = [];
|
|
|
11860
11871
|
|
|
11861
11872
|
var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
|
|
11862
11873
|
if (!inject) return;
|
|
11863
|
-
inject("data-v-
|
|
11864
|
-
source: ".fade-enter-active[data-v-
|
|
11874
|
+
inject("data-v-a669ae8a_0", {
|
|
11875
|
+
source: ".fade-enter-active[data-v-a669ae8a],.fade-leave-active[data-v-a669ae8a]{transition:opacity .2s}.fade-enter[data-v-a669ae8a],.fade-leave-to[data-v-a669ae8a]{opacity:0}.card-cli[data-v-a669ae8a],.card-ope[data-v-a669ae8a]{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.msgNova[data-v-a669ae8a],.card-ope.msgNova[data-v-a669ae8a]{margin-top:30px}.novas-mensagens[data-v-a669ae8a]{position:absolute;top:-30px;width:100%;display:flex;justify-content:center;align-items:center;margin:2.5px 0;background-color:lighten(#fff249,15)}.card-cli .card[data-v-a669ae8a]{border-left:3px solid #90b823}.card-ope[data-v-a669ae8a]{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card[data-v-a669ae8a]{border-right:3px solid #007535}.card[data-v-a669ae8a]{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px}.card p[data-v-a669ae8a]{word-break:break-all}.card-header[data-v-a669ae8a]{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between}.card-header svg[data-v-a669ae8a]{font-size:1rem}.card-canal[data-v-a669ae8a]{flex:1;margin-right:10px}.card-datas[data-v-a669ae8a]{display:flex;flex-direction:column;margin-right:10px}.card-data[data-v-a669ae8a]{overflow:hidden;display:flex;align-content:center}.card-data span[data-v-a669ae8a]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-data svg[data-v-a669ae8a]{margin-right:5px;color:#232323}.card-expand[data-v-a669ae8a]{display:flex;justify-content:center;align-items:center;margin:2.5px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand[data-v-a669ae8a]:hover{opacity:1}.card-footer[data-v-a669ae8a]{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap}.card-chip-container[data-v-a669ae8a]{display:flex;flex-wrap:wrap;width:100%;gap:5px}.card-chip[data-v-a669ae8a]{font-size:.8rem;width:fit-content;border-radius:15px;transition:all 150ms ease-in-out;padding:2.5px 7px;color:#1f69c1;background-color:rgba(207,216,244,.6);margin-bottom:5px}.card-chip[data-v-a669ae8a]:hover{background-color:#cfd8f4}.card-chip.orange[data-v-a669ae8a]{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange[data-v-a669ae8a]:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow[data-v-a669ae8a]{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow[data-v-a669ae8a]:hover{background-color:rgba(252,191,73,.2)}.card-chip.red[data-v-a669ae8a]{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red[data-v-a669ae8a]:hover{background-color:rgba(231,76,60,.25)}.card-chip.green[data-v-a669ae8a]{color:#0e3213;background-color:rgba(15,177,39,.3)}.card-chip.green[data-v-a669ae8a]:hover{background-color:rgba(15,177,39,.4)}.card-anexo[data-v-a669ae8a]{width:50px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.anexo-item[data-v-a669ae8a]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.anexo-item .transition-anexo-item[data-v-a669ae8a]{max-width:100%;max-height:100%}.anexo-item .req-loader[data-v-a669ae8a]{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.anexo-item .transition-anexo-item img[data-v-a669ae8a]{max-width:45px;max-height:45px}.anexo-icone[data-v-a669ae8a]{opacity:.9;transition:opacity .2s;color:#222;cursor:pointer;display:flex;justify-content:center;align-items:center}.anexo-icone[data-v-a669ae8a]:hover{opacity:1}.anexo-icone[data-v-a669ae8a]:visited{color:inherit}svg[data-v-a669ae8a]{font-size:30px;z-index:1}.anexo-icone.pdf[data-v-a669ae8a]{position:relative}.anexo-icone.pdf svg[data-v-a669ae8a]{color:#e74c3c}.anexo-icone.pdf[data-v-a669ae8a]::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.anexo-icone.doc[data-v-a669ae8a]{color:#15517f}.anexo-icone.doc[data-v-a669ae8a]::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.anexo-img[data-v-a669ae8a]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.anexo-img[data-v-a669ae8a]:hover{opacity:1}.anexo-img img[data-v-a669ae8a]{width:95%}.card-interatividade[data-v-a669ae8a]{display:flex;flex-direction:column;margin-top:10px;margin-bottom:5px;font-size:.9em}.card-interatividade-title[data-v-a669ae8a]{font-weight:700;margin-bottom:5px}.card-interatividade-list[data-v-a669ae8a]{margin:0;padding:0;font-size:.9em}.card-interatividade-list hr[data-v-a669ae8a]{height:1px;background-color:#ccc;width:100%;border:0}.card-interatividade-list button[data-v-a669ae8a]{margin-left:5px;border-radius:5px;border:unset;cursor:pointer;padding:5px 10px;background-color:#b5f778}.card-interatividade-list button[data-v-a669ae8a]:hover{text-decoration:underline}",
|
|
11865
11876
|
map: undefined,
|
|
11866
11877
|
media: undefined
|
|
11867
11878
|
});
|
|
@@ -11869,10 +11880,10 @@ var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
|
|
|
11869
11880
|
/* scoped */
|
|
11870
11881
|
|
|
11871
11882
|
|
|
11872
|
-
var __vue_scope_id__$a = "data-v-
|
|
11883
|
+
var __vue_scope_id__$a = "data-v-a669ae8a";
|
|
11873
11884
|
/* module identifier */
|
|
11874
11885
|
|
|
11875
|
-
var __vue_module_identifier__$a = "data-v-
|
|
11886
|
+
var __vue_module_identifier__$a = "data-v-a669ae8a";
|
|
11876
11887
|
/* functional template */
|
|
11877
11888
|
|
|
11878
11889
|
var __vue_is_functional_template__$a = false;
|
|
@@ -12499,7 +12510,8 @@ var script$5 = {
|
|
|
12499
12510
|
AnexoMensagem: AnexoMensagem,
|
|
12500
12511
|
InteratividadeBotoes: InteratividadeBotoes,
|
|
12501
12512
|
InteratividadeFormulario: InteratividadeFormulario,
|
|
12502
|
-
LinkPreview: LinkPreview
|
|
12513
|
+
LinkPreview: LinkPreview,
|
|
12514
|
+
Picker: Picker
|
|
12503
12515
|
},
|
|
12504
12516
|
props: ["smartchannel", "messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio", "corMsg", "interatividade", "msgReply", "hasReply", "iniDialogo", "dialogoId", "dialogoOrigem", "expSessao", "referenceSelector", "replyMessage", "isReply", "defaultReplyMessage", "showReplyIcon", "showControlFiles", "showMenu", "id_ext_msg"],
|
|
12505
12517
|
created: function created() {
|
|
@@ -12536,7 +12548,9 @@ var script$5 = {
|
|
|
12536
12548
|
disableDefaultUI: false
|
|
12537
12549
|
},
|
|
12538
12550
|
isMenuOpen: false,
|
|
12539
|
-
showMenuOptions: false
|
|
12551
|
+
showMenuOptions: false,
|
|
12552
|
+
isEmojisOpen: false,
|
|
12553
|
+
messageReaction: ""
|
|
12540
12554
|
};
|
|
12541
12555
|
},
|
|
12542
12556
|
computed: {
|
|
@@ -12569,14 +12583,14 @@ var script$5 = {
|
|
|
12569
12583
|
var tooltipStar = "";
|
|
12570
12584
|
|
|
12571
12585
|
if (this.iniDialogo == 1) {
|
|
12572
|
-
tooltipStar += this.dictionary[
|
|
12586
|
+
tooltipStar += this.dictionary["ini_sessao"] + "<br/>";
|
|
12573
12587
|
} else {
|
|
12574
|
-
tooltipStar += this.dictionary[
|
|
12588
|
+
tooltipStar += this.dictionary["ini_sessao_padrao"] + "<br/>";
|
|
12575
12589
|
}
|
|
12576
12590
|
|
|
12577
|
-
tooltipStar += this.dialogoId ? this.dictionary[
|
|
12578
|
-
tooltipStar += this.dialogoOrigem ? this.dictionary[
|
|
12579
|
-
tooltipStar += this.expSessao ? this.dictionary[
|
|
12591
|
+
tooltipStar += this.dialogoId ? this.dictionary["id_conversa"] + " - " + this.dialogoId + "<br/>" : "";
|
|
12592
|
+
tooltipStar += this.dialogoOrigem ? this.dictionary["origem_conversa"] + " - " + this.dialogoOrigem + "<br/>" : "";
|
|
12593
|
+
tooltipStar += this.expSessao ? this.dictionary["expiracao_sessao"] + " - " + formataTimezoneData(this.expSessao) + "<br/>" : "";
|
|
12580
12594
|
return tooltipStar;
|
|
12581
12595
|
},
|
|
12582
12596
|
validadeSeq: function validadeSeq() {
|
|
@@ -12599,7 +12613,7 @@ var script$5 = {
|
|
|
12599
12613
|
},
|
|
12600
12614
|
responderMensagemHandler: function responderMensagemHandler() {
|
|
12601
12615
|
if (this.isMenuOpen) this.closeMenu();
|
|
12602
|
-
this.$emit(
|
|
12616
|
+
this.$emit("responder-mensagem", {
|
|
12603
12617
|
messageIndex: this.messageIndex,
|
|
12604
12618
|
autor: this.autor,
|
|
12605
12619
|
origem: this.origem,
|
|
@@ -12619,9 +12633,29 @@ var script$5 = {
|
|
|
12619
12633
|
id_ext_msg: this.id_ext_msg
|
|
12620
12634
|
});
|
|
12621
12635
|
},
|
|
12636
|
+
reagirMensagemHandler: function reagirMensagemHandler() {
|
|
12637
|
+
if (this.isMenuOpen) this.closeMenu();
|
|
12638
|
+
this.isEmojisOpen = !this.isEmojisOpen;
|
|
12639
|
+
},
|
|
12640
|
+
addReaction: function addReaction(emoji) {
|
|
12641
|
+
this.messageReaction = this.messageReaction && this.messageReaction.hexa === emoji.hexa ? "" : {
|
|
12642
|
+
hexa: emoji.hexa,
|
|
12643
|
+
finalEmoji: emoji.finalEmoji
|
|
12644
|
+
};
|
|
12645
|
+
this.isEmojisOpen = false;
|
|
12646
|
+
this.$emit("reagir-mensagem", {
|
|
12647
|
+
emoji: emoji,
|
|
12648
|
+
seq: seq,
|
|
12649
|
+
id_ext_msg: id_ext_msg,
|
|
12650
|
+
hasEmojiReaction: this.messageReaction ? true : false
|
|
12651
|
+
});
|
|
12652
|
+
},
|
|
12653
|
+
closeEmojis: function closeEmojis() {
|
|
12654
|
+
this.isEmojisOpen = false;
|
|
12655
|
+
},
|
|
12622
12656
|
validateInterativity: function validateInterativity() {
|
|
12623
12657
|
try {
|
|
12624
|
-
if (this.interatividade && this.interatividade.formulario && this.interatividade.formulario.length || this.interatividade.list && this.interatividade.tipo ==
|
|
12658
|
+
if (this.interatividade && this.interatividade.formulario && this.interatividade.formulario.length || this.interatividade.list && this.interatividade.tipo == "listItem") {
|
|
12625
12659
|
return true;
|
|
12626
12660
|
}
|
|
12627
12661
|
|
|
@@ -12649,7 +12683,7 @@ var script$5 = {
|
|
|
12649
12683
|
return urlName;
|
|
12650
12684
|
},
|
|
12651
12685
|
removeUrlStickerByString: function removeUrlStickerByString(url) {
|
|
12652
|
-
var msg = this.message.replace("KSTICKERK ".concat(url),
|
|
12686
|
+
var msg = this.message.replace("KSTICKERK ".concat(url), "");
|
|
12653
12687
|
return msg;
|
|
12654
12688
|
},
|
|
12655
12689
|
getUrlSticker: function getUrlSticker() {
|
|
@@ -12664,7 +12698,7 @@ var script$5 = {
|
|
|
12664
12698
|
setCorMsg: function setCorMsg() {
|
|
12665
12699
|
try {
|
|
12666
12700
|
var root = document.documentElement;
|
|
12667
|
-
root.style.setProperty(
|
|
12701
|
+
root.style.setProperty("--message-color", this.corMsg);
|
|
12668
12702
|
this.adjustFontColor(this.corMsg);
|
|
12669
12703
|
} catch (e) {
|
|
12670
12704
|
console.error("Erro ao atribuir a cor as mensagens");
|
|
@@ -12744,15 +12778,15 @@ var script$5 = {
|
|
|
12744
12778
|
l = Math.round(l);
|
|
12745
12779
|
h = Math.round(360 * h);
|
|
12746
12780
|
var root = document.documentElement;
|
|
12747
|
-
root.style.setProperty(
|
|
12748
|
-
root.style.setProperty(
|
|
12749
|
-
root.style.setProperty(
|
|
12781
|
+
root.style.setProperty("--text-color", l <= 50 ? "#FFF" : "#111B21");
|
|
12782
|
+
root.style.setProperty("--files-bg", l <= 50 ? "rgba(255, 255, 255, 0.1)" : "rgba(100, 100, 100, 0.1)");
|
|
12783
|
+
root.style.setProperty("--files-bg-hover", l <= 50 ? "rgba(255, 255, 255, 0.3)" : "rgba(100, 100, 100, 0.3)");
|
|
12750
12784
|
} catch (e) {
|
|
12751
12785
|
console.error("Erro ao ajustar a cor da mensagem: ", e);
|
|
12752
12786
|
}
|
|
12753
12787
|
},
|
|
12754
12788
|
formatMsg: function formatMsg(msg) {
|
|
12755
|
-
if (this.status ==
|
|
12789
|
+
if (this.status == "O") return this.dictionary.msg_excluida ? this.dictionary.msg_excluida : "MENSAGEM DELETADA";
|
|
12756
12790
|
var regex = /(\n| )/g;
|
|
12757
12791
|
if (regex.test(msg)) msg = msg.replace(regex, "<br>");
|
|
12758
12792
|
return msg;
|
|
@@ -12858,7 +12892,7 @@ var __vue_render__$5 = function __vue_render__() {
|
|
|
12858
12892
|
return _vm.abrirPopup(info.value);
|
|
12859
12893
|
}
|
|
12860
12894
|
}
|
|
12861
|
-
}, [_vm._v("
|
|
12895
|
+
}, [_vm._v("\n " + _vm._s(info.textLink) + " "), _c('fa-icon', {
|
|
12862
12896
|
attrs: {
|
|
12863
12897
|
"icon": ['fas', 'map-marker-alt']
|
|
12864
12898
|
}
|
|
@@ -13089,7 +13123,35 @@ var __vue_render__$5 = function __vue_render__() {
|
|
|
13089
13123
|
attrs: {
|
|
13090
13124
|
"icon": ['fas', 'reply']
|
|
13091
13125
|
}
|
|
13092
|
-
})], 1)
|
|
13126
|
+
})], 1), _vm._v(" "), _c('span', {
|
|
13127
|
+
directives: [{
|
|
13128
|
+
name: "tippy",
|
|
13129
|
+
rawName: "v-tippy"
|
|
13130
|
+
}],
|
|
13131
|
+
staticClass: "menu-mensagem",
|
|
13132
|
+
attrs: {
|
|
13133
|
+
"content": _vm.dictionary.tit_reagir_msg
|
|
13134
|
+
},
|
|
13135
|
+
on: {
|
|
13136
|
+
"click": _vm.reagirMensagemHandler
|
|
13137
|
+
}
|
|
13138
|
+
}, [_c('fa-icon', {
|
|
13139
|
+
attrs: {
|
|
13140
|
+
"icon": ['fas', 'smile']
|
|
13141
|
+
}
|
|
13142
|
+
})], 1)]) : _vm._e(), _vm._v(" "), _vm.isEmojisOpen ? _c('div', {
|
|
13143
|
+
directives: [{
|
|
13144
|
+
name: "on-clickaway",
|
|
13145
|
+
rawName: "v-on-clickaway",
|
|
13146
|
+
value: _vm.closeEmojis,
|
|
13147
|
+
expression: "closeEmojis"
|
|
13148
|
+
}],
|
|
13149
|
+
staticClass: "emoji-message-container"
|
|
13150
|
+
}, [_c('Picker', {
|
|
13151
|
+
on: {
|
|
13152
|
+
"insert-emoji": _vm.addReaction
|
|
13153
|
+
}
|
|
13154
|
+
})], 1) : _vm._e(), _vm._v(" "), _vm.isMenuOpen ? _c('transition', {
|
|
13093
13155
|
attrs: {
|
|
13094
13156
|
"name": "fade",
|
|
13095
13157
|
"mode": "out-in"
|
|
@@ -13107,7 +13169,29 @@ var __vue_render__$5 = function __vue_render__() {
|
|
|
13107
13169
|
on: {
|
|
13108
13170
|
"click": _vm.responderMensagemHandler
|
|
13109
13171
|
}
|
|
13110
|
-
}, [_c('span', [_vm._v(" " + _vm._s(_vm.dictionary.tit_responder_msg) + " ")])])
|
|
13172
|
+
}, [_c('span', [_vm._v(" " + _vm._s(_vm.dictionary.tit_responder_msg) + " ")])]), _vm._v(" "), _c('li', {
|
|
13173
|
+
on: {
|
|
13174
|
+
"click": _vm.reagirMensagemHandler
|
|
13175
|
+
}
|
|
13176
|
+
}, [_c('span', [_vm._v(" " + _vm._s(_vm.dictionary.tit_reagir_msg) + " ")])])])]) : _vm._e(), _vm._v(" "), _vm.messageReaction ? _c('transition', {
|
|
13177
|
+
attrs: {
|
|
13178
|
+
"name": "fade",
|
|
13179
|
+
"mode": "out-in"
|
|
13180
|
+
}
|
|
13181
|
+
}, [_c('span', {
|
|
13182
|
+
directives: [{
|
|
13183
|
+
name: "tippy",
|
|
13184
|
+
rawName: "v-tippy"
|
|
13185
|
+
}],
|
|
13186
|
+
staticClass: "reaction",
|
|
13187
|
+
attrs: {
|
|
13188
|
+
"content": _vm.dictionary.tit_mensagem_reagida + " " + _vm.messageReaction.finalEmoji
|
|
13189
|
+
}
|
|
13190
|
+
}, [_c('span', {
|
|
13191
|
+
domProps: {
|
|
13192
|
+
"innerHTML": _vm._s(_vm.messageReaction.finalEmoji)
|
|
13193
|
+
}
|
|
13194
|
+
})])]) : _vm._e()], 2)], 1) : _vm._e();
|
|
13111
13195
|
};
|
|
13112
13196
|
|
|
13113
13197
|
var __vue_staticRenderFns__$5 = [];
|
|
@@ -13115,8 +13199,8 @@ var __vue_staticRenderFns__$5 = [];
|
|
|
13115
13199
|
|
|
13116
13200
|
var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
|
|
13117
13201
|
if (!inject) return;
|
|
13118
|
-
inject("data-v-
|
|
13119
|
-
source: ":root{--message-color:#373737;--text-color:#
|
|
13202
|
+
inject("data-v-0cc1f1cf_0", {
|
|
13203
|
+
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:.75rem;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:.75rem;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:hover .menu-primario{visibility:visible;opacity:1}.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:.6rem;color:#67a332;width:.9rem;height:.9rem;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:.7rem}.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:.4rem;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.menu-primario{visibility:hidden;opacity:0;transition:opacity 150ms ease-in-out;position:absolute;font-size:.7rem;top:3px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:4px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:4px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px}.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;left:0;right:0}.emoji-message-container .sm-emoji-picker{height:200px;width:90%!important}.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}.reaction>span{display:block;transform:translateY(-1px)}.mensagem__outros .reaction{right:-30px}.mensagem__principal .reaction{left:-30px}",
|
|
13120
13204
|
map: undefined,
|
|
13121
13205
|
media: undefined
|
|
13122
13206
|
});
|
|
@@ -13127,7 +13211,7 @@ var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
|
|
|
13127
13211
|
var __vue_scope_id__$5 = undefined;
|
|
13128
13212
|
/* module identifier */
|
|
13129
13213
|
|
|
13130
|
-
var __vue_module_identifier__$5 = "data-v-
|
|
13214
|
+
var __vue_module_identifier__$5 = "data-v-0cc1f1cf";
|
|
13131
13215
|
/* functional template */
|
|
13132
13216
|
|
|
13133
13217
|
var __vue_is_functional_template__$5 = false;
|
package/package.json
CHANGED
|
@@ -124,11 +124,20 @@
|
|
|
124
124
|
<p class="card-interatividade-title">{{ dictionary.ra_infos_interatividade }}:</p>
|
|
125
125
|
<ul class="card-interatividade-list">
|
|
126
126
|
<li v-for="(values, index) in filteredInteratividadeData" :key="index">
|
|
127
|
-
<p
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
127
|
+
<p v-for="(value, key) in values" :key="key">
|
|
128
|
+
<span
|
|
129
|
+
v-if="key.indexOf(dictionary.ra_ask_avaliation_title) <= -1"
|
|
130
|
+
v-html="formatInteratividadeValue(key, value)"
|
|
131
|
+
></span>
|
|
132
|
+
<span v-else>
|
|
133
|
+
<strong v-text="`${key}:`"></strong>
|
|
134
|
+
<button
|
|
135
|
+
@click="sendLink(filteredInteratividadeData[index])"
|
|
136
|
+
class="box-shadow"
|
|
137
|
+
v-text="value"
|
|
138
|
+
></button>
|
|
139
|
+
</span>
|
|
140
|
+
</p>
|
|
132
141
|
<hr />
|
|
133
142
|
</li>
|
|
134
143
|
</ul>
|
|
@@ -261,31 +270,40 @@ export default {
|
|
|
261
270
|
"creation_date",
|
|
262
271
|
"modification_date",
|
|
263
272
|
];
|
|
273
|
+
const validIds = [1, 2, 4, 5, 6, 7, 9, 10, 11, 12, 13, 14, 25, 33, 34, 36];
|
|
264
274
|
this.interatividade.forEach((values) => {
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
275
|
+
if (validIds.includes(values.ticket_detail_type_id)) {
|
|
276
|
+
const currentKeys = Object.keys(values);
|
|
277
|
+
const formattedValues = {};
|
|
278
|
+
if (values.name && values.value) {
|
|
279
|
+
formattedValues[values.name] = values.value;
|
|
280
|
+
}
|
|
281
|
+
currentKeys.forEach((key) => {
|
|
282
|
+
if (validKeys.includes(key)) {
|
|
283
|
+
let formattedKey = "";
|
|
284
|
+
if (key === "ticket_detail_id") {
|
|
285
|
+
formattedKey = this.dictionary.ra_ticket_detail_id_title;
|
|
286
|
+
} else if (key === "ticket_detail_type_id") {
|
|
287
|
+
formattedKey = this.dictionary.ra_ticket_detail_type_id_title;
|
|
288
|
+
} else if (key === "creation_date") {
|
|
289
|
+
formattedKey = this.dictionary.ra_creation_date_title;
|
|
290
|
+
} else if (key === "modification_date") {
|
|
291
|
+
formattedKey = this.dictionary.ra_creation_modification_title;
|
|
292
|
+
}
|
|
293
|
+
if (formattedKey) {
|
|
294
|
+
formattedValues[formattedKey] = values[key];
|
|
295
|
+
}
|
|
284
296
|
}
|
|
297
|
+
});
|
|
298
|
+
if (values.ticket_detail_type_id === 25) {
|
|
299
|
+
formattedValues[
|
|
300
|
+
this.dictionary.ra_ask_avaliation_title
|
|
301
|
+
] = this.dictionary.ra_ask_avaliation_text;
|
|
285
302
|
}
|
|
286
|
-
|
|
287
|
-
|
|
303
|
+
finalData.push(formattedValues);
|
|
304
|
+
}
|
|
288
305
|
});
|
|
306
|
+
|
|
289
307
|
return finalData;
|
|
290
308
|
},
|
|
291
309
|
},
|
|
@@ -315,6 +333,9 @@ export default {
|
|
|
315
333
|
}
|
|
316
334
|
return `<strong>${key}:</strong> ${value || "---"}`;
|
|
317
335
|
},
|
|
336
|
+
sendLink(obj) {
|
|
337
|
+
this.$emit("send-avaliation-link", obj);
|
|
338
|
+
},
|
|
318
339
|
},
|
|
319
340
|
};
|
|
320
341
|
</script>
|
|
@@ -580,6 +601,7 @@ svg {
|
|
|
580
601
|
flex-direction: column;
|
|
581
602
|
margin-top: 10px;
|
|
582
603
|
margin-bottom: 5px;
|
|
604
|
+
font-size: 0.9em;
|
|
583
605
|
}
|
|
584
606
|
|
|
585
607
|
.card-interatividade-title {
|
|
@@ -590,7 +612,7 @@ svg {
|
|
|
590
612
|
.card-interatividade-list {
|
|
591
613
|
margin: 0;
|
|
592
614
|
padding: 0;
|
|
593
|
-
font-size: 0.
|
|
615
|
+
font-size: 0.9em;
|
|
594
616
|
}
|
|
595
617
|
|
|
596
618
|
.card-interatividade-list hr {
|
|
@@ -599,4 +621,17 @@ svg {
|
|
|
599
621
|
width: 100%;
|
|
600
622
|
border: 0;
|
|
601
623
|
}
|
|
624
|
+
|
|
625
|
+
.card-interatividade-list button {
|
|
626
|
+
margin-left: 5px;
|
|
627
|
+
border-radius: 5px;
|
|
628
|
+
border: unset;
|
|
629
|
+
cursor: pointer;
|
|
630
|
+
padding: 5px 10px;
|
|
631
|
+
background-color: #b5f778;
|
|
632
|
+
}
|
|
633
|
+
|
|
634
|
+
.card-interatividade-list button:hover {
|
|
635
|
+
text-decoration: underline;
|
|
636
|
+
}
|
|
602
637
|
</style>
|