vue-intergrall-plugins 1.0.91 → 1.0.93
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.
|
@@ -10243,6 +10243,9 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10243
10243
|
},
|
|
10244
10244
|
customButtons: {
|
|
10245
10245
|
type: Array
|
|
10246
|
+
},
|
|
10247
|
+
customActionButtons: {
|
|
10248
|
+
type: Array
|
|
10246
10249
|
}
|
|
10247
10250
|
},
|
|
10248
10251
|
data: function data() {
|
|
@@ -10567,19 +10570,19 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10567
10570
|
return _vm.openByItem($event);
|
|
10568
10571
|
}
|
|
10569
10572
|
}
|
|
10570
|
-
}, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\" data-v-
|
|
10573
|
+
}, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\" data-v-64f18177></div>" : "<!---->") + " "), _vm.autor ? _vm._ssrNode("<div" + _vm._ssrClass("email-author", [_vm.origem, _vm.isMainEmail ? 'main' : '']) + " data-v-64f18177>", "</div>", [_c('fa-icon', {
|
|
10571
10574
|
class: [_vm.origem],
|
|
10572
10575
|
attrs: {
|
|
10573
10576
|
"icon": ['fas', 'reply'],
|
|
10574
10577
|
"title": "Enviado por: " + _vm.autor
|
|
10575
10578
|
}
|
|
10576
|
-
}), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.returnAuthorName()) + " class=\"email-author-name\" data-v-
|
|
10579
|
+
}), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.returnAuthorName()) + " class=\"email-author-name\" data-v-64f18177>" + _vm._ssrEscape(_vm._s(_vm.returnAuthorName())) + "</p> "), _c('fa-icon', {
|
|
10577
10580
|
staticClass: "email-to-svg",
|
|
10578
10581
|
attrs: {
|
|
10579
10582
|
"icon": ['fas', _vm.origem === 'outros' ? 'user' : 'headset'],
|
|
10580
10583
|
"title": "E-mail " + (_vm.origem === 'outros' ? 'recebido' : 'enviado')
|
|
10581
10584
|
}
|
|
10582
|
-
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customButtons && _vm.customButtons.length ? _vm._ssrNode("<div class=\"email-custom-buttons\" data-v-
|
|
10585
|
+
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customButtons && _vm.customButtons.length ? _vm._ssrNode("<div class=\"email-custom-buttons\" data-v-64f18177>", "</div>", _vm._l(_vm.customButtons, function (button, index) {
|
|
10583
10586
|
return _c('span', {
|
|
10584
10587
|
directives: [{
|
|
10585
10588
|
name: "show",
|
|
@@ -10610,7 +10613,38 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10610
10613
|
"innerHTML": _vm._s(button.svgIcon)
|
|
10611
10614
|
}
|
|
10612
10615
|
})], 1);
|
|
10613
|
-
}), 0) : _vm._e(), _vm._ssrNode(" "), _vm.
|
|
10616
|
+
}), 0) : _vm._e(), _vm._ssrNode(" "), _vm.customActionButtons && _vm.customActionButtons.length ? _vm._ssrNode("<div class=\"email-custom-action-buttons\" data-v-64f18177>", "</div>", _vm._l(_vm.customActionButtons, function (button, index) {
|
|
10617
|
+
return _c('button', {
|
|
10618
|
+
directives: [{
|
|
10619
|
+
name: "show",
|
|
10620
|
+
rawName: "v-show",
|
|
10621
|
+
value: button.use,
|
|
10622
|
+
expression: "button.use"
|
|
10623
|
+
}, {
|
|
10624
|
+
name: "tippy",
|
|
10625
|
+
rawName: "v-tippy"
|
|
10626
|
+
}],
|
|
10627
|
+
key: button.id || index,
|
|
10628
|
+
class: "" + (button.customClass || 'email-custom-action-button'),
|
|
10629
|
+
attrs: {
|
|
10630
|
+
"content": button.tippyContent
|
|
10631
|
+
},
|
|
10632
|
+
on: {
|
|
10633
|
+
"click": function click($event) {
|
|
10634
|
+
button.callback(_vm.returnParams(button.params));
|
|
10635
|
+
}
|
|
10636
|
+
}
|
|
10637
|
+
}, [!button.svgIcon ? _c('fa-icon', {
|
|
10638
|
+
attrs: {
|
|
10639
|
+
"icon": ['fas', button.icon || 'question-circle']
|
|
10640
|
+
}
|
|
10641
|
+
}) : _c('span', {
|
|
10642
|
+
class: button.svgClass ? button.svgClass : '',
|
|
10643
|
+
domProps: {
|
|
10644
|
+
"innerHTML": _vm._s(button.svgIcon)
|
|
10645
|
+
}
|
|
10646
|
+
}), _vm._ssrNode(" " + (button.label ? "<span class=\"email-custom-action-label\" data-v-64f18177>" + _vm._ssrEscape(_vm._s(button.label)) + "</span>" : "<!---->"))], 2);
|
|
10647
|
+
}), 0) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-header\" data-v-64f18177>", "</div>", [_vm._ssrNode("<p" + _vm._ssrAttr("title", _vm.returnMainValue()) + " class=\"email-subject\" data-v-64f18177>" + _vm._ssrEscape("\n " + _vm._s(_vm.returnMainValue()) + "\n ") + "</p> "), _vm._ssrNode("<div class=\"header-container\" data-v-64f18177>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, "email-header-content" + (_vm.isOpen ? ' open' : '')) + " data-v-64f18177>", "</div>", [_vm._ssrNode("<div class=\"email-header-infos\" data-v-64f18177>", "</div>", [_vm.para && _vm.para.length ? [_vm._ssrNode("<div class=\"email-to-from-container\" data-v-64f18177>", "</div>", [_vm._l(_vm.paraCopia, function (recipient, index) {
|
|
10614
10648
|
return _c('EmailTo', {
|
|
10615
10649
|
key: "to-" + index,
|
|
10616
10650
|
attrs: {
|
|
@@ -10621,13 +10655,13 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10621
10655
|
});
|
|
10622
10656
|
}), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-to-btn\"" + _vm._ssrStyle(null, null, {
|
|
10623
10657
|
display: _vm.isOpen ? '' : 'none'
|
|
10624
|
-
}) + " data-v-
|
|
10658
|
+
}) + " data-v-64f18177>", "</div>", [_c('fa-icon', {
|
|
10625
10659
|
attrs: {
|
|
10626
10660
|
"icon": ['fas', 'caret-down']
|
|
10627
10661
|
}
|
|
10628
|
-
})], 1)], 2)] : _vm._e(), _vm._ssrNode(" " + (!_vm.isMainEmail && _vm.isOpen ? "<div class=\"email-subject-secondary\" data-v-
|
|
10662
|
+
})], 1)], 2)] : _vm._e(), _vm._ssrNode(" " + (!_vm.isMainEmail && _vm.isOpen ? "<div class=\"email-subject-secondary\" data-v-64f18177><span class=\"email-subject-span\" data-v-64f18177>" + _vm._ssrEscape(_vm._s("Assunto: " + (_vm.htmlEntityToEmoji(_vm.replaceUnicodeWithEmoji(_vm.assunto)) || '(Sem assunto)'))) + "</span></div>" : "<!---->"))], 2)]), _vm._ssrNode(" "), _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.formattedDate) + _vm._ssrClass(null, "email-date " + (_vm.isOpen ? _vm.isOpenClass : _vm.isClosedClass)) + _vm._ssrStyle(null, null, {
|
|
10629
10663
|
display: _vm.formattedDate ? '' : 'none'
|
|
10630
|
-
}) + " data-v-
|
|
10664
|
+
}) + " data-v-64f18177>", "</span>", [_c('fa-icon', {
|
|
10631
10665
|
attrs: {
|
|
10632
10666
|
"icon": ['fas', 'calendar']
|
|
10633
10667
|
}
|
|
@@ -10648,12 +10682,12 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10648
10682
|
}
|
|
10649
10683
|
}
|
|
10650
10684
|
}, [_vm._ssrNode(_vm._ssrList(_vm.mailInfos, function (info, index) {
|
|
10651
|
-
return "<li class=\"email-info\" data-v-
|
|
10685
|
+
return "<li class=\"email-info\" data-v-64f18177><span data-v-64f18177>" + _vm._ssrEscape(_vm._s(info.label)) + "</span>" + _vm._ssrEscape("\n " + _vm._s(info.value) + "\n ") + "</li>";
|
|
10652
10686
|
}))]) : _vm._e(), _vm._ssrNode(" " + (_vm.isOpen ? "<span" + _vm._ssrClass(null, ['email-actions box-shadow', {
|
|
10653
10687
|
active: _vm.actionsOpen
|
|
10654
10688
|
}, {
|
|
10655
10689
|
main: _vm.isMainEmail
|
|
10656
|
-
}]) + " data-v-
|
|
10690
|
+
}]) + " data-v-64f18177><span data-v-64f18177></span> <span data-v-64f18177></span> <span data-v-64f18177></span></span>" : "<!---->") + " "), _vm.actionsOpen && _vm.isOpen ? _c('ul', {
|
|
10657
10691
|
directives: [{
|
|
10658
10692
|
name: "clickaway",
|
|
10659
10693
|
rawName: "v-clickaway",
|
|
@@ -10666,7 +10700,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10666
10700
|
$event.stopPropagation();
|
|
10667
10701
|
}
|
|
10668
10702
|
}
|
|
10669
|
-
}, [_vm._ssrNode("<li class=\"email-action\" data-v-
|
|
10703
|
+
}, [_vm._ssrNode("<li class=\"email-action\" data-v-64f18177>" + _vm._ssrEscape("\n " + _vm._s(!_vm.openMessage ? 'Visualizar' : 'Esconder') + " texto do e-mail\n ") + "</li>")]) : _vm._e()], 2), _vm._ssrNode(" "), _c('transition', {
|
|
10670
10704
|
attrs: {
|
|
10671
10705
|
"name": "show-y-top"
|
|
10672
10706
|
}
|
|
@@ -10701,7 +10735,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10701
10735
|
staticClass: "email-raw"
|
|
10702
10736
|
}, [_vm._v(_vm._s(_vm.mensagem))]) : _vm._e()], 1)]), _vm._ssrNode(" "), _vm.filteredFiles && _vm.filteredFiles.length ? _vm._ssrNode("<div class=\"email-files\"" + _vm._ssrStyle(null, null, {
|
|
10703
10737
|
display: _vm.isOpen || _vm.isMainEmail ? '' : 'none'
|
|
10704
|
-
}) + " data-v-
|
|
10738
|
+
}) + " data-v-64f18177>", "</div>", _vm._l(_vm.filteredFiles, function (anexo, index) {
|
|
10705
10739
|
return _c('EmailFile', {
|
|
10706
10740
|
key: index,
|
|
10707
10741
|
attrs: {
|
|
@@ -10716,20 +10750,20 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
10716
10750
|
/* style */
|
|
10717
10751
|
var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
10718
10752
|
if (!inject) return;
|
|
10719
|
-
inject("data-v-
|
|
10720
|
-
source: ".show-y-top-enter-active[data-v-
|
|
10753
|
+
inject("data-v-64f18177_0", {
|
|
10754
|
+
source: ".show-y-top-enter-active[data-v-64f18177],.show-y-top-leave-enter[data-v-64f18177]{opacity:1;transform:translateY(0);transition:all .2s linear}.show-y-top-enter[data-v-64f18177],.show-y-top-leave-to[data-v-64f18177]{opacity:0;transform:translateY(-2%)}",
|
|
10721
10755
|
map: undefined,
|
|
10722
10756
|
media: undefined
|
|
10723
|
-
}), inject("data-v-
|
|
10724
|
-
source: "
|
|
10757
|
+
}), inject("data-v-64f18177_1", {
|
|
10758
|
+
source: ".visibility-hidden{visibility:hidden}.box-shadow-active{box-shadow:0 0 4px 2px rgba(0,0,0,.25)}.bg-dark-white-2{background-color:#f7f7f7}.bg-white{background-color:#fff}.cursor-pointer{cursor:pointer}.email-overlay{width:100%;height:100%;background-color:transparent;z-index:1;position:absolute;top:0;left:0}.email-item{--konecta-gray-3:#515050;--konecta-light:#f8f9fa;--blue-silver-4:#dae0e5;--email-principal:#faa732;--email-outros:#86b7fe;font-family:Roboto,sans-serif;flex:1;margin:0 0 10px 0;color:#222;min-height:60px;display:flex;flex-wrap:wrap;padding:10px;border-radius:5px;transition:all 150ms ease-in-out;max-width:100%;width:100%;overflow:hidden;position:relative}.email-custom-action-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap;max-width:100%;cursor:default}.email-custom-action-button{margin-top:10px;background-color:var(--konecta-light)!important;color:var(--konecta-dark)!important;border:1px solid var(--blue-silver-4)!important;flex:1;min-width:100px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px;overflow:hidden;border-radius:5px;text-overflow:ellipsis;white-space:nowrap;transition:all .1s ease-in-out;max-width:100%;cursor:pointer}.email-custom-action-button:hover{background-color:#e9ecef!important}.email-custom-action-button:disabled{background-color:var(--konecta-gray-3)!important;border:1px solid #25282b!important;cursor:not-allowed!important}.email-item.outros{border-left:3px solid var(--email-outros)}.email-author-name{margin:0 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-author.outros{color:var(--email-outros)}.email-author.outros>svg:nth-child(1){transform:rotate(180deg)}.email-author.principal{color:var(--email-principal)}.email-author.main{font-size:1.025rem}.email-item.principal{border-left:3px solid var(--email-principal)}.email-item.info-open{overflow:visible}.email-header{width:100%;display:flex;flex-direction:column;cursor:pointer;border-top-right-radius:5px;border-top-left-radius:5px;position:relative;overflow:visible}.header-container{display:flex;overflow:hidden;position:relative}.email-header-content{display:flex;align-items:center;flex:1;min-width:250px}.email-header-infos{display:flex;flex-direction:column;flex:1}.email-subject{margin:5px 0 0 0;font-size:1.025rem;cursor:pointer}.email-date{--width:245px;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:absolute;right:0;top:0;min-width:var(--width);width:var(--width);max-width:var(--width);display:flex;justify-content:flex-end;gap:3px;align-items:center}.email-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;background-color:#fff;position:relative;max-width:100%}.email-actions{align-self:flex-end;display:flex;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;gap:3px;padding:5px 7px;background-color:#ddd;position:absolute;right:0;top:30px;z-index:1}.email-actions.main{top:10px}.email-actions.active{background-color:#dfdfdf}.email-actions>span{width:4px;height:4px;min-width:4px;min-height:4px;max-width:4px;max-height:4px;background-color:#222;border-radius:50%}.email-actions-list{position:absolute;right:45px;width:250px;top:5px;margin:0;list-style-type:none;padding:0;border-radius:5px;z-index:1}.email-action{background-color:#dfdfdf;padding:5px 10px;cursor:pointer;transition:background-color 150ms ease-in-out;font-size:.9rem;user-select:none}.email-action:nth-child(1){border-top-left-radius:5px;border-top-right-radius:5px}.email-action:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.email-action:hover{background-color:#ccc}.email-html{width:100%;min-width:300px;max-width:100%;border:none;overflow:auto}.email-raw{width:100%;max-width:100%;padding:15px;font-size:.9rem;color:#222}.email-files{display:flex;gap:10px;flex-wrap:wrap;width:100%;margin-top:5px}.email-header-content,.email-header-infos{max-width:100%;overflow:hidden}.email-to-from-container{margin-bottom:5px;max-width:100%;min-width:250px;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap;flex:1;gap:5px}.email-to-btn{padding:0 5px;font-size:.9rem;cursor:pointer;color:#666}.email-to-infos{position:absolute;bottom:-325px;border:1px solid #ccc;z-index:2;padding:10px;background-color:#fff;max-height:300px;overflow-y:auto;overflow-x:hidden;width:300px;display:flex;flex-direction:column;gap:5px;margin:0;cursor:default}.email-info{width:100%;font-size:.8rem}.email-info>span{font-size:.75rem;color:gray;margin-right:3px}.email-author{display:flex;align-items:center;height:5px;font-size:.75rem;font-weight:700;transform:translateY(-2px);width:100%;cursor:pointer}.email-subject-secondary{margin-top:-5px}.email-subject-span{font-size:.7rem;color:gray}.email-to-svg{font-size:.85rem}.email-custom-buttons{display:flex;gap:7px;position:absolute;top:5px;right:5px;z-index:1;font-size:.8rem}.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}.email-error-content{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;padding:10px}.email-error-content p{margin:0;color:#e74c3c}.email-error-content button{border:1px solid #ccc;border-radius:3px;padding:5px 10px;background-color:#fff;cursor:pointer;transition:background-color 150ms ease-in-out}.email-error-content button:hover{background-color:#eee}",
|
|
10725
10759
|
map: undefined,
|
|
10726
10760
|
media: undefined
|
|
10727
10761
|
});
|
|
10728
10762
|
};
|
|
10729
10763
|
/* scoped */
|
|
10730
|
-
var __vue_scope_id__$1 = "data-v-
|
|
10764
|
+
var __vue_scope_id__$1 = "data-v-64f18177";
|
|
10731
10765
|
/* module identifier */
|
|
10732
|
-
var __vue_module_identifier__$1 = "data-v-
|
|
10766
|
+
var __vue_module_identifier__$1 = "data-v-64f18177";
|
|
10733
10767
|
/* functional template */
|
|
10734
10768
|
var __vue_is_functional_template__$1 = false;
|
|
10735
10769
|
/* style inject shadow dom */
|
|
@@ -10821,21 +10855,13 @@ var __vue_render__ = function __vue_render__() {
|
|
|
10821
10855
|
on: {
|
|
10822
10856
|
"click": _vm.close
|
|
10823
10857
|
}
|
|
10824
|
-
}, [_vm._ssrNode("<div class=\"email-blocker-content box-shadow\" data-v-
|
|
10825
|
-
|
|
10826
|
-
|
|
10827
|
-
|
|
10828
|
-
|
|
10829
|
-
|
|
10830
|
-
|
|
10831
|
-
}
|
|
10832
|
-
}), _vm._ssrNode(" <h1 class=\"email-title\" data-v-d6262e5e>" + _vm._ssrEscape(_vm._s(_vm.assunto ? _vm.replaceUnicodeWithEmoji(_vm.htmlEntityToEmoji(_vm.assunto)) : '(Sem assunto)')) + "</h1> "), _vm._ssrNode("<table class=\"email-content-table\" data-v-d6262e5e>", "</table>", [_vm._ssrNode("<tbody data-v-d6262e5e>", "</tbody>", [_vm._ssrNode("<tr data-v-d6262e5e><th data-v-d6262e5e>\n De:\n </th> <td data-v-d6262e5e>" + (_vm.from && _vm.from.length ? _vm._ssrList(_vm.from, function (sender, index) {
|
|
10833
|
-
return "<span data-v-d6262e5e>" + _vm._ssrEscape("\n " + _vm._s(_vm.formattedName(sender.name, index, _vm.from.length, true)) + "\n " + _vm._s(_vm.formattedMail(sender.mail, index, _vm.from.length, true)) + "\n ") + "</span>";
|
|
10834
|
-
}) : "<span data-v-d6262e5e> -- </span>") + "</td></tr> <tr data-v-d6262e5e><th data-v-d6262e5e>\n Para:\n </th> <td data-v-d6262e5e>" + (_vm.para && _vm.para.length ? _vm._ssrList(_vm.para, function (recipient, index) {
|
|
10835
|
-
return "<span data-v-d6262e5e>" + _vm._ssrEscape("\n " + _vm._s(_vm.formattedToName(recipient.name, index, _vm.para.length)) + "\n " + _vm._s("<" + recipient.mail + ">") + "\n ") + "</span>";
|
|
10836
|
-
}) : "<span data-v-d6262e5e> -- </span>") + "</td></tr> " + (_vm.dataHora ? "<tr data-v-d6262e5e><th data-v-d6262e5e>Data:</th> <td data-v-d6262e5e>" + _vm._ssrEscape(_vm._s(_vm.dataHora) + " - " + _vm._s(_vm.formattedDate)) + "</td></tr>" : "<!---->") + " " + (_vm.additionalTableData && _vm.additionalTableData.length ? _vm._ssrList(_vm.additionalTableData, function (data, index) {
|
|
10837
|
-
return "<tr data-v-d6262e5e><th data-v-d6262e5e>" + _vm._ssrEscape(_vm._s(data.label)) + "</th> <td data-v-d6262e5e>" + _vm._ssrEscape(_vm._s(data.value)) + "</td></tr>";
|
|
10838
|
-
}) : "<!---->") + " "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<tr data-v-d6262e5e>", "</tr>", [_vm._ssrNode("<th data-v-d6262e5e>Anexos:</th> "), _vm._ssrNode("<td data-v-d6262e5e>", "</td>", [_vm._ssrNode("<div class=\"email-file-content\" data-v-d6262e5e>", "</div>", _vm._l(_vm.anexos, function (anexo, index) {
|
|
10858
|
+
}, [_vm._ssrNode("<div class=\"email-blocker-content konecta-box-shadow\" data-v-c8b609d0>", "</div>", [_vm._ssrNode("<svg fill=\"var(--exit-button-color)\" width=\"18px\" height=\"18px\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\" stroke=\"var(--exit-button-color)\" class=\"btn-exit\" data-v-c8b609d0><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\" data-v-c8b609d0></g> <g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c8b609d0></g> <g id=\"SVGRepo_iconCarrier\" data-v-c8b609d0><path d=\"M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z\" data-v-c8b609d0></path></g></svg> <h1 class=\"email-title\" data-v-c8b609d0>" + _vm._ssrEscape(_vm._s(_vm.assunto ? _vm.replaceUnicodeWithEmoji(_vm.htmlEntityToEmoji(_vm.assunto)) : '(Sem assunto)')) + "</h1> "), _vm._ssrNode("<table class=\"email-content-table\" data-v-c8b609d0>", "</table>", [_vm._ssrNode("<tbody data-v-c8b609d0>", "</tbody>", [_vm._ssrNode("<tr data-v-c8b609d0><th data-v-c8b609d0>\n De:\n </th> <td data-v-c8b609d0>" + (_vm.from && _vm.from.length ? _vm._ssrList(_vm.from, function (sender, index) {
|
|
10859
|
+
return "<span data-v-c8b609d0>" + _vm._ssrEscape("\n " + _vm._s(_vm.formattedName(sender.name, index, _vm.from.length, true)) + "\n " + _vm._s(_vm.formattedMail(sender.mail, index, _vm.from.length, true)) + "\n ") + "</span>";
|
|
10860
|
+
}) : "<span data-v-c8b609d0> -- </span>") + "</td></tr> <tr data-v-c8b609d0><th data-v-c8b609d0>\n Para:\n </th> <td data-v-c8b609d0>" + (_vm.para && _vm.para.length ? _vm._ssrList(_vm.para, function (recipient, index) {
|
|
10861
|
+
return "<span data-v-c8b609d0>" + _vm._ssrEscape("\n " + _vm._s(_vm.formattedToName(recipient.name, index, _vm.para.length)) + "\n " + _vm._s("<" + recipient.mail + ">") + "\n ") + "</span>";
|
|
10862
|
+
}) : "<span data-v-c8b609d0> -- </span>") + "</td></tr> " + (_vm.dataHora ? "<tr data-v-c8b609d0><th data-v-c8b609d0>Data:</th> <td data-v-c8b609d0>" + _vm._ssrEscape(_vm._s(_vm.formataDataHora(_vm.dataHora, true, false)) + " - " + _vm._s(_vm.formattedDate)) + "</td></tr>" : "<!---->") + " " + (_vm.additionalTableData && _vm.additionalTableData.length ? _vm._ssrList(_vm.additionalTableData, function (data, index) {
|
|
10863
|
+
return "<tr data-v-c8b609d0><th data-v-c8b609d0>" + _vm._ssrEscape(_vm._s(data.label)) + "</th> <td data-v-c8b609d0>" + _vm._ssrEscape(_vm._s(data.value)) + "</td></tr>";
|
|
10864
|
+
}) : "<!---->") + " "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<tr data-v-c8b609d0>", "</tr>", [_vm._ssrNode("<th data-v-c8b609d0>Anexos:</th> "), _vm._ssrNode("<td data-v-c8b609d0>", "</td>", [_vm._ssrNode("<div class=\"email-file-content\" data-v-c8b609d0>", "</div>", _vm._l(_vm.anexos, function (anexo, index) {
|
|
10839
10865
|
return _c('EmailFile', {
|
|
10840
10866
|
key: index,
|
|
10841
10867
|
attrs: {
|
|
@@ -10843,23 +10869,23 @@ var __vue_render__ = function __vue_render__() {
|
|
|
10843
10869
|
"dominio": _vm.dominio
|
|
10844
10870
|
}
|
|
10845
10871
|
});
|
|
10846
|
-
}), 1)])], 2) : _vm._e()], 2)]), _vm._ssrNode(" <hr class=\"email-divisor\" data-v-
|
|
10872
|
+
}), 1)])], 2) : _vm._e()], 2)]), _vm._ssrNode(" <hr class=\"email-divisor\" data-v-c8b609d0> <div class=\"email-raw-content\" data-v-c8b609d0><h2 data-v-c8b609d0>Mensagem original</h2> <div data-v-c8b609d0>" + _vm._ssrEscape(_vm._s(_vm.html || _vm.mensagem)) + "</div></div>")], 2)]);
|
|
10847
10873
|
};
|
|
10848
10874
|
var __vue_staticRenderFns__ = [];
|
|
10849
10875
|
|
|
10850
10876
|
/* style */
|
|
10851
10877
|
var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
|
|
10852
10878
|
if (!inject) return;
|
|
10853
|
-
inject("data-v-
|
|
10854
|
-
source: ".
|
|
10879
|
+
inject("data-v-c8b609d0_0", {
|
|
10880
|
+
source: ".btn-exit[data-v-c8b609d0]{cursor:pointer;position:absolute;top:15px;right:15px;z-index:1}.konecta-box-shadow[data-v-c8b609d0]{box-shadow:var(--konecta-box-shadow)}.email-blocker[data-v-c8b609d0]{--konecta-pink:#d54286;--konecta-light:#f8f9fa;--konecta-dark:#212529;--white:#fff;--white-shadow:rgba(255, 255, 255, 0.5);--konecta-box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);--gray-3:#e2e6ea;--exit-button-color:#999;font-family:Roboto,sans-serif;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:99;background-color:var(--white-shadow);overflow:visible}.email-blocker-content[data-v-c8b609d0]{width:90%;height:90%;min-width:300px;min-height:300px;max-width:90%;max-height:90%;overflow:hidden auto;position:relative;background-color:var(--white);color:var(--konecta-dark);border-radius:6px}.email-title[data-v-c8b609d0]{font-size:1.1rem;width:100%;background-color:var(--konecta-light);color:var(--konecta-pink);border-bottom:1px solid var(--gray-3);padding:15px;display:flex;align-items:center;justify-content:space-between;border-top-left-radius:6px;border-top-right-radius:6px;margin:0 0 10px 0;position:relative}.email-content-table[data-v-c8b609d0]{padding:0;margin:0 10px 10px;font-size:.95rem;border-collapse:collapse;width:calc(100% - 20px)}.email-content-table td[data-v-c8b609d0],.email-content-table th[data-v-c8b609d0]{border:solid thin var(--gray-3)}.email-content-table th[data-v-c8b609d0]{min-width:100px;text-align:left;vertical-align:text-top;padding:12px 20px;font-weight:400;border-right:unset}.email-divisor[data-v-c8b609d0]{margin-top:15px;margin-bottom:10px;height:1px;width:100%;background:var(--gray-3);border:unset}.email-content-table td[data-v-c8b609d0]{padding:8px;border-left:unset}.email-raw-content[data-v-c8b609d0]{display:flex;flex-direction:column;gap:10px;padding:0 15px 15px;max-width:100%}.email-raw-content h2[data-v-c8b609d0]{margin:0;padding:0;font-size:1rem}.email-file-content[data-v-c8b609d0]{display:flex;gap:10px;flex-wrap:wrap;align-items:center}",
|
|
10855
10881
|
map: undefined,
|
|
10856
10882
|
media: undefined
|
|
10857
10883
|
});
|
|
10858
10884
|
};
|
|
10859
10885
|
/* scoped */
|
|
10860
|
-
var __vue_scope_id__ = "data-v-
|
|
10886
|
+
var __vue_scope_id__ = "data-v-c8b609d0";
|
|
10861
10887
|
/* module identifier */
|
|
10862
|
-
var __vue_module_identifier__ = "data-v-
|
|
10888
|
+
var __vue_module_identifier__ = "data-v-c8b609d0";
|
|
10863
10889
|
/* functional template */
|
|
10864
10890
|
var __vue_is_functional_template__ = false;
|
|
10865
10891
|
/* style inject shadow dom */
|
package/package.json
CHANGED
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="email-blocker" @click="close">
|
|
3
|
-
<div class="email-blocker-content box-shadow" @click.stop>
|
|
4
|
-
<
|
|
3
|
+
<div class="email-blocker-content konecta-box-shadow" @click.stop>
|
|
4
|
+
<svg @click="close" class="btn-exit" fill="var(--exit-button-color)" width="18px" height="18px"
|
|
5
|
+
viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" stroke="var(--exit-button-color)">
|
|
6
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
7
|
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
8
|
+
<g id="SVGRepo_iconCarrier">
|
|
9
|
+
<path
|
|
10
|
+
d="M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z">
|
|
11
|
+
</path>
|
|
12
|
+
</g>
|
|
13
|
+
</svg>
|
|
5
14
|
<h1 class="email-title" v-text="assunto ? replaceUnicodeWithEmoji(htmlEntityToEmoji(assunto)) : '(Sem assunto)'">
|
|
6
15
|
</h1>
|
|
7
16
|
<table class="email-content-table">
|
|
@@ -36,7 +45,7 @@
|
|
|
36
45
|
</tr>
|
|
37
46
|
<tr v-if="dataHora">
|
|
38
47
|
<th>Data:</th>
|
|
39
|
-
<td>{{ dataHora }} - {{ formattedDate }}</td>
|
|
48
|
+
<td>{{ formataDataHora(dataHora, true, false) }} - {{ formattedDate }}</td>
|
|
40
49
|
</tr>
|
|
41
50
|
<template v-if="additionalTableData && additionalTableData.length">
|
|
42
51
|
<tr v-for="(data, index) in additionalTableData" :key="`info-${index}`">
|
|
@@ -134,24 +143,27 @@ export default {
|
|
|
134
143
|
</script>
|
|
135
144
|
|
|
136
145
|
<style scoped>
|
|
137
|
-
.
|
|
146
|
+
.btn-exit {
|
|
138
147
|
cursor: pointer;
|
|
139
148
|
position: absolute;
|
|
140
|
-
top:
|
|
141
|
-
right:
|
|
142
|
-
background-color: #FFF;
|
|
143
|
-
border-radius: 50%;
|
|
149
|
+
top: 15px;
|
|
150
|
+
right: 15px;
|
|
144
151
|
z-index: 1;
|
|
145
|
-
color: #E74C3C;
|
|
146
|
-
font-size: 20.8px;
|
|
147
152
|
}
|
|
148
153
|
|
|
149
|
-
.
|
|
150
|
-
|
|
151
|
-
right: 5px;
|
|
154
|
+
.konecta-box-shadow {
|
|
155
|
+
box-shadow: var(--konecta-box-shadow);
|
|
152
156
|
}
|
|
153
157
|
|
|
154
158
|
.email-blocker {
|
|
159
|
+
--konecta-pink: #d54286;
|
|
160
|
+
--konecta-light: #f8f9fa;
|
|
161
|
+
--konecta-dark: #212529;
|
|
162
|
+
--white: #fff;
|
|
163
|
+
--white-shadow: rgba(255, 255, 255, 0.5);
|
|
164
|
+
--konecta-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
|
165
|
+
--gray-3: #e2e6ea;
|
|
166
|
+
--exit-button-color: #999;
|
|
155
167
|
font-family: 'Roboto', sans-serif;
|
|
156
168
|
position: absolute;
|
|
157
169
|
top: 0;
|
|
@@ -162,7 +174,7 @@ export default {
|
|
|
162
174
|
justify-content: center;
|
|
163
175
|
align-items: center;
|
|
164
176
|
z-index: 99;
|
|
165
|
-
background-color:
|
|
177
|
+
background-color: var(--white-shadow);
|
|
166
178
|
overflow: visible;
|
|
167
179
|
}
|
|
168
180
|
|
|
@@ -175,18 +187,25 @@ export default {
|
|
|
175
187
|
max-height: 90%;
|
|
176
188
|
overflow: hidden auto;
|
|
177
189
|
position: relative;
|
|
178
|
-
background-color:
|
|
179
|
-
color:
|
|
190
|
+
background-color: var(--white);
|
|
191
|
+
color: var(--konecta-dark);
|
|
192
|
+
border-radius: 6px;
|
|
180
193
|
}
|
|
181
194
|
|
|
182
195
|
.email-title {
|
|
183
|
-
background: #222;
|
|
184
|
-
color: #FFF;
|
|
185
|
-
margin: 0 0 10px 0;
|
|
186
|
-
padding: 5px 10px;
|
|
187
|
-
border-top-left-radius: 5px;
|
|
188
|
-
border-top-right-radius: 5px;
|
|
189
196
|
font-size: 1.1rem;
|
|
197
|
+
width: 100%;
|
|
198
|
+
background-color: var(--konecta-light);
|
|
199
|
+
color: var(--konecta-pink);
|
|
200
|
+
border-bottom: 1px solid var(--gray-3);
|
|
201
|
+
padding: 15px;
|
|
202
|
+
display: flex;
|
|
203
|
+
align-items: center;
|
|
204
|
+
justify-content: space-between;
|
|
205
|
+
border-top-left-radius: 6px;
|
|
206
|
+
border-top-right-radius: 6px;
|
|
207
|
+
margin: 0 0 10px 0;
|
|
208
|
+
position: relative;
|
|
190
209
|
}
|
|
191
210
|
|
|
192
211
|
.email-content-table {
|
|
@@ -199,7 +218,7 @@ export default {
|
|
|
199
218
|
|
|
200
219
|
.email-content-table th,
|
|
201
220
|
.email-content-table td {
|
|
202
|
-
border: solid thin
|
|
221
|
+
border: solid thin var(--gray-3);
|
|
203
222
|
}
|
|
204
223
|
|
|
205
224
|
.email-content-table th {
|
|
@@ -216,7 +235,7 @@ export default {
|
|
|
216
235
|
margin-bottom: 10px;
|
|
217
236
|
height: 1px;
|
|
218
237
|
width: 100%;
|
|
219
|
-
background:
|
|
238
|
+
background: var(--gray-3);
|
|
220
239
|
border: unset;
|
|
221
240
|
}
|
|
222
241
|
|
|
@@ -17,6 +17,15 @@
|
|
|
17
17
|
<span v-else v-html="button.svgIcon" :class="button.svgClass ? button.svgClass : ''"></span>
|
|
18
18
|
</span>
|
|
19
19
|
</div>
|
|
20
|
+
<div class="email-custom-action-buttons" v-if="customActionButtons && customActionButtons.length" @click.stop>
|
|
21
|
+
<button v-for="(button, index) in customActionButtons" :key="button.id || index" v-show="button.use"
|
|
22
|
+
@click="button.callback(returnParams(button.params))"
|
|
23
|
+
:class="`${button.customClass || 'email-custom-action-button'}`" v-tippy :content="button.tippyContent">
|
|
24
|
+
<fa-icon :icon="['fas', button.icon || 'question-circle']" v-if="!button.svgIcon" />
|
|
25
|
+
<span v-else v-html="button.svgIcon" :class="button.svgClass ? button.svgClass : ''"></span>
|
|
26
|
+
<span v-if="button.label" class="email-custom-action-label" v-text="button.label"></span>
|
|
27
|
+
</button>
|
|
28
|
+
</div>
|
|
20
29
|
<div class="email-header" @click.stop="toggleIsOpen">
|
|
21
30
|
<p class="email-subject" :title="returnMainValue()">
|
|
22
31
|
{{ returnMainValue() }}
|
|
@@ -176,6 +185,9 @@ export default {
|
|
|
176
185
|
},
|
|
177
186
|
customButtons: {
|
|
178
187
|
type: Array
|
|
188
|
+
},
|
|
189
|
+
customActionButtons: {
|
|
190
|
+
type: Array
|
|
179
191
|
}
|
|
180
192
|
},
|
|
181
193
|
data() {
|
|
@@ -508,8 +520,6 @@ export default {
|
|
|
508
520
|
</style>
|
|
509
521
|
|
|
510
522
|
<style>
|
|
511
|
-
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
|
|
512
|
-
|
|
513
523
|
.visibility-hidden {
|
|
514
524
|
visibility: hidden;
|
|
515
525
|
}
|
|
@@ -541,6 +551,11 @@ export default {
|
|
|
541
551
|
}
|
|
542
552
|
|
|
543
553
|
.email-item {
|
|
554
|
+
--konecta-gray-3: #515050;
|
|
555
|
+
--konecta-light: #f8f9fa;
|
|
556
|
+
--blue-silver-4: #dae0e5;
|
|
557
|
+
--email-principal: #faa732;
|
|
558
|
+
--email-outros: #86b7fe;
|
|
544
559
|
font-family: "Roboto", sans-serif;
|
|
545
560
|
flex: 1;
|
|
546
561
|
margin: 0 0 10px 0;
|
|
@@ -557,8 +572,48 @@ export default {
|
|
|
557
572
|
position: relative;
|
|
558
573
|
}
|
|
559
574
|
|
|
575
|
+
.email-custom-action-buttons {
|
|
576
|
+
display: flex;
|
|
577
|
+
gap: 7px;
|
|
578
|
+
align-items: center;
|
|
579
|
+
flex-wrap: wrap;
|
|
580
|
+
max-width: 100%;
|
|
581
|
+
cursor: default;
|
|
582
|
+
}
|
|
583
|
+
|
|
584
|
+
.email-custom-action-button {
|
|
585
|
+
margin-top: 10px;
|
|
586
|
+
background-color: var(--konecta-light) !important;
|
|
587
|
+
color: var(--konecta-dark) !important;
|
|
588
|
+
border: 1px solid var(--blue-silver-4) !important;
|
|
589
|
+
flex: 1;
|
|
590
|
+
min-width: 100px;
|
|
591
|
+
display: flex;
|
|
592
|
+
align-items: center;
|
|
593
|
+
justify-content: center;
|
|
594
|
+
gap: 5px;
|
|
595
|
+
padding: 5px;
|
|
596
|
+
overflow: hidden;
|
|
597
|
+
border-radius: 5px;
|
|
598
|
+
text-overflow: ellipsis;
|
|
599
|
+
white-space: nowrap;
|
|
600
|
+
transition: all 100ms ease-in-out;
|
|
601
|
+
max-width: 100%;
|
|
602
|
+
cursor: pointer
|
|
603
|
+
}
|
|
604
|
+
|
|
605
|
+
.email-custom-action-button:hover {
|
|
606
|
+
background-color: #e9ecef !important;
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
.email-custom-action-button:disabled {
|
|
610
|
+
background-color: var(--konecta-gray-3) !important;
|
|
611
|
+
border: 1px solid #25282b !important;
|
|
612
|
+
cursor: not-allowed !important;
|
|
613
|
+
}
|
|
614
|
+
|
|
560
615
|
.email-item.outros {
|
|
561
|
-
border-left: 3px solid
|
|
616
|
+
border-left: 3px solid var(--email-outros);
|
|
562
617
|
}
|
|
563
618
|
|
|
564
619
|
.email-author-name {
|
|
@@ -570,7 +625,7 @@ export default {
|
|
|
570
625
|
}
|
|
571
626
|
|
|
572
627
|
.email-author.outros {
|
|
573
|
-
color:
|
|
628
|
+
color: var(--email-outros);
|
|
574
629
|
}
|
|
575
630
|
|
|
576
631
|
.email-author.outros>svg:nth-child(1) {
|
|
@@ -578,7 +633,7 @@ export default {
|
|
|
578
633
|
}
|
|
579
634
|
|
|
580
635
|
.email-author.principal {
|
|
581
|
-
color:
|
|
636
|
+
color: var(--email-principal);
|
|
582
637
|
}
|
|
583
638
|
|
|
584
639
|
.email-author.main {
|
|
@@ -586,7 +641,7 @@ export default {
|
|
|
586
641
|
}
|
|
587
642
|
|
|
588
643
|
.email-item.principal {
|
|
589
|
-
border-left: 3px solid
|
|
644
|
+
border-left: 3px solid var(--email-principal);
|
|
590
645
|
}
|
|
591
646
|
|
|
592
647
|
.email-item.info-open {
|