vue-intergrall-plugins 1.1.47 → 1.1.50
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.
|
@@ -10641,8 +10641,15 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10641
10641
|
formattedToName: function formattedToName() {
|
|
10642
10642
|
return function (name, index, length) {
|
|
10643
10643
|
var addVirgulaDps = index < length - 1;
|
|
10644
|
-
var
|
|
10645
|
-
|
|
10644
|
+
var text = index === 0 ? "Para: ".concat(name || '') : name ? "".concat(name).concat(addVirgulaDps ? ', ' : '') : '';
|
|
10645
|
+
return text;
|
|
10646
|
+
};
|
|
10647
|
+
},
|
|
10648
|
+
formattedCcName: function formattedCcName() {
|
|
10649
|
+
var _this2 = this;
|
|
10650
|
+
return function (name, index, length) {
|
|
10651
|
+
var addVirgulaDps = index < length - 1;
|
|
10652
|
+
var text = index === 0 ? "".concat(_this2.dicionario.tit_copia || 'Cópia', ": ").concat(name || '') : name ? "".concat(name).concat(addVirgulaDps ? ', ' : '') : '';
|
|
10646
10653
|
return text;
|
|
10647
10654
|
};
|
|
10648
10655
|
}
|
|
@@ -10651,12 +10658,12 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10651
10658
|
isOpen: 'updateIframeContent'
|
|
10652
10659
|
},
|
|
10653
10660
|
mounted: function mounted() {
|
|
10654
|
-
var
|
|
10661
|
+
var _this3 = this;
|
|
10655
10662
|
this.updateIframeContent();
|
|
10656
10663
|
this.adjustMaxWidth();
|
|
10657
10664
|
if (this.refKey) this.$root.$refs["".concat(refKey)] = this;
|
|
10658
10665
|
setTimeout(function () {
|
|
10659
|
-
if (
|
|
10666
|
+
if (_this3.isIframeLoading) _this3.adjustIframeHeight();
|
|
10660
10667
|
}, 15000);
|
|
10661
10668
|
},
|
|
10662
10669
|
methods: {
|
|
@@ -10672,9 +10679,9 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10672
10679
|
}
|
|
10673
10680
|
},
|
|
10674
10681
|
scrollToAttachments: function scrollToAttachments() {
|
|
10675
|
-
var
|
|
10682
|
+
var _this4 = this;
|
|
10676
10683
|
this.$nextTick(function () {
|
|
10677
|
-
var files =
|
|
10684
|
+
var files = _this4.$el.querySelector('.email-files');
|
|
10678
10685
|
if (files) {
|
|
10679
10686
|
files.scrollIntoView({
|
|
10680
10687
|
behavior: 'smooth',
|
|
@@ -10757,30 +10764,30 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10757
10764
|
}
|
|
10758
10765
|
},
|
|
10759
10766
|
updateIframeContent: function updateIframeContent() {
|
|
10760
|
-
var
|
|
10767
|
+
var _this5 = this;
|
|
10761
10768
|
this.$nextTick(function () {
|
|
10762
|
-
if (
|
|
10763
|
-
var iframe =
|
|
10769
|
+
if (_this5.isOpen && _this5.isIframeLoading) {
|
|
10770
|
+
var iframe = _this5.$refs.emailIframe;
|
|
10764
10771
|
if (!iframe) {
|
|
10765
10772
|
console.warn('Iframe not found');
|
|
10766
|
-
|
|
10773
|
+
_this5.isIframeLoading = false;
|
|
10767
10774
|
return;
|
|
10768
10775
|
}
|
|
10769
10776
|
var doc = iframe.contentDocument || iframe.contentWindow.document;
|
|
10770
10777
|
if (!doc) {
|
|
10771
10778
|
console.warn('Document not found in iframe');
|
|
10772
|
-
|
|
10779
|
+
_this5.isIframeLoading = false;
|
|
10773
10780
|
return;
|
|
10774
10781
|
}
|
|
10775
|
-
var content =
|
|
10782
|
+
var content = _this5.html || '';
|
|
10776
10783
|
if (!content || !content.length) {
|
|
10777
10784
|
console.warn('No content to display in iframe');
|
|
10778
|
-
|
|
10785
|
+
_this5.isIframeLoading = false;
|
|
10779
10786
|
return;
|
|
10780
10787
|
}
|
|
10781
10788
|
if (!/<[a-z][\s\S]*>/i.test(content)) {
|
|
10782
10789
|
content = content.replace(/\n/g, '<br>');
|
|
10783
|
-
content =
|
|
10790
|
+
content = _this5.gerarMensagemEstilizada(content);
|
|
10784
10791
|
content = "<p>".concat(content, "</p>");
|
|
10785
10792
|
}
|
|
10786
10793
|
doc.open();
|
|
@@ -10791,11 +10798,11 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10791
10798
|
var imageLoadHandler = function imageLoadHandler() {
|
|
10792
10799
|
imagesLoaded++;
|
|
10793
10800
|
if (imagesLoaded === images.length) {
|
|
10794
|
-
|
|
10801
|
+
_this5.adjustIframeHeight();
|
|
10795
10802
|
}
|
|
10796
10803
|
};
|
|
10797
10804
|
if (images.length === 0) {
|
|
10798
|
-
|
|
10805
|
+
_this5.adjustIframeHeight();
|
|
10799
10806
|
} else {
|
|
10800
10807
|
var _iterator = _createForOfIteratorHelper(images),
|
|
10801
10808
|
_step;
|
|
@@ -10815,47 +10822,47 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10815
10822
|
});
|
|
10816
10823
|
},
|
|
10817
10824
|
adjustIframeHeight: function adjustIframeHeight() {
|
|
10818
|
-
var
|
|
10825
|
+
var _this6 = this;
|
|
10819
10826
|
this.$nextTick(function () {
|
|
10820
|
-
var iframe =
|
|
10821
|
-
var emailParent =
|
|
10827
|
+
var iframe = _this6.$refs.emailIframe;
|
|
10828
|
+
var emailParent = _this6.$refs.emailIframeParent;
|
|
10822
10829
|
if (iframe && emailParent) {
|
|
10823
10830
|
setTimeout(function () {
|
|
10824
10831
|
var doc = iframe.contentDocument || iframe.contentWindow.document;
|
|
10825
10832
|
var margin = 20;
|
|
10826
10833
|
var value = doc.documentElement.offsetHeight + margin;
|
|
10827
10834
|
if (value === 0 || doc.documentElement.querySelector('body').innerHTML === '') {
|
|
10828
|
-
|
|
10829
|
-
if (
|
|
10830
|
-
|
|
10831
|
-
if (
|
|
10835
|
+
_this6.errorCount++;
|
|
10836
|
+
if (_this6.errorCount > 3) {
|
|
10837
|
+
_this6.hasError = true;
|
|
10838
|
+
if (_this6.isIframeLoading) _this6.isIframeLoading = false;
|
|
10832
10839
|
return;
|
|
10833
10840
|
}
|
|
10834
|
-
|
|
10835
|
-
|
|
10841
|
+
_this6.isIframeLoading = true;
|
|
10842
|
+
_this6.updateIframeContent();
|
|
10836
10843
|
return;
|
|
10837
10844
|
}
|
|
10838
|
-
if (
|
|
10839
|
-
|
|
10840
|
-
|
|
10845
|
+
if (_this6.hasError || _this6.errorCount > 0) {
|
|
10846
|
+
_this6.hasError = false;
|
|
10847
|
+
_this6.errorCount = 0;
|
|
10841
10848
|
}
|
|
10842
10849
|
iframe.style.height = "".concat(value, "px");
|
|
10843
10850
|
emailParent.style.minHeight = "".concat(value, "px");
|
|
10844
|
-
if (
|
|
10845
|
-
|
|
10846
|
-
|
|
10851
|
+
if (_this6.scrollToFile) {
|
|
10852
|
+
_this6.scrollToFile = false;
|
|
10853
|
+
_this6.scrollToAttachments();
|
|
10847
10854
|
}
|
|
10848
10855
|
}, 100);
|
|
10849
10856
|
}
|
|
10850
|
-
if (
|
|
10857
|
+
if (_this6.isIframeLoading) _this6.isIframeLoading = false;
|
|
10851
10858
|
});
|
|
10852
10859
|
},
|
|
10853
10860
|
toggleShowInfos: function toggleShowInfos() {
|
|
10854
|
-
var
|
|
10861
|
+
var _this7 = this;
|
|
10855
10862
|
this.showInfos = !this.showInfos;
|
|
10856
10863
|
if (this.showInfos) {
|
|
10857
10864
|
this.$nextTick(function () {
|
|
10858
|
-
|
|
10865
|
+
_this7.adjustTopPosition();
|
|
10859
10866
|
});
|
|
10860
10867
|
}
|
|
10861
10868
|
},
|
|
@@ -10879,10 +10886,10 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10879
10886
|
}
|
|
10880
10887
|
},
|
|
10881
10888
|
adjustMaxWidth: function adjustMaxWidth() {
|
|
10882
|
-
var
|
|
10889
|
+
var _this8 = this;
|
|
10883
10890
|
this.$nextTick(function () {
|
|
10884
|
-
var toContainer =
|
|
10885
|
-
var dateContainer =
|
|
10891
|
+
var toContainer = _this8.$refs.emailToContainer;
|
|
10892
|
+
var dateContainer = _this8.$refs.emailDate;
|
|
10886
10893
|
if (!toContainer || !dateContainer) return;
|
|
10887
10894
|
toContainer.style.maxWidth = "calc(100% - ".concat(dateContainer.offsetWidth, "px)");
|
|
10888
10895
|
});
|
|
@@ -10921,7 +10928,7 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10921
10928
|
this.toggleIsOpen();
|
|
10922
10929
|
},
|
|
10923
10930
|
returnParams: function returnParams(params) {
|
|
10924
|
-
var
|
|
10931
|
+
var _this9 = this;
|
|
10925
10932
|
var defaultParams = {
|
|
10926
10933
|
message: this.mensagem
|
|
10927
10934
|
};
|
|
@@ -10932,7 +10939,7 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10932
10939
|
}, params.values);
|
|
10933
10940
|
var customParams = _objectSpread2({}, params.values);
|
|
10934
10941
|
keys.forEach(function (key) {
|
|
10935
|
-
if (
|
|
10942
|
+
if (_this9[key]) customParams[key] = _this9[key];else console.warn("Cant find ".concat(key, " on 'this' instance"));
|
|
10936
10943
|
});
|
|
10937
10944
|
return Object.keys(customParams).length ? customParams : defaultParams;
|
|
10938
10945
|
}
|
|
@@ -10952,17 +10959,17 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10952
10959
|
return _vm.openByItem($event);
|
|
10953
10960
|
}
|
|
10954
10961
|
}
|
|
10955
|
-
}, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\" data-v-
|
|
10962
|
+
}, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\" data-v-1a334f46></div>" : "<!---->") + " "), _vm.autor ? _vm._ssrNode("<div" + _vm._ssrClass("email-author", [_vm.origem, _vm.isMainEmail ? 'main' : '']) + " data-v-1a334f46>", "</div>", [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.statusTitle) + " data-v-1a334f46>", "</span>", [_c('fa-icon', {
|
|
10956
10963
|
class: [_vm.origem],
|
|
10957
10964
|
attrs: {
|
|
10958
10965
|
"icon": ['fas', _vm.status !== 'C' ? 'reply' : 'times']
|
|
10959
10966
|
}
|
|
10960
|
-
})], 1), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.returnAuthorName) + " class=\"email-author-name\" data-v-
|
|
10967
|
+
})], 1), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.returnAuthorName) + " class=\"email-author-name\" data-v-1a334f46>" + _vm._ssrEscape(_vm._s(_vm.returnAuthorName)) + "</p> "), _vm._ssrNode("<span" + _vm._ssrAttr("title", "E-mail " + (_vm.origem === 'outros' ? 'recebido' : 'enviado')) + " data-v-1a334f46>", "</span>", [_c('fa-icon', {
|
|
10961
10968
|
staticClass: "email-to-svg",
|
|
10962
10969
|
attrs: {
|
|
10963
10970
|
"icon": ['fas', _vm.origem === 'outros' ? 'user' : 'headset']
|
|
10964
10971
|
}
|
|
10965
|
-
})], 1)], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customButtons && _vm.customButtons.length ? _vm._ssrNode("<div class=\"email-custom-buttons\" data-v-
|
|
10972
|
+
})], 1)], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customButtons && _vm.customButtons.length ? _vm._ssrNode("<div class=\"email-custom-buttons\" data-v-1a334f46>", "</div>", _vm._l(_vm.customButtons, function (button, index) {
|
|
10966
10973
|
return _c('span', {
|
|
10967
10974
|
directives: [{
|
|
10968
10975
|
name: "show",
|
|
@@ -10993,7 +11000,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10993
11000
|
"innerHTML": _vm._s(button.svgIcon)
|
|
10994
11001
|
}
|
|
10995
11002
|
})], 1);
|
|
10996
|
-
}), 0) : _vm._e(), _vm._ssrNode(" "), _vm.customActionButtons && _vm.customActionButtons.length && _vm.customActionButtons[0].type === 'ja-spam' ? _vm._ssrNode("<div class=\"ja-marcado-spam\" data-v-
|
|
11003
|
+
}), 0) : _vm._e(), _vm._ssrNode(" "), _vm.customActionButtons && _vm.customActionButtons.length && _vm.customActionButtons[0].type === 'ja-spam' ? _vm._ssrNode("<div class=\"ja-marcado-spam\" data-v-1a334f46>", "</div>", [_vm._ssrNode("<span class=\"icon-tittle-ja-spam\" data-v-1a334f46>", "</span>", [_c('fa-icon', {
|
|
10997
11004
|
staticStyle: {
|
|
10998
11005
|
"color": "#FF0000",
|
|
10999
11006
|
"margin-right": "8px",
|
|
@@ -11002,21 +11009,21 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
11002
11009
|
attrs: {
|
|
11003
11010
|
"icon": ['fas', 'exclamation-triangle']
|
|
11004
11011
|
}
|
|
11005
|
-
}), _vm._ssrNode(_vm._ssrEscape("\n " + _vm._s(_vm.customActionButtons[0].label) + "\n "))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"ja-marcado-spam-buttons\" data-v-
|
|
11012
|
+
}), _vm._ssrNode(_vm._ssrEscape("\n " + _vm._s(_vm.customActionButtons[0].label) + "\n "))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"ja-marcado-spam-buttons\" data-v-1a334f46>", "</div>", [_vm._ssrNode("<button" + _vm._ssrAttr("disabled", _vm.customActionButtons[0].btn1.disabled) + " class=\"btn-nao-spam\" style=\"position: relative;\" data-v-1a334f46>", "</button>", [_vm.customActionButtons[0].btn1.loading ? _c('VueLoader', {
|
|
11006
11013
|
staticClass: "btn-loader",
|
|
11007
11014
|
attrs: {
|
|
11008
11015
|
"hasBg": false
|
|
11009
11016
|
}
|
|
11010
11017
|
}) : _vm._e(), _vm._ssrNode(" <span" + _vm._ssrStyle(null, {
|
|
11011
11018
|
opacity: _vm.customActionButtons[0].btn1.loading ? 0 : 1
|
|
11012
|
-
}, null) + " data-v-
|
|
11019
|
+
}, null) + " data-v-1a334f46>" + _vm._ssrEscape("\n " + _vm._s(_vm.customActionButtons[0].btn1.label) + "\n ") + "</span>")], 2), _vm._ssrNode(" "), _vm._ssrNode("<button" + _vm._ssrAttr("disabled", _vm.customActionButtons[0].btn2.disabled) + " class=\"btn-e-spam\" style=\"position: relative;\" data-v-1a334f46>", "</button>", [_vm.customActionButtons[0].btn2.loading ? _c('VueLoader', {
|
|
11013
11020
|
staticClass: "btn-loader",
|
|
11014
11021
|
attrs: {
|
|
11015
11022
|
"hasBg": false
|
|
11016
11023
|
}
|
|
11017
11024
|
}) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<span" + _vm._ssrStyle(null, {
|
|
11018
11025
|
opacity: _vm.customActionButtons[0].btn2.loading ? 0 : 1
|
|
11019
|
-
}, null) + " data-v-
|
|
11026
|
+
}, null) + " data-v-1a334f46>", "</span>", [_vm.customActionButtons[0].btn2.icon ? _c('fa-icon', {
|
|
11020
11027
|
staticClass: "icon-btn-encerrar-spam",
|
|
11021
11028
|
staticStyle: {
|
|
11022
11029
|
"margin-right": "6px"
|
|
@@ -11024,7 +11031,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
11024
11031
|
attrs: {
|
|
11025
11032
|
"icon": ['fas', _vm.customActionButtons[0].btn2.icon === 'exit' ? 'sign-out-alt' : _vm.customActionButtons[0].btn2.icon]
|
|
11026
11033
|
}
|
|
11027
|
-
}) : _vm._e(), _vm._ssrNode(_vm._ssrEscape("\n " + _vm._s(_vm.customActionButtons[0].btn2.label) + "\n "))], 2)], 2)], 2)], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customActionButtons && _vm.customActionButtons.length ? _vm._ssrNode("<div class=\"email-custom-action-buttons\" data-v-
|
|
11034
|
+
}) : _vm._e(), _vm._ssrNode(_vm._ssrEscape("\n " + _vm._s(_vm.customActionButtons[0].btn2.label) + "\n "))], 2)], 2)], 2)], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customActionButtons && _vm.customActionButtons.length ? _vm._ssrNode("<div class=\"email-custom-action-buttons\" data-v-1a334f46>", "</div>", [_vm._l(_vm.customActionButtons, function (button, index) {
|
|
11028
11035
|
return [button.type !== 'ja-spam' ? _c('button', {
|
|
11029
11036
|
directives: [{
|
|
11030
11037
|
name: "show",
|
|
@@ -11054,25 +11061,34 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
11054
11061
|
domProps: {
|
|
11055
11062
|
"innerHTML": _vm._s(button.svgIcon)
|
|
11056
11063
|
}
|
|
11057
|
-
}), _vm._ssrNode(" " + (button.label ? "<span class=\"email-custom-action-label\" data-v-
|
|
11058
|
-
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-header\" data-v-
|
|
11064
|
+
}), _vm._ssrNode(" " + (button.label ? "<span class=\"email-custom-action-label\" data-v-1a334f46>" + _vm._ssrEscape(_vm._s(button.label)) + "</span>" : "<!---->"))], 2) : _vm._e()];
|
|
11065
|
+
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-header\" data-v-1a334f46>", "</div>", [_vm._ssrNode("<p" + _vm._ssrAttr("title", _vm.returnMainValue()) + " class=\"email-subject\" data-v-1a334f46>" + _vm._ssrEscape("\n " + _vm._s(_vm.returnMainValue()) + "\n ") + "</p> " + (_vm.status === 'C' ? "<div" + _vm._ssrClass("divBtnReplyEmail", [_vm.isOpen ? 'reply-email-open' : '']) + " data-v-1a334f46><strong class=\"strongMsg\" data-v-1a334f46>" + _vm._ssrEscape(_vm._s(_vm.status_msg) + " ") + "</strong> " + (_vm.hasReplyEmail ? "<button class=\"btnReplyEmail\" data-v-1a334f46><strong data-v-1a334f46>Reenviar</strong></button>" : "<!---->") + "</div>" : "<!---->") + " "), _vm._ssrNode("<div class=\"header-container\" data-v-1a334f46>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, "email-header-content" + (_vm.isOpen ? ' open' : '')) + " data-v-1a334f46>", "</div>", [_vm._ssrNode("<div class=\"email-header-infos\" data-v-1a334f46>", "</div>", [_vm.para && _vm.para.length ? [_vm._ssrNode("<div class=\"email-to-from-container\" data-v-1a334f46>", "</div>", _vm._l(_vm.para, function (recipient, index) {
|
|
11059
11066
|
return _c('EmailTo', {
|
|
11060
11067
|
key: "to-" + recipient.email,
|
|
11061
11068
|
attrs: {
|
|
11062
|
-
"currentName": _vm.formattedToName(recipient.name, index, _vm.
|
|
11069
|
+
"currentName": _vm.formattedToName(recipient.name, index, _vm.para.length),
|
|
11070
|
+
"email": recipient.email,
|
|
11071
|
+
"showMail": _vm.isOpen
|
|
11072
|
+
}
|
|
11073
|
+
});
|
|
11074
|
+
}), 1)] : _vm._e(), _vm._ssrNode(" "), _vm.copia && _vm.copia.length ? [_vm._ssrNode("<div class=\"email-cc-container\" data-v-1a334f46>", "</div>", _vm._l(_vm.copia, function (recipient, index) {
|
|
11075
|
+
return _c('EmailTo', {
|
|
11076
|
+
key: "cc-" + recipient.email,
|
|
11077
|
+
attrs: {
|
|
11078
|
+
"currentName": _vm.formattedCcName(recipient.name, index, _vm.copia.length),
|
|
11063
11079
|
"email": recipient.email,
|
|
11064
11080
|
"showMail": _vm.isOpen
|
|
11065
11081
|
}
|
|
11066
11082
|
});
|
|
11067
|
-
}), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-to-btn\"" + _vm._ssrStyle(null, null, {
|
|
11083
|
+
}), 1), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-to-btn\"" + _vm._ssrStyle(null, null, {
|
|
11068
11084
|
display: _vm.isOpen ? '' : 'none'
|
|
11069
|
-
}) + " data-v-
|
|
11085
|
+
}) + " data-v-1a334f46>", "</div>", [_c('fa-icon', {
|
|
11070
11086
|
attrs: {
|
|
11071
11087
|
"icon": ['fas', 'caret-down']
|
|
11072
11088
|
}
|
|
11073
|
-
})], 1)]
|
|
11089
|
+
})], 1)] : _vm._e(), _vm._ssrNode(" " + (!_vm.isMainEmail && _vm.isOpen ? "<div class=\"email-subject-secondary\" data-v-1a334f46><span class=\"email-subject-span\" data-v-1a334f46>" + _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, {
|
|
11074
11090
|
display: _vm.formattedDate ? '' : 'none'
|
|
11075
|
-
}) + " data-v-
|
|
11091
|
+
}) + " data-v-1a334f46>", "</span>", [_c('fa-icon', {
|
|
11076
11092
|
attrs: {
|
|
11077
11093
|
"icon": ['fas', 'calendar']
|
|
11078
11094
|
}
|
|
@@ -11093,12 +11109,12 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
11093
11109
|
}
|
|
11094
11110
|
}
|
|
11095
11111
|
}, [_vm._ssrNode(_vm._ssrList(_vm.mailInfos, function (info, index) {
|
|
11096
|
-
return "<li class=\"email-info\" data-v-
|
|
11112
|
+
return "<li class=\"email-info\" data-v-1a334f46><span data-v-1a334f46>" + _vm._ssrEscape(_vm._s(info.label)) + "</span>" + _vm._ssrEscape("\n " + _vm._s(info.value) + "\n ") + "</li>";
|
|
11097
11113
|
}))]) : _vm._e(), _vm._ssrNode(" " + (_vm.isOpen ? "<span" + _vm._ssrClass(null, ['email-actions box-shadow', {
|
|
11098
11114
|
active: _vm.actionsOpen
|
|
11099
11115
|
}, {
|
|
11100
11116
|
main: _vm.isMainEmail
|
|
11101
|
-
}]) + " data-v-
|
|
11117
|
+
}]) + " data-v-1a334f46><span data-v-1a334f46></span> <span data-v-1a334f46></span> <span data-v-1a334f46></span></span>" : "<!---->") + " "), _vm.actionsOpen && _vm.isOpen ? _c('ul', {
|
|
11102
11118
|
directives: [{
|
|
11103
11119
|
name: "clickaway",
|
|
11104
11120
|
rawName: "v-clickaway",
|
|
@@ -11111,13 +11127,13 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
11111
11127
|
$event.stopPropagation();
|
|
11112
11128
|
}
|
|
11113
11129
|
}
|
|
11114
|
-
}, [_vm._ssrNode("<li class=\"email-action\" data-v-
|
|
11130
|
+
}, [_vm._ssrNode("<li class=\"email-action\" data-v-1a334f46>" + _vm._ssrEscape("\n " + _vm._s(!_vm.openMessage ? 'Visualizar' : 'Esconder') + " texto do e-mail (html)\n ") + "</li>")]) : _vm._e()], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-content\"" + _vm._ssrStyle(null, null, {
|
|
11115
11131
|
display: _vm.isOpen ? '' : 'none'
|
|
11116
|
-
}) + " data-v-
|
|
11132
|
+
}) + " data-v-1a334f46>", "</div>", [_vm.isIframeLoading ? _c('VueLoader') : _vm._e(), _vm._ssrNode(" " + (_vm.hasError ? "<div class=\"email-error-content\" data-v-1a334f46><p data-v-1a334f46>Erro ao carregar o e-mail</p> <button class=\"box-shadow\" data-v-1a334f46>Tentar novamente</button></div>" : "<!---->") + " <iframe" + _vm._ssrClass(null, "email-html " + (_vm.isIframeLoading ? 'visibility-hidden' : '')) + _vm._ssrStyle(null, null, {
|
|
11117
11133
|
display: !_vm.hasError ? '' : 'none'
|
|
11118
|
-
}) + " data-v-
|
|
11134
|
+
}) + " data-v-1a334f46></iframe> " + (_vm.openMessage ? "<span class=\"email-raw\" data-v-1a334f46>" + _vm._ssrEscape(_vm._s(_vm.mensagem)) + "</span>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm.filteredFiles && _vm.filteredFiles.length ? _vm._ssrNode("<div class=\"email-files\"" + _vm._ssrStyle(null, null, {
|
|
11119
11135
|
display: _vm.isOpen ? '' : 'none'
|
|
11120
|
-
}) + " data-v-
|
|
11136
|
+
}) + " data-v-1a334f46>", "</div>", _vm._l(_vm.filteredFiles, function (anexo, index) {
|
|
11121
11137
|
return _c('EmailFile', {
|
|
11122
11138
|
key: index,
|
|
11123
11139
|
attrs: {
|
|
@@ -11125,11 +11141,11 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
11125
11141
|
"dominio": _vm.dominio
|
|
11126
11142
|
}
|
|
11127
11143
|
});
|
|
11128
|
-
}), 1) : _vm._e(), _vm._ssrNode(" "), _vm.filteredFiles && _vm.filteredFiles.length && !_vm.isOpen ? _vm._ssrNode("<div class=\"email-attachments-clip cursor-pointer\" data-v-
|
|
11144
|
+
}), 1) : _vm._e(), _vm._ssrNode(" "), _vm.filteredFiles && _vm.filteredFiles.length && !_vm.isOpen ? _vm._ssrNode("<div class=\"email-attachments-clip cursor-pointer\" data-v-1a334f46>", "</div>", [_vm._ssrNode("<span class=\"clip-icon\" data-v-1a334f46>", "</span>", [_c('fa-icon', {
|
|
11129
11145
|
attrs: {
|
|
11130
11146
|
"icon": ['fas', 'paperclip']
|
|
11131
11147
|
}
|
|
11132
|
-
}), _vm._ssrNode(" <span class=\"clip-badge\" data-v-
|
|
11148
|
+
}), _vm._ssrNode(" <span class=\"clip-badge\" data-v-1a334f46>" + _vm._ssrEscape(_vm._s(_vm.filteredFiles.length)) + "</span>")], 2)]) : _vm._e(), _vm._ssrNode(" "), _c('transition', {
|
|
11133
11149
|
attrs: {
|
|
11134
11150
|
"name": "fade",
|
|
11135
11151
|
"mode": "out-in"
|
|
@@ -11253,20 +11269,20 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
11253
11269
|
/* style */
|
|
11254
11270
|
var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
11255
11271
|
if (!inject) return;
|
|
11256
|
-
inject("data-v-
|
|
11257
|
-
source: ".show-y-top-enter-active[data-v-
|
|
11272
|
+
inject("data-v-1a334f46_0", {
|
|
11273
|
+
source: ".show-y-top-enter-active[data-v-1a334f46],.show-y-top-leave-enter[data-v-1a334f46]{opacity:1;transform:translateY(0);transition:all .2s linear}.show-y-top-enter[data-v-1a334f46],.show-y-top-leave-to[data-v-1a334f46]{opacity:0;transform:translateY(-2%)}",
|
|
11258
11274
|
map: undefined,
|
|
11259
11275
|
media: undefined
|
|
11260
|
-
}), inject("data-v-
|
|
11261
|
-
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}.divBtnReplyEmail{display:flex;align-items:center;background-color:#f0adad;border-radius:6px;padding:7px 9px;margin:5px 0;gap:8px}.reply-email-open{width:calc(100% - 10px - 45px)
|
|
11276
|
+
}), inject("data-v-1a334f46_1", {
|
|
11277
|
+
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}.divBtnReplyEmail{display:flex;align-items:center;background-color:#f0adad;border-radius:6px;padding:7px 9px;margin:5px 0;gap:8px}.reply-email-open{width:calc(100% - 10px - 45px)}.btnReplyEmail{display:block;background-color:#faa732;border:1px solid #da8205;margin:8px 0 8px 5px;padding:5px 10px 5px 10px;font-size:14.4px;font-weight:700;border-radius:3px;color:#000;cursor:pointer}.ja-marcado-spam{width:100%;background:#fffbe6;border:1px solid #ffe58f;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:5px 30px;margin:9px 0 5px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.ja-marcado-spam>span{color:#614500;font-weight:500;font-size:14px;margin-bottom:0;align-self:center;align-items:center}.ja-marcado-spam-buttons{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.ja-marcado-spam button{min-width:110px;padding:4px 10px;border:none;border-radius:5px;background:#ffe58f;color:#333;cursor:pointer;font-size:13.4px}.ja-marcado-spam-buttons .btn-nao-spam{background:#36b87b;color:var(--white);border:1px solid var(--konecta-success-hover,#309264);font-weight:700}.ja-marcado-spam-buttons .btn-nao-spam:hover{background:#309264}.ja-marcado-spam-buttons .btn-e-spam{background:#e74c3c;color:var(--white);border:1px solid var(--konecta-danger-hover,#c92e1e);font-weight:700}.ja-marcado-spam-buttons .btn-e-spam:hover{background:#c92e1e}.icon-btn-encerrar-spam{margin-right:2px}.btn-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.strongMsg{flex:1;font-size:13px}.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:16.4px}.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:16.4px;cursor:pointer}.email-date{--width:245px;font-size:12.8px;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:14.4px;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:14.4px;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-cc-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:14.4px;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:12.8px}.email-info>span{font-size:12px;color:gray;margin-right:3px}.email-author{display:flex;align-items:center;height:5px;font-size:12px;font-weight:700;transform:translateY(-2px);width:100%;cursor:pointer}.email-subject-secondary{margin-top:-5px}.email-subject-span{font-size:11.2px;color:gray}.email-to-svg{font-size:13.6px}.email-custom-buttons{display:flex;gap:7px;position:absolute;top:5px;right:5px;z-index:1;font-size:12.8px}.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}.btnReplyEmail:active,.btnReplyEmail:hover{background-color:#da8205;color:#000}.email-attachments-clip{display:flex;cursor:pointer;margin-top:5px}.clip-icon{position:relative;font-size:22px;color:#999;transform:rotate(-15deg)}.clip-badge{position:absolute;transform:rotate(15deg);top:0;right:-15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#999 40%,#515050 100%);color:#fff;border-radius:50%;min-width:22px;height:22px;font-size:12.4px;border:1px solid #fff;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .18));text-align:center;padding:0 4px;box-sizing:border-box}.clip-icon:hover{color:#777}.clip-icon:hover .clip-badge{background:linear-gradient(135deg,#999 20%,#515050 70%);filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .28))}",
|
|
11262
11278
|
map: undefined,
|
|
11263
11279
|
media: undefined
|
|
11264
11280
|
});
|
|
11265
11281
|
};
|
|
11266
11282
|
/* scoped */
|
|
11267
|
-
var __vue_scope_id__$1 = "data-v-
|
|
11283
|
+
var __vue_scope_id__$1 = "data-v-1a334f46";
|
|
11268
11284
|
/* module identifier */
|
|
11269
|
-
var __vue_module_identifier__$1 = "data-v-
|
|
11285
|
+
var __vue_module_identifier__$1 = "data-v-1a334f46";
|
|
11270
11286
|
/* functional template */
|
|
11271
11287
|
var __vue_is_functional_template__$1 = false;
|
|
11272
11288
|
/* style inject shadow dom */
|
package/package.json
CHANGED
|
@@ -102,12 +102,19 @@
|
|
|
102
102
|
<div class="email-header-infos">
|
|
103
103
|
<template v-if="para && para.length">
|
|
104
104
|
<div class="email-to-from-container" ref="emailToContainer">
|
|
105
|
-
<EmailTo v-for="(recipient, index) in
|
|
106
|
-
:currentName="formattedToName(recipient.name, index,
|
|
105
|
+
<EmailTo v-for="(recipient, index) in para" :key="`to-${recipient.email}`"
|
|
106
|
+
:currentName="formattedToName(recipient.name, index, para.length)" :email="recipient.email"
|
|
107
107
|
:showMail="isOpen" />
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
108
|
+
</div>
|
|
109
|
+
</template>
|
|
110
|
+
<template v-if="copia && copia.length">
|
|
111
|
+
<div class="email-cc-container">
|
|
112
|
+
<EmailTo v-for="(recipient, index) in copia" :key="`cc-${recipient.email}`"
|
|
113
|
+
:currentName="formattedCcName(recipient.name, index, copia.length)" :email="recipient.email"
|
|
114
|
+
:showMail="isOpen" />
|
|
115
|
+
</div>
|
|
116
|
+
<div class="email-to-btn" v-show="isOpen" @click.stop="toggleShowInfos()">
|
|
117
|
+
<fa-icon :icon="['fas', 'caret-down']" />
|
|
111
118
|
</div>
|
|
112
119
|
</template>
|
|
113
120
|
<div v-if="!isMainEmail && isOpen" class="email-subject-secondary">
|
|
@@ -429,8 +436,14 @@ export default {
|
|
|
429
436
|
formattedToName() {
|
|
430
437
|
return (name, index, length) => {
|
|
431
438
|
let addVirgulaDps = index < length - 1
|
|
432
|
-
|
|
433
|
-
|
|
439
|
+
const text = index === 0 ? `Para: ${name || ''}` : name ? `${name}${addVirgulaDps ? ', ' : ''}` : '';
|
|
440
|
+
return text
|
|
441
|
+
}
|
|
442
|
+
},
|
|
443
|
+
formattedCcName() {
|
|
444
|
+
return (name, index, length) => {
|
|
445
|
+
let addVirgulaDps = index < length - 1
|
|
446
|
+
const text = index === 0 ? `${this.dicionario.tit_copia || 'Cópia'}: ${name || ''}` : name ? `${name}${addVirgulaDps ? ', ' : ''}` : '';
|
|
434
447
|
return text
|
|
435
448
|
}
|
|
436
449
|
}
|
|
@@ -806,7 +819,7 @@ export default {
|
|
|
806
819
|
}
|
|
807
820
|
|
|
808
821
|
.reply-email-open {
|
|
809
|
-
width: calc(100% - 10px - 45px)
|
|
822
|
+
width: calc(100% - 10px - 45px);
|
|
810
823
|
}
|
|
811
824
|
|
|
812
825
|
.btnReplyEmail {
|
|
@@ -1156,6 +1169,18 @@ export default {
|
|
|
1156
1169
|
gap: 5px;
|
|
1157
1170
|
}
|
|
1158
1171
|
|
|
1172
|
+
.email-cc-container {
|
|
1173
|
+
margin-bottom: 5px;
|
|
1174
|
+
max-width: 100%;
|
|
1175
|
+
min-width: 250px;
|
|
1176
|
+
overflow: hidden;
|
|
1177
|
+
display: flex;
|
|
1178
|
+
align-items: center;
|
|
1179
|
+
flex-wrap: wrap;
|
|
1180
|
+
flex: 1;
|
|
1181
|
+
gap: 5px;
|
|
1182
|
+
}
|
|
1183
|
+
|
|
1159
1184
|
.email-to-btn {
|
|
1160
1185
|
padding: 0 5px;
|
|
1161
1186
|
font-size: 14.4px;
|