vue-intergrall-plugins 0.0.204 → 0.0.207
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 +136 -36
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +106 -45
- package/package.json +1 -1
- package/src/lib-components/Chat/BtnFiles.vue +10 -4
- package/src/lib-components/Chat/TextFooter.vue +16 -4
- package/src/lib-components/Messages/ChatMessages.vue +1 -0
- package/src/lib-components/Messages/InteratividadeFormulario.vue +78 -1
- package/src/lib-components/Templates/TemplateGenerator.vue +25 -24
|
@@ -3771,7 +3771,7 @@ var __vue_render__$l = function __vue_render__() {
|
|
|
3771
3771
|
class: {
|
|
3772
3772
|
'horizontal': _vm.cssStyle.outsideButtons
|
|
3773
3773
|
}
|
|
3774
|
-
}, [_c('div', {
|
|
3774
|
+
}, [!_vm.fileSettings.multiple ? [_c('div', {
|
|
3775
3775
|
staticClass: "files-btn images",
|
|
3776
3776
|
class: {
|
|
3777
3777
|
'margin-bottom': _vm.cssStyle.outsideButtons
|
|
@@ -3802,7 +3802,25 @@ var __vue_render__$l = function __vue_render__() {
|
|
|
3802
3802
|
attrs: {
|
|
3803
3803
|
"icon": ['fas', 'file-alt']
|
|
3804
3804
|
}
|
|
3805
|
-
})], 1)
|
|
3805
|
+
})], 1)] : _c('div', {
|
|
3806
|
+
staticClass: "files-btn both",
|
|
3807
|
+
attrs: {
|
|
3808
|
+
"title": _vm.dictionary.title_anexo_arq
|
|
3809
|
+
},
|
|
3810
|
+
on: {
|
|
3811
|
+
"click": function click($event) {
|
|
3812
|
+
return _vm.openSelectFileHandler('both');
|
|
3813
|
+
}
|
|
3814
|
+
}
|
|
3815
|
+
}, [_c('fa-icon', {
|
|
3816
|
+
attrs: {
|
|
3817
|
+
"icon": ['fas', 'image']
|
|
3818
|
+
}
|
|
3819
|
+
}), _vm._v(" "), _c('fa-icon', {
|
|
3820
|
+
attrs: {
|
|
3821
|
+
"icon": ['fas', 'file-alt']
|
|
3822
|
+
}
|
|
3823
|
+
})], 1), _vm._v(" "), _vm.fileSettings.systemButton ? _c('div', {
|
|
3806
3824
|
staticClass: "files-btn system",
|
|
3807
3825
|
attrs: {
|
|
3808
3826
|
"title": _vm.dictionary.title_anexo_sistema
|
|
@@ -3816,7 +3834,7 @@ var __vue_render__$l = function __vue_render__() {
|
|
|
3816
3834
|
attrs: {
|
|
3817
3835
|
"icon": ['fas', 'server']
|
|
3818
3836
|
}
|
|
3819
|
-
})], 1)]) : _vm._e()]), _vm._ssrNode(" <div class=\"files-pointers d-none\">" + (_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "both-" + _vm.textId) + " accept=\"image/*,application/*\" multiple=\"multiple\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "img-" + _vm.textId) + " accept=\"image/*\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "doc-" + _vm.textId) + " accept=\"application/*\">" : "<!---->") + "</div> "), _c('transition', {
|
|
3837
|
+
})], 1) : _vm._e()], 2) : _vm._e()]), _vm._ssrNode(" <div class=\"files-pointers d-none\">" + (_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "both-" + _vm.textId) + " accept=\"image/*,application/*\" multiple=\"multiple\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "img-" + _vm.textId) + " accept=\"image/*\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "doc-" + _vm.textId) + " accept=\"application/*\">" : "<!---->") + "</div> "), _c('transition', {
|
|
3820
3838
|
attrs: {
|
|
3821
3839
|
"name": "fade"
|
|
3822
3840
|
}
|
|
@@ -3875,7 +3893,7 @@ var __vue_staticRenderFns__$l = [];
|
|
|
3875
3893
|
|
|
3876
3894
|
var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
|
|
3877
3895
|
if (!inject) return;
|
|
3878
|
-
inject("data-v-
|
|
3896
|
+
inject("data-v-d44e0484_0", {
|
|
3879
3897
|
source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.files-counter{position:absolute;top:unset;transform:translate(17.5px,-15px);background-color:#888;z-index:1;font-size:.5rem;width:15px;height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .3s;color:#fff;font-weight:900}.files-counter:hover{opacity:1}",
|
|
3880
3898
|
map: undefined,
|
|
3881
3899
|
media: undefined
|
|
@@ -3887,7 +3905,7 @@ var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
|
|
|
3887
3905
|
var __vue_scope_id__$l = undefined;
|
|
3888
3906
|
/* module identifier */
|
|
3889
3907
|
|
|
3890
|
-
var __vue_module_identifier__$l = "data-v-
|
|
3908
|
+
var __vue_module_identifier__$l = "data-v-d44e0484";
|
|
3891
3909
|
/* functional template */
|
|
3892
3910
|
|
|
3893
3911
|
var __vue_is_functional_template__$l = false;
|
|
@@ -8266,7 +8284,8 @@ var script$h = {
|
|
|
8266
8284
|
return {
|
|
8267
8285
|
docsExtensions: "",
|
|
8268
8286
|
imagesExtensions: "",
|
|
8269
|
-
multiple: false
|
|
8287
|
+
multiple: false,
|
|
8288
|
+
systemButton: false
|
|
8270
8289
|
};
|
|
8271
8290
|
},
|
|
8272
8291
|
required: false
|
|
@@ -8796,8 +8815,8 @@ var __vue_staticRenderFns__$h = [];
|
|
|
8796
8815
|
|
|
8797
8816
|
var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
|
|
8798
8817
|
if (!inject) return;
|
|
8799
|
-
inject("data-v-
|
|
8800
|
-
source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.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:.875rem;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:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.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:1rem;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:.575rem;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:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.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;padding:10px;font-size:1rem;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:1rem}.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:1rem;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;margin-
|
|
8818
|
+
inject("data-v-48659e85_0", {
|
|
8819
|
+
source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.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:.875rem;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:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.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:1rem;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:.575rem;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:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.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;padding:10px;font-size:1rem;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:1rem}.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:1rem;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:.95rem;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 .text-footer-preview-container{cursor:default;position:absolute;left: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 .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-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:.8rem;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:.8rem;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:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
|
|
8801
8820
|
map: undefined,
|
|
8802
8821
|
media: undefined
|
|
8803
8822
|
});
|
|
@@ -8808,7 +8827,7 @@ var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
|
|
|
8808
8827
|
var __vue_scope_id__$h = undefined;
|
|
8809
8828
|
/* module identifier */
|
|
8810
8829
|
|
|
8811
|
-
var __vue_module_identifier__$h = "data-v-
|
|
8830
|
+
var __vue_module_identifier__$h = "data-v-48659e85";
|
|
8812
8831
|
/* functional template */
|
|
8813
8832
|
|
|
8814
8833
|
var __vue_is_functional_template__$h = false;
|
|
@@ -9070,37 +9089,39 @@ var script$f = {
|
|
|
9070
9089
|
if (index === "components" && Array.isArray(this.selectedTemplate[index])) {
|
|
9071
9090
|
var arrComponents = this.selectedTemplate[index];
|
|
9072
9091
|
arrComponents.map(function (component) {
|
|
9073
|
-
component.parameters.
|
|
9074
|
-
|
|
9075
|
-
|
|
9092
|
+
if (component && component.parameters && component.parameters.length) {
|
|
9093
|
+
component.parameters.map(function (message) {
|
|
9094
|
+
message.currentText = message.text;
|
|
9095
|
+
var keyIndex = 0;
|
|
9076
9096
|
|
|
9077
|
-
|
|
9078
|
-
|
|
9097
|
+
while (keyIndex < keys.length) {
|
|
9098
|
+
var varName = "{{".concat(keys[keyIndex], "}}");
|
|
9079
9099
|
|
|
9080
|
-
|
|
9081
|
-
|
|
9082
|
-
|
|
9083
|
-
|
|
9100
|
+
if (message.text.indexOf(varName) != -1) {
|
|
9101
|
+
/**Gerando os obejetos de parametros da notificacao para o component */
|
|
9102
|
+
if (component.type === "header") {
|
|
9103
|
+
_this.selectedTemplate['parameters'][component.type] = {}; //Header s? pode ter uma vari?vel
|
|
9084
9104
|
|
|
9085
|
-
|
|
9086
|
-
|
|
9087
|
-
|
|
9088
|
-
|
|
9089
|
-
|
|
9090
|
-
|
|
9091
|
-
|
|
9105
|
+
_this.selectedTemplate['parameters'][component.type] = {
|
|
9106
|
+
tipo: "text",
|
|
9107
|
+
text: values[keyIndex]
|
|
9108
|
+
};
|
|
9109
|
+
} else if (!_this.selectedTemplate['parameters'][component.type]) {
|
|
9110
|
+
_this.selectedTemplate['parameters'][component.type] = new Array();
|
|
9111
|
+
} //Aplicando valores das v?riaveis dentro dos outros componentes com execess?o do header
|
|
9092
9112
|
|
|
9093
9113
|
|
|
9094
|
-
|
|
9095
|
-
|
|
9114
|
+
if (_this.selectedTemplate['parameters'][component.type] && component.type !== 'header') {
|
|
9115
|
+
_this.selectedTemplate['parameters'][component.type].push(values[keyIndex]);
|
|
9116
|
+
}
|
|
9117
|
+
|
|
9118
|
+
message.currentText = message.currentText.replace(varName, values[keyIndex]);
|
|
9096
9119
|
}
|
|
9097
9120
|
|
|
9098
|
-
|
|
9121
|
+
keyIndex++;
|
|
9099
9122
|
}
|
|
9100
|
-
|
|
9101
|
-
|
|
9102
|
-
}
|
|
9103
|
-
});
|
|
9123
|
+
});
|
|
9124
|
+
}
|
|
9104
9125
|
});
|
|
9105
9126
|
}
|
|
9106
9127
|
}
|
|
@@ -9187,7 +9208,7 @@ var __vue_staticRenderFns__$f = [];
|
|
|
9187
9208
|
|
|
9188
9209
|
var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
|
|
9189
9210
|
if (!inject) return;
|
|
9190
|
-
inject("data-v-
|
|
9211
|
+
inject("data-v-0b0bc59a_0", {
|
|
9191
9212
|
source: "*{box-sizing:border-box}.toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}h1,h2,h3,h4,p{margin:0;padding:0}.tg-container{width:100%;max-width:800px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.tg-options{width:100%;display:flex}.tg-options.column{flex-direction:column}.tg-options h4{margin-right:5px}.tg-select{flex:1;height:34px;overflow:hidden}.tg-select .vs__dropdown-toggle{background-color:#fff;height:34px;overflow:hidden;display:flex;align-items:center}.tg-select .vs__selected-options{height:34px;overflow:hidden}.tg-select .vs__selected-options>span{white-space:nowrap;text-overflow:ellipsis;flex:1}.tg-select .vs__selected-options>input{flex-grow:0}.vs__dropdown-option{transition:background-color 150ms;white-space:normal}.vs__dropdown-option:nth-child(odd){background-color:#f1f1f1}.vs__dropdown-option--highlight,.vs__dropdown-option--selected,.vs__dropdown-option:active,.vs__dropdown-option:focus,.vs__dropdown-option:hover{background-color:#5897fb!important;color:#fff}.tg-component{width:100%}.ts-container{width:100%;display:flex;justify-content:space-between}.ts-content{--border-color:#CCC;--background-color:#DFF0D8;--input-background-color:#FFF;--input-border-default:#007BFF;--input-border-error:#E74C3C;--placeholder-color:#BBB;flex:2;font-size:.7rem;padding:10px 0}.ts-content footer,.ts-content header,.ts-content section{padding:3px 5px;background-color:var(--background-color)}.ts-content header,.ts-content section{border-right:1px solid var(--border-color);border-left:1px solid var(--border-color)}.ts-content header{border-top-left-radius:2.5px;border-top-right-radius:2.5px;border-top:1px solid var(--border-color)}.ts-content header{font-weight:550}.ts-content section{line-height:25px}.ts-content section.margin-bottom{border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;border-bottom:1px solid var(--border-color)}.ts-content footer{border:1px solid var(--border-color);border-top:unset;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px}.ts-content input{border:1px solid transparent;outline:0;font-size:.8rem;padding:2.5px 5px;background-color:var(--input-background-color)}.ts-content input::placeholder{color:var(--placeholder-color)}.ts-content input.active,.ts-content input:focus{border:1px solid var(--input-border-default)}.ts-content input.invalid{border:1px solid var(--input-border-error)!important}.ts-content__var{display:inline-block;position:relative}.ts-dropdown{margin:0;padding:0;position:absolute;top:19px;left:0;background:#eee;width:100%;z-index:1;transition:all 150ms;visibility:hidden;opacity:0;list-style-type:none;border:1px solid #444;border-top:unset}.ts-dropdown li{width:100%;opacity:.9;cursor:pointer;font-weight:550;padding:2px 5px;transition:background-color 150ms}.ts-dropdown li:focus,.ts-dropdown li:focus-within,.ts-dropdown li:hover{opacity:1;background-color:#555;color:#fff}.ts-dropdown.visible{visibility:visible;opacity:1}.tg-btn{width:40%;display:flex;justify-content:center;align-items:center}.tg-btn button{outline:unset;border:unset;display:block;min-width:180px;height:35px;padding:0 10px;font-weight:500;background-color:#007bff;color:#fff;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px}.tg-btn button>svg{margin-right:5px;color:#003166}.tg-btn button:hover{opacity:1}.tg-btn button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.tg-btn button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.tg-btn button:active,.tg-btn button:focus{outline:unset}.tg-btn.small-btn{width:auto;margin-left:5px}.tg-btn.small-btn svg{margin-right:0}.tg-btn.small-btn button{min-width:35px;width:35px;padding:0;display:flex;justify-content:center;align-items:center}.tm-container{border:1px solid var(--border-color);border-radius:2.5px;display:flex}",
|
|
9192
9213
|
map: undefined,
|
|
9193
9214
|
media: undefined
|
|
@@ -9199,7 +9220,7 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
|
|
|
9199
9220
|
var __vue_scope_id__$f = undefined;
|
|
9200
9221
|
/* module identifier */
|
|
9201
9222
|
|
|
9202
|
-
var __vue_module_identifier__$f = "data-v-
|
|
9223
|
+
var __vue_module_identifier__$f = "data-v-0b0bc59a";
|
|
9203
9224
|
/* functional template */
|
|
9204
9225
|
|
|
9205
9226
|
var __vue_is_functional_template__$f = false;
|
|
@@ -10356,17 +10377,35 @@ var script$9 = {
|
|
|
10356
10377
|
type: Object,
|
|
10357
10378
|
required: true
|
|
10358
10379
|
},
|
|
10380
|
+
anexos: {
|
|
10381
|
+
type: Array,
|
|
10382
|
+
required: false
|
|
10383
|
+
},
|
|
10359
10384
|
dictionary: {
|
|
10360
10385
|
type: Object,
|
|
10361
10386
|
required: true
|
|
10362
10387
|
}
|
|
10363
10388
|
},
|
|
10364
10389
|
mounted: function mounted() {
|
|
10390
|
+
console.log(this.anexos);
|
|
10391
|
+
|
|
10365
10392
|
if (this.validateInterativity()) {
|
|
10366
10393
|
this.verifyInfoAditional();
|
|
10367
10394
|
}
|
|
10368
10395
|
},
|
|
10369
10396
|
methods: {
|
|
10397
|
+
returnCurrentClass: function returnCurrentClass(isDoc) {
|
|
10398
|
+
return "fs-2 cursor-pointer ".concat(isDoc == 'pdf' ? 'text-red' : 'text-blue');
|
|
10399
|
+
},
|
|
10400
|
+
returnCurrentIcon: function returnCurrentIcon(isDoc) {
|
|
10401
|
+
return isDoc == 'pdf' ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
|
|
10402
|
+
},
|
|
10403
|
+
openFile: function openFile(url, isImg) {
|
|
10404
|
+
var width = window.innerWidth;
|
|
10405
|
+
var height = window.innerHeight;
|
|
10406
|
+
var options = !isImg ? "width=".concat(width, ",height=").concat(height) : "width=auto,height=auto";
|
|
10407
|
+
window.open(url, "card-file", options);
|
|
10408
|
+
},
|
|
10370
10409
|
validateInterativity: function validateInterativity() {
|
|
10371
10410
|
try {
|
|
10372
10411
|
if (this.interatividade.formulario && this.interatividade.formulario.length) {
|
|
@@ -10426,11 +10465,32 @@ var __vue_render__$9 = function __vue_render__() {
|
|
|
10426
10465
|
|
|
10427
10466
|
return _c('div', {
|
|
10428
10467
|
staticClass: "interatividade"
|
|
10429
|
-
}, [_vm.
|
|
10430
|
-
return "<div class=\"interatividade-info-form\" data-v-
|
|
10431
|
-
}) + " " + (_vm.informacaoAdicional.length ? "<div class=\"interatividade-form-header\" data-v-
|
|
10432
|
-
return "<div class=\"interatividade-add-info-form\" data-v-
|
|
10433
|
-
}) + "</div
|
|
10468
|
+
}, [_vm.informacao.length ? [_vm._ssrNode("<div class=\"interatividade-form-header\" data-v-0f484580>" + _vm._ssrEscape("\n " + _vm._s(_vm.dictionary.msg_abertura_reclamacao) + "\n ") + "</div> "), _vm._ssrNode("<div class=\"interatividade-form-body\" data-v-0f484580>", "</div>", [_vm._ssrNode(_vm._ssrList(_vm.informacao, function (form) {
|
|
10469
|
+
return "<div class=\"interatividade-info-form\" data-v-0f484580>" + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-titulo-form\" data-v-0f484580>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO)) + "</p>" : "<!---->") + " " + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-description-form\" data-v-0f484580>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div>";
|
|
10470
|
+
}) + " " + (_vm.informacaoAdicional.length ? "<div class=\"interatividade-form-header\" data-v-0f484580>" + _vm._ssrEscape("\n " + _vm._s(_vm.dictionary.msg_info_adicional) + "\n ") + "</div>" : "<!---->") + " <div class=\"interatividade-form-body\" data-v-0f484580>" + _vm._ssrList(_vm.informacaoAdicional, function (form) {
|
|
10471
|
+
return "<div class=\"interatividade-add-info-form\" data-v-0f484580><div class=\"divisor-form-info-aditional\" data-v-0f484580><div class=\"info-aditional\" data-v-0f484580>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-titulo-form\" data-v-0f484580>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO + ': ')) + "</p>" : "<!---->") + "</div> <div class=\"info-aditional\" data-v-0f484580>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-description-form\" data-v-0f484580>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div></div></div>";
|
|
10472
|
+
}) + "</div> <h3 class=\"m-5 text-bold\" data-v-0f484580>" + _vm._ssrEscape(_vm._s("Anexos")) + "</h3> "), _vm._ssrNode("<div class=\"d-flex flex-wrap align-items-center\" data-v-0f484580>", "</div>", _vm._l(_vm.anexos, function (ref, fileIndex) {
|
|
10473
|
+
var name = ref.name;
|
|
10474
|
+
var url = ref.url;
|
|
10475
|
+
var type = ref.type;
|
|
10476
|
+
var mkuDownload = ref.mkuDownload;
|
|
10477
|
+
return _vm._ssrNode("<div class=\"mb-5 mx-5 d-flex\" data-v-0f484580>", "</div>", [!type ? _vm._ssrNode("<img" + _vm._ssrAttr("src", url) + _vm._ssrAttr("alt", name) + _vm._ssrAttr("title", name) + " class=\"box-shadow max-w-75px max-h-75px cursor-pointer\" data-v-0f484580>", "</img>") : _c('fa-icon', {
|
|
10478
|
+
class: _vm.returnCurrentClass(type),
|
|
10479
|
+
attrs: {
|
|
10480
|
+
"icon": _vm.returnCurrentIcon(type),
|
|
10481
|
+
"title": name
|
|
10482
|
+
},
|
|
10483
|
+
on: {
|
|
10484
|
+
"click": function click($event) {
|
|
10485
|
+
return _vm.openFile(url, type);
|
|
10486
|
+
}
|
|
10487
|
+
}
|
|
10488
|
+
}), _vm._ssrNode(" "), _vm._ssrNode("<a" + _vm._ssrAttr("href", mkuDownload) + _vm._ssrAttr("download", "" + name) + " target=\"_blank\" rel=\"noreferrer noopener\"" + _vm._ssrAttr("title", "Download " + name) + " class=\"d-flex align-items-end ml-3 text-dark\" data-v-0f484580>", "</a>", [_c('fa-icon', {
|
|
10489
|
+
attrs: {
|
|
10490
|
+
"icon": ['fas', 'download']
|
|
10491
|
+
}
|
|
10492
|
+
})], 1)], 2);
|
|
10493
|
+
}), 0), _vm._ssrNode(" " + (!_vm.anexos.length ? "<p class=\"text-center mb-5\" data-v-0f484580>" + _vm._ssrEscape(_vm._s("Sem anexos")) + "</p>" : "<!---->"))], 2)] : _vm._e()], 2);
|
|
10434
10494
|
};
|
|
10435
10495
|
|
|
10436
10496
|
var __vue_staticRenderFns__$9 = [];
|
|
@@ -10438,8 +10498,8 @@ var __vue_staticRenderFns__$9 = [];
|
|
|
10438
10498
|
|
|
10439
10499
|
var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
|
|
10440
10500
|
if (!inject) return;
|
|
10441
|
-
inject("data-v-
|
|
10442
|
-
source: ".show-x-enter-active[data-v-
|
|
10501
|
+
inject("data-v-0f484580_0", {
|
|
10502
|
+
source: ".show-x-enter-active[data-v-0f484580],.show-x-leave-enter[data-v-0f484580]{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter[data-v-0f484580],.show-x-leave-to[data-v-0f484580]{opacity:0;transform:translateX(5%)}.divisor-form-info-aditional[data-v-0f484580]{display:flex;align-items:center;justify-content:space-around}.info-aditional[data-v-0f484580]{border-bottom:1px solid #ccc;width:49%}.interatividade-form-header[data-v-0f484580]{background-color:#efefef;margin-top:5px;border-top-right-radius:10px;border-top-left-radius:10px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;justify-content:space-between;display:flex;color:#333;font-weight:700;font-size:.9rem}.interatividade-form-body[data-v-0f484580]{padding:0 10px;background:#fff;border-right:1px solid #efefef;border-left:1px solid #efefef;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-bottom:10px}.interatividade[data-v-0f484580]{margin:10px 0}.interatividade-titulo-form[data-v-0f484580]{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;max-width:100%;margin:0;padding:0;padding-top:5px}.interatividade-description-form[data-v-0f484580]{overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista[data-v-0f484580]{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo[data-v-0f484580]{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo[data-v-0f484580]{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape[data-v-0f484580]{color:#818181;margin-top:5px}.interatividade-lista-link[data-v-0f484580]{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link[data-v-0f484580]:hover{color:#00628f}.text-blue[data-v-0f484580]{color:#294ed3}.text-red[data-v-0f484580]{color:#e74c3c}.text-dark[data-v-0f484580]{color:#333}.ml-3[data-v-0f484580]{margin-left:3px}.fs-2[data-v-0f484580]{font-size:2rem}.flex-wrap[data-v-0f484580]{-ms-flex-wrap:wrap;flex-wrap:wrap}.align-items-center[data-v-0f484580]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.d-flex[data-v-0f484580]{display:-webkit-box;display:-ms-flexbox;display:flex}.align-items-end[data-v-0f484580]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.text-bold[data-v-0f484580]{font-weight:700}.m-5[data-v-0f484580]{margin:5px}.mb-5[data-v-0f484580]{margin-bottom:5px}.mx-5[data-v-0f484580]{margin-left:5px;margin-right:5px}.cursor-pointer[data-v-0f484580]{cursor:pointer}",
|
|
10443
10503
|
map: undefined,
|
|
10444
10504
|
media: undefined
|
|
10445
10505
|
});
|
|
@@ -10447,10 +10507,10 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
|
|
|
10447
10507
|
/* scoped */
|
|
10448
10508
|
|
|
10449
10509
|
|
|
10450
|
-
var __vue_scope_id__$9 = "data-v-
|
|
10510
|
+
var __vue_scope_id__$9 = "data-v-0f484580";
|
|
10451
10511
|
/* module identifier */
|
|
10452
10512
|
|
|
10453
|
-
var __vue_module_identifier__$9 = "data-v-
|
|
10513
|
+
var __vue_module_identifier__$9 = "data-v-0f484580";
|
|
10454
10514
|
/* functional template */
|
|
10455
10515
|
|
|
10456
10516
|
var __vue_is_functional_template__$9 = false;
|
|
@@ -11598,6 +11658,7 @@ var __vue_render__$3 = function __vue_render__() {
|
|
|
11598
11658
|
}, [_vm.interatividade && _vm.validateInterativity() ? _c('InteratividadeFormulario', {
|
|
11599
11659
|
attrs: {
|
|
11600
11660
|
"interatividade": _vm.interatividade,
|
|
11661
|
+
"anexos": _vm.anexos,
|
|
11601
11662
|
"dictionary": _vm.dictionary
|
|
11602
11663
|
}
|
|
11603
11664
|
}) : _c('div', {
|
|
@@ -11863,7 +11924,7 @@ var __vue_staticRenderFns__$3 = [];
|
|
|
11863
11924
|
|
|
11864
11925
|
var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
|
|
11865
11926
|
if (!inject) return;
|
|
11866
|
-
inject("data-v-
|
|
11927
|
+
inject("data-v-7621b8ba_0", {
|
|
11867
11928
|
source: ":root{--message-color:#373737}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 7px;border-radius:2.5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:.85rem;word-break:break-word}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;bottom:5px;font-size:.6rem;color:#67a332;width:.9rem;height:.9rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:.7rem}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:.4rem;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:#fff}.mensagem__principal>.mensagem .horario-envio{color:#fff}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:#fff}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.7em}.info-mapa li.url{font-size:.7em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}",
|
|
11868
11929
|
map: undefined,
|
|
11869
11930
|
media: undefined
|
|
@@ -11875,7 +11936,7 @@ var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
|
|
|
11875
11936
|
var __vue_scope_id__$3 = undefined;
|
|
11876
11937
|
/* module identifier */
|
|
11877
11938
|
|
|
11878
|
-
var __vue_module_identifier__$3 = "data-v-
|
|
11939
|
+
var __vue_module_identifier__$3 = "data-v-7621b8ba";
|
|
11879
11940
|
/* functional template */
|
|
11880
11941
|
|
|
11881
11942
|
var __vue_is_functional_template__$3 = false;
|
package/package.json
CHANGED
|
@@ -6,13 +6,19 @@
|
|
|
6
6
|
<fa-icon :icon="['fas', 'paperclip']" :title="dictionary.title_selecionar_anexo" />
|
|
7
7
|
<transition name="show">
|
|
8
8
|
<div v-if="openFiles && hasButtonFiles" class="text-footer-files-container" :class="{'horizontal' : cssStyle.outsideButtons}">
|
|
9
|
-
<
|
|
9
|
+
<template v-if="!fileSettings.multiple">
|
|
10
|
+
<div class="files-btn images" :class="{'margin-bottom' : cssStyle.outsideButtons}" :title="dictionary.title_anexo_img" @click="openSelectFileHandler('img')">
|
|
11
|
+
<fa-icon :icon="['fas', 'image']" />
|
|
12
|
+
</div>
|
|
13
|
+
<div class="files-btn docs" :title="dictionary.title_anexo_doc" @click="openSelectFileHandler('doc')">
|
|
14
|
+
<fa-icon :icon="['fas', 'file-alt']" />
|
|
15
|
+
</div>
|
|
16
|
+
</template>
|
|
17
|
+
<div v-else class="files-btn both" :title="dictionary.title_anexo_arq" @click="openSelectFileHandler('both')">
|
|
10
18
|
<fa-icon :icon="['fas', 'image']" />
|
|
11
|
-
</div>
|
|
12
|
-
<div class="files-btn docs" :title="dictionary.title_anexo_doc" @click="openSelectFileHandler('doc')">
|
|
13
19
|
<fa-icon :icon="['fas', 'file-alt']" />
|
|
14
20
|
</div>
|
|
15
|
-
<div class="files-btn system" :title="dictionary.title_anexo_sistema" @click="openSelectFileHandler('system')">
|
|
21
|
+
<div v-if="fileSettings.systemButton" class="files-btn system" :title="dictionary.title_anexo_sistema" @click="openSelectFileHandler('system')">
|
|
16
22
|
<fa-icon :icon="['fas', 'server']" />
|
|
17
23
|
</div>
|
|
18
24
|
</div>
|
|
@@ -143,7 +143,7 @@ export default {
|
|
|
143
143
|
},
|
|
144
144
|
fileSettings: {
|
|
145
145
|
type: Object,
|
|
146
|
-
default: () => { return { docsExtensions: "", imagesExtensions: "", multiple: false } },
|
|
146
|
+
default: () => { return { docsExtensions: "", imagesExtensions: "", multiple: false, systemButton: false } },
|
|
147
147
|
required: false
|
|
148
148
|
},
|
|
149
149
|
textId: {
|
|
@@ -700,10 +700,22 @@ ul {
|
|
|
700
700
|
margin-right: unset;
|
|
701
701
|
margin-bottom: 5px; }
|
|
702
702
|
.text-footer-container .text-footer-files-container .files-btn.docs {
|
|
703
|
-
background-color: #7986cb;
|
|
704
|
-
margin-right: 5px; }
|
|
703
|
+
background-color: #7986cb; }
|
|
705
704
|
.text-footer-container .text-footer-files-container .files-btn.system {
|
|
706
|
-
background-color: #49a349;
|
|
705
|
+
background-color: #49a349;
|
|
706
|
+
margin-left: 5px }
|
|
707
|
+
.text-footer-container .text-footer-files-container .files-btn.both {
|
|
708
|
+
font-size: .95rem;
|
|
709
|
+
background-color: rgb(85, 85, 236);
|
|
710
|
+
flex-direction: column;
|
|
711
|
+
}
|
|
712
|
+
.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1) {
|
|
713
|
+
transform: translateX(5px)
|
|
714
|
+
}
|
|
715
|
+
.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2) {
|
|
716
|
+
transform: translateX(-5px)
|
|
717
|
+
}
|
|
718
|
+
|
|
707
719
|
.text-footer-container .text-footer-preview-container {
|
|
708
720
|
cursor: default;
|
|
709
721
|
position: absolute;
|
|
@@ -24,6 +24,17 @@
|
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
26
|
</div>
|
|
27
|
+
<h3 class="m-5 text-bold" v-text="`Anexos`"></h3>
|
|
28
|
+
<div class="d-flex flex-wrap align-items-center">
|
|
29
|
+
<div v-for="({ name, url, type, mkuDownload }, fileIndex) in anexos" :key="`file-${fileIndex}`" class="mb-5 mx-5 d-flex">
|
|
30
|
+
<img class="box-shadow max-w-75px max-h-75px cursor-pointer" @click="openFile(url, type)" v-if="!type" :src="url" :alt="name" :title="name" />
|
|
31
|
+
<fa-icon v-else :icon="returnCurrentIcon(type)" @click="openFile(url, type)" :class="returnCurrentClass(type)" :title="name" />
|
|
32
|
+
<a class="d-flex align-items-end ml-3 text-dark" :href="mkuDownload" :download="`${name}`" target="_blank" rel="noreferrer noopener" :title="`Download ${name}`">
|
|
33
|
+
<fa-icon :icon="['fas', 'download']" />
|
|
34
|
+
</a>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
<p v-if="!anexos.length" class="text-center mb-5" v-text="`Sem anexos`"></p>
|
|
27
38
|
</div>
|
|
28
39
|
</template>
|
|
29
40
|
</div>
|
|
@@ -44,17 +55,34 @@ export default {
|
|
|
44
55
|
type: Object,
|
|
45
56
|
required: true
|
|
46
57
|
},
|
|
58
|
+
anexos: {
|
|
59
|
+
type: Array,
|
|
60
|
+
required: false
|
|
61
|
+
},
|
|
47
62
|
dictionary: {
|
|
48
63
|
type: Object,
|
|
49
64
|
required: true
|
|
50
65
|
}
|
|
51
66
|
},
|
|
52
67
|
mounted(){
|
|
68
|
+
console.log(this.anexos)
|
|
53
69
|
if(this.validateInterativity()){
|
|
54
70
|
this.verifyInfoAditional();
|
|
55
71
|
}
|
|
56
72
|
},
|
|
57
73
|
methods: {
|
|
74
|
+
returnCurrentClass(isDoc) {
|
|
75
|
+
return `fs-2 cursor-pointer ${isDoc == 'pdf' ? 'text-red' : 'text-blue'}`
|
|
76
|
+
},
|
|
77
|
+
returnCurrentIcon(isDoc) {
|
|
78
|
+
return isDoc == 'pdf' ? ['fas', 'file-pdf'] : ['fas', 'file-alt']
|
|
79
|
+
},
|
|
80
|
+
openFile(url, isImg) {
|
|
81
|
+
const width = window.innerWidth
|
|
82
|
+
const height = window.innerHeight
|
|
83
|
+
const options = !isImg ? `width=${width},height=${height}` : "width=auto,height=auto"
|
|
84
|
+
window.open(url, "card-file", options)
|
|
85
|
+
},
|
|
58
86
|
validateInterativity(){
|
|
59
87
|
try {
|
|
60
88
|
if(this.interatividade.formulario && this.interatividade.formulario.length){
|
|
@@ -190,5 +218,54 @@ export default {
|
|
|
190
218
|
.interatividade-lista-link:hover {
|
|
191
219
|
color: rgb(0, 98, 143);
|
|
192
220
|
}
|
|
193
|
-
|
|
221
|
+
.text-blue {
|
|
222
|
+
color: #294ED3;
|
|
223
|
+
}
|
|
224
|
+
.text-red {
|
|
225
|
+
color: #E74C3C
|
|
226
|
+
}
|
|
227
|
+
.text-dark {
|
|
228
|
+
color: #333;
|
|
229
|
+
}
|
|
230
|
+
.ml-3 {
|
|
231
|
+
margin-left: 3px;
|
|
232
|
+
}
|
|
233
|
+
.fs-2 {
|
|
234
|
+
font-size: 2rem;
|
|
235
|
+
}
|
|
236
|
+
.flex-wrap {
|
|
237
|
+
-ms-flex-wrap: wrap;
|
|
238
|
+
flex-wrap: wrap;
|
|
239
|
+
}
|
|
240
|
+
.align-items-center {
|
|
241
|
+
-webkit-box-align: center;
|
|
242
|
+
-ms-flex-align: center;
|
|
243
|
+
align-items: center;
|
|
244
|
+
}
|
|
245
|
+
.d-flex {
|
|
246
|
+
display: -webkit-box;
|
|
247
|
+
display: -ms-flexbox;
|
|
248
|
+
display: flex;
|
|
249
|
+
}
|
|
250
|
+
.align-items-end {
|
|
251
|
+
-webkit-box-align: end;
|
|
252
|
+
-ms-flex-align: end;
|
|
253
|
+
align-items: flex-end;
|
|
254
|
+
}
|
|
255
|
+
.text-bold {
|
|
256
|
+
font-weight: bold;
|
|
257
|
+
}
|
|
258
|
+
.m-5 {
|
|
259
|
+
margin: 5px;
|
|
260
|
+
}
|
|
261
|
+
.mb-5 {
|
|
262
|
+
margin-bottom: 5px;
|
|
263
|
+
}
|
|
264
|
+
.mx-5 {
|
|
265
|
+
margin-left: 5px;
|
|
266
|
+
margin-right: 5px;
|
|
267
|
+
}
|
|
268
|
+
.cursor-pointer {
|
|
269
|
+
cursor: pointer;
|
|
270
|
+
}
|
|
194
271
|
</style>
|
|
@@ -163,33 +163,34 @@
|
|
|
163
163
|
if(index === "components" && Array.isArray(this.selectedTemplate[index])) {
|
|
164
164
|
const arrComponents = this.selectedTemplate[index]
|
|
165
165
|
arrComponents.map(component => {
|
|
166
|
-
component.parameters.
|
|
167
|
-
message
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
166
|
+
if(component && component.parameters && component.parameters.length) {
|
|
167
|
+
component.parameters.map(message => {
|
|
168
|
+
message.currentText = message.text
|
|
169
|
+
let keyIndex = 0
|
|
170
|
+
while(keyIndex < keys.length) {
|
|
171
|
+
const varName = `{{${keys[keyIndex]}}}`
|
|
172
|
+
if(message.text.indexOf(varName) != -1) {
|
|
173
|
+
/**Gerando os obejetos de parametros da notificacao para o component */
|
|
174
|
+
if(component.type === "header") {
|
|
175
|
+
this.selectedTemplate['parameters'][component.type] = {}
|
|
176
|
+
//Header s? pode ter uma vari?vel
|
|
177
|
+
this.selectedTemplate['parameters'][component.type] = {
|
|
178
|
+
tipo: "text",
|
|
179
|
+
text: values[keyIndex]
|
|
180
|
+
}
|
|
181
|
+
} else if(!this.selectedTemplate['parameters'][component.type]) {
|
|
182
|
+
this.selectedTemplate['parameters'][component.type] = new Array()
|
|
180
183
|
}
|
|
181
|
-
|
|
182
|
-
this.selectedTemplate['parameters'][component.type]
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
this.selectedTemplate['parameters'][component.type].push(values[keyIndex])
|
|
184
|
+
//Aplicando valores das v?riaveis dentro dos outros componentes com execess?o do header
|
|
185
|
+
if(this.selectedTemplate['parameters'][component.type] && component.type !== 'header') {
|
|
186
|
+
this.selectedTemplate['parameters'][component.type].push(values[keyIndex])
|
|
187
|
+
}
|
|
188
|
+
message.currentText = message.currentText.replace(varName, values[keyIndex])
|
|
187
189
|
}
|
|
188
|
-
|
|
190
|
+
keyIndex++
|
|
189
191
|
}
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
})
|
|
192
|
+
})
|
|
193
|
+
}
|
|
193
194
|
})
|
|
194
195
|
}
|
|
195
196
|
}
|