vue-intergrall-plugins 1.0.90 → 1.0.92
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 +86 -17
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +68 -40
- package/package.json +1 -1
- package/src/lib-components/Chat/TextFooter.vue +3 -1
- package/src/lib-components/Email/EmailExpanded.vue +43 -25
- package/src/lib-components/Email/EmailItem.vue +61 -6
|
@@ -5604,7 +5604,9 @@ var StandardMessages = __vue_component__$w;var script$m = {
|
|
|
5604
5604
|
this.$emit("handle-screen-share");
|
|
5605
5605
|
},
|
|
5606
5606
|
toggleStandardMessages: function toggleStandardMessages() {
|
|
5607
|
-
this.
|
|
5607
|
+
if (this.formattedMessageSettings.hasStandardMessages) {
|
|
5608
|
+
this.showStandardMessages = !this.showStandardMessages;
|
|
5609
|
+
}
|
|
5608
5610
|
},
|
|
5609
5611
|
openBlockerStandardMessage: function openBlockerStandardMessage() {
|
|
5610
5612
|
this.$emit("open-blocker-standard-message");
|
|
@@ -5866,7 +5868,7 @@ var __vue_staticRenderFns__$m = [];
|
|
|
5866
5868
|
/* style */
|
|
5867
5869
|
var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
|
|
5868
5870
|
if (!inject) return;
|
|
5869
|
-
inject("data-v-
|
|
5871
|
+
inject("data-v-3aaf4d56_0", {
|
|
5870
5872
|
source: ".text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:14px;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:14px;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:12px}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:16px;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:9.2px;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-30px;right:35px;background-color:#fafafa;height:38px}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;font-size:16px;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03: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)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:16px}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:16px;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349;margin-left:5px}.text-footer-container .text-footer-files-container .files-btn.both{font-size:15.2px;background-color:#5555ec;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1){transform:translateX(5px)}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2){transform:translateX(-5px)}.text-footer-container .old-footer-preview-container{width:100%;cursor:default;position:absolute;right:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .old-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .old-footer-preview-container.isImg,.text-footer-container .old-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px;min-width:300px}.text-footer-container .old-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .old-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:12.8px;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:12.8px;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:13.6px!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
|
|
5871
5873
|
map: undefined,
|
|
5872
5874
|
media: undefined
|
|
@@ -5875,7 +5877,7 @@ var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
|
|
|
5875
5877
|
/* scoped */
|
|
5876
5878
|
var __vue_scope_id__$m = undefined;
|
|
5877
5879
|
/* module identifier */
|
|
5878
|
-
var __vue_module_identifier__$m = "data-v-
|
|
5880
|
+
var __vue_module_identifier__$m = "data-v-3aaf4d56";
|
|
5879
5881
|
/* functional template */
|
|
5880
5882
|
var __vue_is_functional_template__$m = false;
|
|
5881
5883
|
/* style inject shadow dom */
|
|
@@ -10241,6 +10243,9 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10241
10243
|
},
|
|
10242
10244
|
customButtons: {
|
|
10243
10245
|
type: Array
|
|
10246
|
+
},
|
|
10247
|
+
customActionButtons: {
|
|
10248
|
+
type: Array
|
|
10244
10249
|
}
|
|
10245
10250
|
},
|
|
10246
10251
|
data: function data() {
|
|
@@ -10565,19 +10570,19 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10565
10570
|
return _vm.openByItem($event);
|
|
10566
10571
|
}
|
|
10567
10572
|
}
|
|
10568
|
-
}, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\" data-v-
|
|
10573
|
+
}, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\" data-v-c4e2ca14></div>" : "<!---->") + " "), _vm.autor ? _vm._ssrNode("<div" + _vm._ssrClass("email-author", [_vm.origem, _vm.isMainEmail ? 'main' : '']) + " data-v-c4e2ca14>", "</div>", [_c('fa-icon', {
|
|
10569
10574
|
class: [_vm.origem],
|
|
10570
10575
|
attrs: {
|
|
10571
10576
|
"icon": ['fas', 'reply'],
|
|
10572
10577
|
"title": "Enviado por: " + _vm.autor
|
|
10573
10578
|
}
|
|
10574
|
-
}), _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-c4e2ca14>" + _vm._ssrEscape(_vm._s(_vm.returnAuthorName())) + "</p> "), _c('fa-icon', {
|
|
10575
10580
|
staticClass: "email-to-svg",
|
|
10576
10581
|
attrs: {
|
|
10577
10582
|
"icon": ['fas', _vm.origem === 'outros' ? 'user' : 'headset'],
|
|
10578
10583
|
"title": "E-mail " + (_vm.origem === 'outros' ? 'recebido' : 'enviado')
|
|
10579
10584
|
}
|
|
10580
|
-
})], 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-c4e2ca14>", "</div>", _vm._l(_vm.customButtons, function (button, index) {
|
|
10581
10586
|
return _c('span', {
|
|
10582
10587
|
directives: [{
|
|
10583
10588
|
name: "show",
|
|
@@ -10608,7 +10613,38 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10608
10613
|
"innerHTML": _vm._s(button.svgIcon)
|
|
10609
10614
|
}
|
|
10610
10615
|
})], 1);
|
|
10611
|
-
}), 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-c4e2ca14>", "</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-c4e2ca14></span>" : "<!---->"))], 2);
|
|
10647
|
+
}), 0) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-header\" data-v-c4e2ca14>", "</div>", [_vm._ssrNode("<p" + _vm._ssrAttr("title", _vm.returnMainValue()) + " class=\"email-subject\" data-v-c4e2ca14>" + _vm._ssrEscape("\n " + _vm._s(_vm.returnMainValue()) + "\n ") + "</p> "), _vm._ssrNode("<div class=\"header-container\" data-v-c4e2ca14>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, "email-header-content" + (_vm.isOpen ? ' open' : '')) + " data-v-c4e2ca14>", "</div>", [_vm._ssrNode("<div class=\"email-header-infos\" data-v-c4e2ca14>", "</div>", [_vm.para && _vm.para.length ? [_vm._ssrNode("<div class=\"email-to-from-container\" data-v-c4e2ca14>", "</div>", [_vm._l(_vm.paraCopia, function (recipient, index) {
|
|
10612
10648
|
return _c('EmailTo', {
|
|
10613
10649
|
key: "to-" + index,
|
|
10614
10650
|
attrs: {
|
|
@@ -10619,13 +10655,13 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10619
10655
|
});
|
|
10620
10656
|
}), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-to-btn\"" + _vm._ssrStyle(null, null, {
|
|
10621
10657
|
display: _vm.isOpen ? '' : 'none'
|
|
10622
|
-
}) + " data-v-
|
|
10658
|
+
}) + " data-v-c4e2ca14>", "</div>", [_c('fa-icon', {
|
|
10623
10659
|
attrs: {
|
|
10624
10660
|
"icon": ['fas', 'caret-down']
|
|
10625
10661
|
}
|
|
10626
|
-
})], 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-c4e2ca14><span class=\"email-subject-span\" data-v-c4e2ca14>" + _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, {
|
|
10627
10663
|
display: _vm.formattedDate ? '' : 'none'
|
|
10628
|
-
}) + " data-v-
|
|
10664
|
+
}) + " data-v-c4e2ca14>", "</span>", [_c('fa-icon', {
|
|
10629
10665
|
attrs: {
|
|
10630
10666
|
"icon": ['fas', 'calendar']
|
|
10631
10667
|
}
|
|
@@ -10646,12 +10682,12 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10646
10682
|
}
|
|
10647
10683
|
}
|
|
10648
10684
|
}, [_vm._ssrNode(_vm._ssrList(_vm.mailInfos, function (info, index) {
|
|
10649
|
-
return "<li class=\"email-info\" data-v-
|
|
10685
|
+
return "<li class=\"email-info\" data-v-c4e2ca14><span data-v-c4e2ca14>" + _vm._ssrEscape(_vm._s(info.label)) + "</span>" + _vm._ssrEscape("\n " + _vm._s(info.value) + "\n ") + "</li>";
|
|
10650
10686
|
}))]) : _vm._e(), _vm._ssrNode(" " + (_vm.isOpen ? "<span" + _vm._ssrClass(null, ['email-actions box-shadow', {
|
|
10651
10687
|
active: _vm.actionsOpen
|
|
10652
10688
|
}, {
|
|
10653
10689
|
main: _vm.isMainEmail
|
|
10654
|
-
}]) + " data-v-
|
|
10690
|
+
}]) + " data-v-c4e2ca14><span data-v-c4e2ca14></span> <span data-v-c4e2ca14></span> <span data-v-c4e2ca14></span></span>" : "<!---->") + " "), _vm.actionsOpen && _vm.isOpen ? _c('ul', {
|
|
10655
10691
|
directives: [{
|
|
10656
10692
|
name: "clickaway",
|
|
10657
10693
|
rawName: "v-clickaway",
|
|
@@ -10664,7 +10700,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10664
10700
|
$event.stopPropagation();
|
|
10665
10701
|
}
|
|
10666
10702
|
}
|
|
10667
|
-
}, [_vm._ssrNode("<li class=\"email-action\" data-v-
|
|
10703
|
+
}, [_vm._ssrNode("<li class=\"email-action\" data-v-c4e2ca14>" + _vm._ssrEscape("\n " + _vm._s(!_vm.openMessage ? 'Visualizar' : 'Esconder') + " texto do e-mail\n ") + "</li>")]) : _vm._e()], 2), _vm._ssrNode(" "), _c('transition', {
|
|
10668
10704
|
attrs: {
|
|
10669
10705
|
"name": "show-y-top"
|
|
10670
10706
|
}
|
|
@@ -10699,7 +10735,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10699
10735
|
staticClass: "email-raw"
|
|
10700
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, {
|
|
10701
10737
|
display: _vm.isOpen || _vm.isMainEmail ? '' : 'none'
|
|
10702
|
-
}) + " data-v-
|
|
10738
|
+
}) + " data-v-c4e2ca14>", "</div>", _vm._l(_vm.filteredFiles, function (anexo, index) {
|
|
10703
10739
|
return _c('EmailFile', {
|
|
10704
10740
|
key: index,
|
|
10705
10741
|
attrs: {
|
|
@@ -10714,20 +10750,20 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
10714
10750
|
/* style */
|
|
10715
10751
|
var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
10716
10752
|
if (!inject) return;
|
|
10717
|
-
inject("data-v-
|
|
10718
|
-
source: ".show-y-top-enter-active[data-v-
|
|
10753
|
+
inject("data-v-c4e2ca14_0", {
|
|
10754
|
+
source: ".show-y-top-enter-active[data-v-c4e2ca14],.show-y-top-leave-enter[data-v-c4e2ca14]{opacity:1;transform:translateY(0);transition:all .2s linear}.show-y-top-enter[data-v-c4e2ca14],.show-y-top-leave-to[data-v-c4e2ca14]{opacity:0;transform:translateY(-2%)}",
|
|
10719
10755
|
map: undefined,
|
|
10720
10756
|
media: undefined
|
|
10721
|
-
}), inject("data-v-
|
|
10722
|
-
source: "
|
|
10757
|
+
}), inject("data-v-c4e2ca14_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}",
|
|
10723
10759
|
map: undefined,
|
|
10724
10760
|
media: undefined
|
|
10725
10761
|
});
|
|
10726
10762
|
};
|
|
10727
10763
|
/* scoped */
|
|
10728
|
-
var __vue_scope_id__$1 = "data-v-
|
|
10764
|
+
var __vue_scope_id__$1 = "data-v-c4e2ca14";
|
|
10729
10765
|
/* module identifier */
|
|
10730
|
-
var __vue_module_identifier__$1 = "data-v-
|
|
10766
|
+
var __vue_module_identifier__$1 = "data-v-c4e2ca14";
|
|
10731
10767
|
/* functional template */
|
|
10732
10768
|
var __vue_is_functional_template__$1 = false;
|
|
10733
10769
|
/* style inject shadow dom */
|
|
@@ -10819,21 +10855,13 @@ var __vue_render__ = function __vue_render__() {
|
|
|
10819
10855
|
on: {
|
|
10820
10856
|
"click": _vm.close
|
|
10821
10857
|
}
|
|
10822
|
-
}, [_vm._ssrNode("<div class=\"email-blocker-content box-shadow\" data-v-
|
|
10823
|
-
|
|
10824
|
-
|
|
10825
|
-
|
|
10826
|
-
|
|
10827
|
-
|
|
10828
|
-
|
|
10829
|
-
}
|
|
10830
|
-
}), _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) {
|
|
10831
|
-
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>";
|
|
10832
|
-
}) : "<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) {
|
|
10833
|
-
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>";
|
|
10834
|
-
}) : "<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) {
|
|
10835
|
-
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>";
|
|
10836
|
-
}) : "<!---->") + " "), _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-4950b2ac>", "</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-4950b2ac><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\" data-v-4950b2ac></g> <g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-4950b2ac></g> <g id=\"SVGRepo_iconCarrier\" data-v-4950b2ac><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-4950b2ac></path></g></svg> <h1 class=\"email-title\" data-v-4950b2ac>" + _vm._ssrEscape(_vm._s(_vm.assunto ? _vm.replaceUnicodeWithEmoji(_vm.htmlEntityToEmoji(_vm.assunto)) : '(Sem assunto)')) + "</h1> "), _vm._ssrNode("<table class=\"email-content-table\" data-v-4950b2ac>", "</table>", [_vm._ssrNode("<tbody data-v-4950b2ac>", "</tbody>", [_vm._ssrNode("<tr data-v-4950b2ac><th data-v-4950b2ac>\n De:\n </th> <td data-v-4950b2ac>" + (_vm.from && _vm.from.length ? _vm._ssrList(_vm.from, function (sender, index) {
|
|
10859
|
+
return "<span data-v-4950b2ac>" + _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-4950b2ac> -- </span>") + "</td></tr> <tr data-v-4950b2ac><th data-v-4950b2ac>\n Para:\n </th> <td data-v-4950b2ac>" + (_vm.para && _vm.para.length ? _vm._ssrList(_vm.para, function (recipient, index) {
|
|
10861
|
+
return "<span data-v-4950b2ac>" + _vm._ssrEscape("\n " + _vm._s(_vm.formattedToName(recipient.name, index, _vm.para.length)) + "\n " + _vm._s("<" + recipient.mail + ">") + "\n ") + "</span>";
|
|
10862
|
+
}) : "<span data-v-4950b2ac> -- </span>") + "</td></tr> " + (_vm.dataHora ? "<tr data-v-4950b2ac><th data-v-4950b2ac>Data:</th> <td data-v-4950b2ac>" + _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-4950b2ac><th data-v-4950b2ac>" + _vm._ssrEscape(_vm._s(data.label)) + "</th> <td data-v-4950b2ac>" + _vm._ssrEscape(_vm._s(data.value)) + "</td></tr>";
|
|
10864
|
+
}) : "<!---->") + " "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<tr data-v-4950b2ac>", "</tr>", [_vm._ssrNode("<th data-v-4950b2ac>Anexos:</th> "), _vm._ssrNode("<td data-v-4950b2ac>", "</td>", [_vm._ssrNode("<div class=\"email-file-content\" data-v-4950b2ac>", "</div>", _vm._l(_vm.anexos, function (anexo, index) {
|
|
10837
10865
|
return _c('EmailFile', {
|
|
10838
10866
|
key: index,
|
|
10839
10867
|
attrs: {
|
|
@@ -10841,23 +10869,23 @@ var __vue_render__ = function __vue_render__() {
|
|
|
10841
10869
|
"dominio": _vm.dominio
|
|
10842
10870
|
}
|
|
10843
10871
|
});
|
|
10844
|
-
}), 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-4950b2ac> <div class=\"email-raw-content\" data-v-4950b2ac><h2 data-v-4950b2ac>Mensagem original</h2> <div data-v-4950b2ac>" + _vm._ssrEscape(_vm._s(_vm.html || _vm.mensagem)) + "</div></div>")], 2)]);
|
|
10845
10873
|
};
|
|
10846
10874
|
var __vue_staticRenderFns__ = [];
|
|
10847
10875
|
|
|
10848
10876
|
/* style */
|
|
10849
10877
|
var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
|
|
10850
10878
|
if (!inject) return;
|
|
10851
|
-
inject("data-v-
|
|
10852
|
-
source: ".
|
|
10879
|
+
inject("data-v-4950b2ac_0", {
|
|
10880
|
+
source: ".btn-exit[data-v-4950b2ac]{cursor:pointer;position:absolute;top:15px;right:15px}.konecta-box-shadow[data-v-4950b2ac]{box-shadow:var(--konecta-box-shadow)}.email-blocker[data-v-4950b2ac]{--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-4950b2ac]{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-4950b2ac]{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-4950b2ac]{padding:0;margin:0 10px 10px;font-size:.95rem;border-collapse:collapse;width:calc(100% - 20px)}.email-content-table td[data-v-4950b2ac],.email-content-table th[data-v-4950b2ac]{border:solid thin var(--gray-3)}.email-content-table th[data-v-4950b2ac]{min-width:100px;text-align:left;vertical-align:text-top;padding:12px 20px;font-weight:400;border-right:unset}.email-divisor[data-v-4950b2ac]{margin-top:15px;margin-bottom:10px;height:1px;width:100%;background:var(--gray-3);border:unset}.email-content-table td[data-v-4950b2ac]{padding:8px;border-left:unset}.email-raw-content[data-v-4950b2ac]{display:flex;flex-direction:column;gap:10px;padding:0 15px 15px;max-width:100%}.email-raw-content h2[data-v-4950b2ac]{margin:0;padding:0;font-size:1rem}.email-file-content[data-v-4950b2ac]{display:flex;gap:10px;flex-wrap:wrap;align-items:center}",
|
|
10853
10881
|
map: undefined,
|
|
10854
10882
|
media: undefined
|
|
10855
10883
|
});
|
|
10856
10884
|
};
|
|
10857
10885
|
/* scoped */
|
|
10858
|
-
var __vue_scope_id__ = "data-v-
|
|
10886
|
+
var __vue_scope_id__ = "data-v-4950b2ac";
|
|
10859
10887
|
/* module identifier */
|
|
10860
|
-
var __vue_module_identifier__ = "data-v-
|
|
10888
|
+
var __vue_module_identifier__ = "data-v-4950b2ac";
|
|
10861
10889
|
/* functional template */
|
|
10862
10890
|
var __vue_is_functional_template__ = false;
|
|
10863
10891
|
/* style inject shadow dom */
|
package/package.json
CHANGED
|
@@ -541,7 +541,9 @@ export default {
|
|
|
541
541
|
this.$emit("handle-screen-share");
|
|
542
542
|
},
|
|
543
543
|
toggleStandardMessages() {
|
|
544
|
-
this.
|
|
544
|
+
if (this.formattedMessageSettings.hasStandardMessages) {
|
|
545
|
+
this.showStandardMessages = !this.showStandardMessages;
|
|
546
|
+
}
|
|
545
547
|
},
|
|
546
548
|
openBlockerStandardMessage() {
|
|
547
549
|
this.$emit("open-blocker-standard-message");
|
|
@@ -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,26 @@ 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%;
|
|
144
|
-
z-index: 1;
|
|
145
|
-
color: #E74C3C;
|
|
146
|
-
font-size: 20.8px;
|
|
149
|
+
top: 15px;
|
|
150
|
+
right: 15px;
|
|
147
151
|
}
|
|
148
152
|
|
|
149
|
-
.
|
|
150
|
-
|
|
151
|
-
right: 5px;
|
|
153
|
+
.konecta-box-shadow {
|
|
154
|
+
box-shadow: var(--konecta-box-shadow);
|
|
152
155
|
}
|
|
153
156
|
|
|
154
157
|
.email-blocker {
|
|
158
|
+
--konecta-pink: #d54286;
|
|
159
|
+
--konecta-light: #f8f9fa;
|
|
160
|
+
--konecta-dark: #212529;
|
|
161
|
+
--white: #fff;
|
|
162
|
+
--white-shadow: rgba(255, 255, 255, 0.5);
|
|
163
|
+
--konecta-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
|
164
|
+
--gray-3: #e2e6ea;
|
|
165
|
+
--exit-button-color: #999;
|
|
155
166
|
font-family: 'Roboto', sans-serif;
|
|
156
167
|
position: absolute;
|
|
157
168
|
top: 0;
|
|
@@ -162,7 +173,7 @@ export default {
|
|
|
162
173
|
justify-content: center;
|
|
163
174
|
align-items: center;
|
|
164
175
|
z-index: 99;
|
|
165
|
-
background-color:
|
|
176
|
+
background-color: var(--white-shadow);
|
|
166
177
|
overflow: visible;
|
|
167
178
|
}
|
|
168
179
|
|
|
@@ -175,18 +186,25 @@ export default {
|
|
|
175
186
|
max-height: 90%;
|
|
176
187
|
overflow: hidden auto;
|
|
177
188
|
position: relative;
|
|
178
|
-
background-color:
|
|
179
|
-
color:
|
|
189
|
+
background-color: var(--white);
|
|
190
|
+
color: var(--konecta-dark);
|
|
191
|
+
border-radius: 6px;
|
|
180
192
|
}
|
|
181
193
|
|
|
182
194
|
.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
195
|
font-size: 1.1rem;
|
|
196
|
+
width: 100%;
|
|
197
|
+
background-color: var(--konecta-light);
|
|
198
|
+
color: var(--konecta-pink);
|
|
199
|
+
border-bottom: 1px solid var(--gray-3);
|
|
200
|
+
padding: 15px;
|
|
201
|
+
display: flex;
|
|
202
|
+
align-items: center;
|
|
203
|
+
justify-content: space-between;
|
|
204
|
+
border-top-left-radius: 6px;
|
|
205
|
+
border-top-right-radius: 6px;
|
|
206
|
+
margin: 0 0 10px 0;
|
|
207
|
+
position: relative;
|
|
190
208
|
}
|
|
191
209
|
|
|
192
210
|
.email-content-table {
|
|
@@ -199,7 +217,7 @@ export default {
|
|
|
199
217
|
|
|
200
218
|
.email-content-table th,
|
|
201
219
|
.email-content-table td {
|
|
202
|
-
border: solid thin
|
|
220
|
+
border: solid thin var(--gray-3);
|
|
203
221
|
}
|
|
204
222
|
|
|
205
223
|
.email-content-table th {
|
|
@@ -216,7 +234,7 @@ export default {
|
|
|
216
234
|
margin-bottom: 10px;
|
|
217
235
|
height: 1px;
|
|
218
236
|
width: 100%;
|
|
219
|
-
background:
|
|
237
|
+
background: var(--gray-3);
|
|
220
238
|
border: unset;
|
|
221
239
|
}
|
|
222
240
|
|
|
@@ -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"></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 {
|