vue-intergrall-plugins 0.0.296 → 0.0.297
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 +9 -6
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +22 -17
- package/package.json +1 -1
- package/src/lib-components/Chat/BtnEmojis.vue +50 -44
- package/src/lib-components/Chat/Picker.vue +3 -1
- package/src/lib-components/Messages/CardMessages.vue +25 -1
|
@@ -2898,9 +2898,14 @@ var script$x = {
|
|
|
2898
2898
|
}
|
|
2899
2899
|
},
|
|
2900
2900
|
loadEmojis: function loadEmojis() {
|
|
2901
|
+
var _this = this;
|
|
2902
|
+
|
|
2901
2903
|
try {
|
|
2902
2904
|
this.emojiHeaders();
|
|
2903
|
-
this.addEmojiToArray();
|
|
2905
|
+
this.addEmojiToArray();
|
|
2906
|
+
setTimeout(function () {
|
|
2907
|
+
_this.loading = false;
|
|
2908
|
+
}, 1500);
|
|
2904
2909
|
} catch (e) {
|
|
2905
2910
|
console.error("Erro ao carregar os emojis");
|
|
2906
2911
|
console.error(e);
|
|
@@ -3018,7 +3023,7 @@ var __vue_staticRenderFns__$x = [];
|
|
|
3018
3023
|
|
|
3019
3024
|
var __vue_inject_styles__$x = function __vue_inject_styles__(inject) {
|
|
3020
3025
|
if (!inject) return;
|
|
3021
|
-
inject("data-v-
|
|
3026
|
+
inject("data-v-27f457ac_0", {
|
|
3022
3027
|
source: ".box-shadow{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.sm-emoji-picker{width:310px;z-index:2;border:1px solid #ccc;border-radius:5px;background-color:#fff;display:flex;flex-direction:column}.sm-emoji-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin:10px 0;border-bottom:1px solid #ccc}.sm-emoji-link{padding:0 5px 5px 5px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .2s;border-bottom:2px solid transparent}.sm-emoji-link a{margin:0;padding:0;fill:#999}.sm-emoji-link.active a>svg,.sm-emoji-link:hover a>svg{opacity:1;fill:#666}.sm-emoji-link.active a>svg[stroke-linecap],.sm-emoji-link:hover a>svg[stroke-linecap]{opacity:1;fill:transparent;stroke:#666}.sm-emoji-link.active{border-bottom:2px solid #666}.sm-emoji-scroll{width:100%;height:calc(100% - 52px);max-height:calc(100% - 52px);scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:8px;position:relative}.sm-emoji-scroll::-webkit-scrollbar{width:8px}.sm-emoji-scroll::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.sm-emoji-scroll::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#666}.sm-emoji-scroll::-webkit-scrollbar-thumb:hover{background-color:#555}.sm-emoji-search{width:100%;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:1;background:#fff;padding-bottom:10px}.sm-emoji-search>input{width:90%;outline:0;border:1px solid #ccc;border-radius:2.5px;padding:5px 10px;transition:border .2s}.sm-emoji-search>input:active,.sm-emoji-search>input:focus,.sm-emoji-search>input:hover{outline:0;border:1px solid #999}.sm-emoji-search.sticky{position:fixed;width:310px;background-color:#fff}.sm-emoji-selection{width:100%;margin-bottom:10px}.sm-emoji-title{width:100%;display:flex;justify-content:flex-start;align-items:center;background-color:#f7f7f7;padding:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sm-emoji-title svg{margin:0 5px}.sm-emoji-group{width:100%;display:flex;flex-wrap:wrap;font-size:1.375rem}.sm-emoji-item{cursor:pointer;opacity:.8;transition:opacity .2s;margin:3.5px}.sm-emoji-item:hover{opacity:1}",
|
|
3023
3028
|
map: undefined,
|
|
3024
3029
|
media: undefined
|
|
@@ -3030,7 +3035,7 @@ var __vue_inject_styles__$x = function __vue_inject_styles__(inject) {
|
|
|
3030
3035
|
var __vue_scope_id__$x = undefined;
|
|
3031
3036
|
/* module identifier */
|
|
3032
3037
|
|
|
3033
|
-
var __vue_module_identifier__$x = "data-v-
|
|
3038
|
+
var __vue_module_identifier__$x = "data-v-27f457ac";
|
|
3034
3039
|
/* functional template */
|
|
3035
3040
|
|
|
3036
3041
|
var __vue_is_functional_template__$x = false;
|
|
@@ -3173,7 +3178,7 @@ var __vue_staticRenderFns__$w = [];
|
|
|
3173
3178
|
|
|
3174
3179
|
var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
|
|
3175
3180
|
if (!inject) return;
|
|
3176
|
-
inject("data-v-
|
|
3181
|
+
inject("data-v-32816950_0", {
|
|
3177
3182
|
source: ".show-y-enter-active,.show-y-leave-enter{opacity:1;transform:translateY(0);transition:all .2s linear}.show-y-enter,.show-y-leave-to{opacity:0;transform:translateY(5%)}.emoji-text-container{position:relative}.emoji-text-container .emoji-text-btn{font-size:1.2rem;cursor:pointer}",
|
|
3178
3183
|
map: undefined,
|
|
3179
3184
|
media: undefined
|
|
@@ -3185,7 +3190,7 @@ var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
|
|
|
3185
3190
|
var __vue_scope_id__$w = undefined;
|
|
3186
3191
|
/* module identifier */
|
|
3187
3192
|
|
|
3188
|
-
var __vue_module_identifier__$w = "data-v-
|
|
3193
|
+
var __vue_module_identifier__$w = "data-v-32816950";
|
|
3189
3194
|
/* functional template */
|
|
3190
3195
|
|
|
3191
3196
|
var __vue_is_functional_template__$w = false;
|
|
@@ -11840,20 +11845,20 @@ var __vue_render__$a = function __vue_render__() {
|
|
|
11840
11845
|
}
|
|
11841
11846
|
}, [_vm.msgNova ? _c('span', {
|
|
11842
11847
|
staticClass: "novas-mensagens"
|
|
11843
|
-
}, [_vm._v(" Nova mensagem ")]) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\" data-v-
|
|
11848
|
+
}, [_vm._v(" Nova mensagem ")]) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\" data-v-bb25ecae>", "</div>", [_vm._ssrNode("<div class=\"card-header\" data-v-bb25ecae>", "</div>", [_vm._ssrNode("<div class=\"card-autor\" data-v-bb25ecae>", "</div>", [_c('fa-icon', {
|
|
11844
11849
|
attrs: {
|
|
11845
11850
|
"icon": _vm.iconAutor
|
|
11846
11851
|
}
|
|
11847
|
-
}), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\" data-v-
|
|
11852
|
+
}), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\" data-v-bb25ecae>" + _vm._ssrEscape(_vm._s("" + _vm.tratarTextoLongo(_vm.autor))) + "</p>" : "<!---->") + " " + (_vm.origem === 'principal' && _vm.login ? "<p" + _vm._ssrAttr("title", _vm.login) + " data-v-bb25ecae>" + _vm._ssrEscape(_vm._s("| " + _vm.login)) + "</p>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card-right\" data-v-bb25ecae>", "</div>", [_vm._ssrNode("<div class=\"card-datas\" data-v-bb25ecae>" + (_vm.data_cri ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_criacao + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + " class=\"card-data\" data-v-bb25ecae><span data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + "</span></div>" : "<!---->") + " " + (_vm.data_mod ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_mod + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + " class=\"card-data\" data-v-bb25ecae><span data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + "</span></div>" : "<!---->") + "</div> "), _vm.hasExpand ? _vm._ssrNode("<div class=\"card-expand\" data-v-bb25ecae>", "</div>", [_c('fa-icon', {
|
|
11848
11853
|
attrs: {
|
|
11849
11854
|
"icon": ['fas', 'expand-alt']
|
|
11850
11855
|
}
|
|
11851
|
-
})], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" <div class=\"card-chip-container\" data-v-
|
|
11852
|
-
return "<li data-v-
|
|
11853
|
-
return "<p data-v-
|
|
11854
|
-
}) + " <hr data-v-
|
|
11855
|
-
}) + "</ul></div>" : "<!---->") + " "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<div class=\"card-footer\" data-v-
|
|
11856
|
-
return _vm._ssrNode("<div class=\"card-anexo\" data-v-
|
|
11856
|
+
})], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" <div class=\"card-chip-container\" data-v-bb25ecae>" + (_vm.ticket_id.cod && _vm.ticket_id.desc ? "<p" + _vm._ssrAttr("title", _vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")") + _vm._ssrClass("card-chip", [_vm.ticketClassCod]) + " data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")")) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('back_doing_business') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.back_doing_business ? 'green' : 'red') + " card-chip") + " data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('rating') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating) + _vm._ssrClass(null, (_vm.isNumberBiggerThanSix ? 'green' : 'red') + " card-chip") + " data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating)) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('resolved_issue') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.resolved_issue ? 'green' : 'red') + " card-chip") + " data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + "</div> <p class=\"card-message\" data-v-bb25ecae>" + _vm._s(_vm.mensagemFormatada) + "</p> " + (_vm.filteredInteratividadeData && _vm.filteredInteratividadeData.length ? "<div class=\"card-interatividade\" data-v-bb25ecae><p class=\"card-interatividade-title\" data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(_vm.dictionary.ra_infos_interatividade) + ":") + "</p> <ul class=\"card-interatividade-list\" data-v-bb25ecae>" + _vm._ssrList(_vm.filteredInteratividadeData, function (values, index) {
|
|
11857
|
+
return "<li data-v-bb25ecae>" + _vm._ssrList(values, function (value, key) {
|
|
11858
|
+
return "<p data-v-bb25ecae>" + (key.indexOf(_vm.dictionary.ra_ask_avaliation_title) <= -1 ? "<span data-v-bb25ecae>" + _vm._s(_vm.formatInteratividadeValue(key, value)) + "</span>" : "<span data-v-bb25ecae><strong data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(key + ":")) + "</strong> <button class=\"box-shadow\" data-v-bb25ecae>" + _vm._ssrEscape(_vm._s(value)) + "</button></span>") + "</p>";
|
|
11859
|
+
}) + " <hr data-v-bb25ecae></li>";
|
|
11860
|
+
}) + "</ul></div>" : "<!---->") + " "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<div class=\"card-footer\" data-v-bb25ecae>", "</div>", _vm._l(_vm.anexos, function (anexo, index) {
|
|
11861
|
+
return _vm._ssrNode("<div class=\"card-anexo\" data-v-bb25ecae>", "</div>", [_c('CardAttachment', {
|
|
11857
11862
|
attrs: {
|
|
11858
11863
|
"anexo": anexo,
|
|
11859
11864
|
"dictionary": _vm.dictionary,
|
|
@@ -11868,8 +11873,8 @@ var __vue_staticRenderFns__$a = [];
|
|
|
11868
11873
|
|
|
11869
11874
|
var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
|
|
11870
11875
|
if (!inject) return;
|
|
11871
|
-
inject("data-v-
|
|
11872
|
-
source: ".fade-enter-active[data-v-
|
|
11876
|
+
inject("data-v-bb25ecae_0", {
|
|
11877
|
+
source: ".fade-enter-active[data-v-bb25ecae],.fade-leave-active[data-v-bb25ecae]{transition:opacity .2s}.fade-enter[data-v-bb25ecae],.fade-leave-to[data-v-bb25ecae]{opacity:0}.card-cli[data-v-bb25ecae],.card-ope[data-v-bb25ecae]{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.msgNova[data-v-bb25ecae],.card-ope.msgNova[data-v-bb25ecae]{margin-top:30px}.novas-mensagens[data-v-bb25ecae]{position:absolute;top:-30px;width:100%;display:flex;justify-content:center;align-items:center;margin:2.5px 0;background-color:lighten(#fff249,15)}.card-cli .card[data-v-bb25ecae]{border-left:3px solid #90b823}.card-ope[data-v-bb25ecae]{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card[data-v-bb25ecae]{border-right:3px solid #007535}.card[data-v-bb25ecae]{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px;border-radius:7px;box-shadow:rgba(0,0,0,.15) 1px 2px 3px 0}.card p[data-v-bb25ecae]{word-break:break-all}.card-header[data-v-bb25ecae]{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between;padding:10px 5px}.card-header svg[data-v-bb25ecae]{font-size:1rem}.card-canal[data-v-bb25ecae]{flex:1;margin-right:10px}.card-datas[data-v-bb25ecae]{display:flex;flex-direction:column;margin-right:10px;background:#008845;padding:5px 10px;border-top-left-radius:15px;border-bottom-left-radius:15px;color:#fff}.card-right[data-v-bb25ecae]{margin-right:-20px;display:flex;flex-direction:row-reverse;align-items:center}.card-data[data-v-bb25ecae]{overflow:hidden;display:flex;align-content:center}.card-data span[data-v-bb25ecae]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-data svg[data-v-bb25ecae]{margin-right:5px;color:#232323}.card-expand[data-v-bb25ecae]{display:flex;justify-content:center;align-items:center;margin:0 10px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand[data-v-bb25ecae]:hover{opacity:1}.card-footer[data-v-bb25ecae]{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap}.card-chip-container[data-v-bb25ecae]{display:flex;flex-wrap:wrap;width:100%;gap:5px}.card-autor[data-v-bb25ecae]{display:flex;align-items:center;margin-right:10px;overflow:hidden;min-width:14px;max-width:calc(100% - 215px);gap:5px}.card-chip[data-v-bb25ecae]{font-size:.8rem;width:fit-content;border-radius:15px;transition:all 150ms ease-in-out;padding:2.5px 7px;color:#1f69c1;background-color:rgba(207,216,244,.6);margin-bottom:5px}.card-chip[data-v-bb25ecae]:hover{background-color:#cfd8f4}.card-chip.orange[data-v-bb25ecae]{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange[data-v-bb25ecae]:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow[data-v-bb25ecae]{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow[data-v-bb25ecae]:hover{background-color:rgba(252,191,73,.2)}.card-chip.red[data-v-bb25ecae]{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red[data-v-bb25ecae]:hover{background-color:rgba(231,76,60,.25)}.card-chip.green[data-v-bb25ecae]{color:#0e3213;background-color:rgba(15,177,39,.3)}.card-chip.green[data-v-bb25ecae]:hover{background-color:rgba(15,177,39,.4)}.card-anexo[data-v-bb25ecae]{width:50px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.anexo-item[data-v-bb25ecae]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.anexo-item .transition-anexo-item[data-v-bb25ecae]{max-width:100%;max-height:100%}.anexo-item .req-loader[data-v-bb25ecae]{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.anexo-item .transition-anexo-item img[data-v-bb25ecae]{max-width:45px;max-height:45px}.anexo-icone[data-v-bb25ecae]{opacity:.9;transition:opacity .2s;color:#222;cursor:pointer;display:flex;justify-content:center;align-items:center}.anexo-icone[data-v-bb25ecae]:hover{opacity:1}.anexo-icone[data-v-bb25ecae]:visited{color:inherit}svg[data-v-bb25ecae]{font-size:30px;z-index:1}.anexo-icone.pdf[data-v-bb25ecae]{position:relative}.anexo-icone.pdf svg[data-v-bb25ecae]{color:#e74c3c}.anexo-icone.pdf[data-v-bb25ecae]::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.anexo-icone.doc[data-v-bb25ecae]{color:#15517f}.anexo-icone.doc[data-v-bb25ecae]::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.anexo-img[data-v-bb25ecae]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.anexo-img[data-v-bb25ecae]:hover{opacity:1}.anexo-img img[data-v-bb25ecae]{width:95%}.card-interatividade[data-v-bb25ecae]{display:flex;flex-direction:column;margin-top:10px;margin-bottom:5px;font-size:.9em}.card-interatividade-title[data-v-bb25ecae]{font-weight:700;margin-bottom:5px}.card-interatividade-list[data-v-bb25ecae]{margin:0;padding:0;font-size:.9em}.card-interatividade-list hr[data-v-bb25ecae]{height:1px;background-color:#ccc;width:100%;border:0}.card-interatividade-list button[data-v-bb25ecae]{margin-left:5px;border-radius:5px;border:unset;cursor:pointer;padding:5px 10px;background-color:#b5f778}.card-interatividade-list button[data-v-bb25ecae]:hover{text-decoration:underline}",
|
|
11873
11878
|
map: undefined,
|
|
11874
11879
|
media: undefined
|
|
11875
11880
|
});
|
|
@@ -11877,10 +11882,10 @@ var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
|
|
|
11877
11882
|
/* scoped */
|
|
11878
11883
|
|
|
11879
11884
|
|
|
11880
|
-
var __vue_scope_id__$a = "data-v-
|
|
11885
|
+
var __vue_scope_id__$a = "data-v-bb25ecae";
|
|
11881
11886
|
/* module identifier */
|
|
11882
11887
|
|
|
11883
|
-
var __vue_module_identifier__$a = "data-v-
|
|
11888
|
+
var __vue_module_identifier__$a = "data-v-bb25ecae";
|
|
11884
11889
|
/* functional template */
|
|
11885
11890
|
|
|
11886
11891
|
var __vue_is_functional_template__$a = false;
|
package/package.json
CHANGED
|
@@ -4,8 +4,7 @@
|
|
|
4
4
|
class="emoji-text-btn"
|
|
5
5
|
@click="toggleEmojiSelection()"
|
|
6
6
|
v-text="String.fromCodePoint(0x1f61c)"
|
|
7
|
-
>
|
|
8
|
-
</div>
|
|
7
|
+
></div>
|
|
9
8
|
<transition name="show-y">
|
|
10
9
|
<Picker v-show="showEmojis" ref="sm-emoji-picker" @insert-emoji="insertEmoji" />
|
|
11
10
|
</transition>
|
|
@@ -13,95 +12,100 @@
|
|
|
13
12
|
</template>
|
|
14
13
|
|
|
15
14
|
<script>
|
|
16
|
-
|
|
17
|
-
import
|
|
18
|
-
import { mixin as clickaway } from 'vue-clickaway'
|
|
15
|
+
import Picker from "./Picker";
|
|
16
|
+
import { mixin as clickaway } from "vue-clickaway";
|
|
19
17
|
|
|
20
18
|
export default {
|
|
21
19
|
components: { Picker },
|
|
22
|
-
mixins: [
|
|
20
|
+
mixins: [clickaway],
|
|
23
21
|
props: {
|
|
24
22
|
emojiId: {
|
|
25
23
|
type: String,
|
|
26
|
-
required: true
|
|
24
|
+
required: true,
|
|
27
25
|
},
|
|
28
26
|
biggerTextarea: {
|
|
29
27
|
type: Boolean,
|
|
30
28
|
default: true,
|
|
31
|
-
required: false
|
|
29
|
+
required: false,
|
|
32
30
|
},
|
|
33
31
|
small: {
|
|
34
32
|
type: Boolean,
|
|
35
33
|
default: false,
|
|
36
|
-
required: false
|
|
34
|
+
required: false,
|
|
37
35
|
},
|
|
38
36
|
up: {
|
|
39
37
|
type: Boolean,
|
|
40
38
|
default: true,
|
|
41
|
-
required: false
|
|
39
|
+
required: false,
|
|
42
40
|
},
|
|
43
41
|
down: {
|
|
44
42
|
type: Boolean,
|
|
45
43
|
default: false,
|
|
46
|
-
required: false
|
|
44
|
+
required: false,
|
|
47
45
|
},
|
|
48
46
|
left: {
|
|
49
47
|
type: Boolean,
|
|
50
48
|
default: true,
|
|
51
|
-
required: false
|
|
52
|
-
}
|
|
49
|
+
required: false,
|
|
50
|
+
},
|
|
53
51
|
},
|
|
54
52
|
computed: {
|
|
55
53
|
height() {
|
|
56
|
-
if(this.small) return 225
|
|
57
|
-
return 325
|
|
54
|
+
if (this.small) return 225;
|
|
55
|
+
return 325;
|
|
58
56
|
},
|
|
59
57
|
top() {
|
|
60
|
-
if(!this.down) return -(this.height + (!this.biggerTextarea ? 5 : 30)
|
|
61
|
-
return 40
|
|
62
|
-
}
|
|
58
|
+
if (!this.down) return -(this.height + (!this.biggerTextarea ? 5 : 30));
|
|
59
|
+
return 40;
|
|
60
|
+
},
|
|
63
61
|
},
|
|
64
|
-
data(){
|
|
65
|
-
return{
|
|
66
|
-
showEmojis: false
|
|
67
|
-
}
|
|
62
|
+
data() {
|
|
63
|
+
return {
|
|
64
|
+
showEmojis: false,
|
|
65
|
+
};
|
|
68
66
|
},
|
|
69
67
|
created() {
|
|
70
|
-
this.$root.$refs[`etf-${this.emojiId}`] = this
|
|
68
|
+
this.$root.$refs[`etf-${this.emojiId}`] = this;
|
|
71
69
|
},
|
|
72
70
|
watch: {
|
|
73
71
|
showEmojis() {
|
|
74
|
-
if(this.showEmojis) this.setPosition("sm-emoji-picker")
|
|
75
|
-
}
|
|
72
|
+
if (this.showEmojis) this.setPosition("sm-emoji-picker");
|
|
73
|
+
},
|
|
76
74
|
},
|
|
77
75
|
methods: {
|
|
78
76
|
setPosition(refId) {
|
|
79
77
|
try {
|
|
80
78
|
this.$nextTick(() => {
|
|
81
|
-
const elem = this.$refs[refId]
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
79
|
+
const elem = this.$refs[refId]
|
|
80
|
+
? this.$refs[refId].$el
|
|
81
|
+
? this.$refs[refId].$el
|
|
82
|
+
: this.$refs[refId]
|
|
83
|
+
: this.$refs[refId]
|
|
84
|
+
? this.$refs[refId]
|
|
85
|
+
: false;
|
|
86
|
+
if (elem) {
|
|
87
|
+
elem.style.position = "absolute";
|
|
88
|
+
elem.style.top = `${this.top}px`;
|
|
89
|
+
elem.style.left = "0";
|
|
90
|
+
elem.style.height = `${this.height}px`;
|
|
87
91
|
}
|
|
88
|
-
})
|
|
89
|
-
}catch(e) {
|
|
90
|
-
console.error("Erro ao setar a posicao dos emojis")
|
|
91
|
-
console.error(e)
|
|
92
|
+
});
|
|
93
|
+
} catch (e) {
|
|
94
|
+
console.error("Erro ao setar a posicao dos emojis");
|
|
95
|
+
console.error(e);
|
|
92
96
|
}
|
|
93
97
|
},
|
|
94
98
|
insertEmoji(emoji) {
|
|
95
|
-
this.$emit("insert-emoji", emoji)
|
|
99
|
+
this.$emit("insert-emoji", emoji);
|
|
96
100
|
},
|
|
97
101
|
toggleEmojiSelection() {
|
|
98
|
-
this.showEmojis = !this.showEmojis
|
|
102
|
+
this.showEmojis = !this.showEmojis;
|
|
99
103
|
},
|
|
100
104
|
away() {
|
|
101
|
-
this.showEmojis = false
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
+
this.showEmojis = false;
|
|
106
|
+
},
|
|
107
|
+
},
|
|
108
|
+
};
|
|
105
109
|
</script>
|
|
106
110
|
|
|
107
111
|
<style>
|
|
@@ -118,8 +122,10 @@ export default {
|
|
|
118
122
|
}
|
|
119
123
|
|
|
120
124
|
.emoji-text-container {
|
|
121
|
-
position: relative;
|
|
125
|
+
position: relative;
|
|
126
|
+
}
|
|
122
127
|
.emoji-text-container .emoji-text-btn {
|
|
123
128
|
font-size: 1.2rem;
|
|
124
|
-
cursor: pointer;
|
|
125
|
-
|
|
129
|
+
cursor: pointer;
|
|
130
|
+
}
|
|
131
|
+
</style>
|
|
@@ -168,7 +168,9 @@ export default {
|
|
|
168
168
|
try {
|
|
169
169
|
this.emojiHeaders();
|
|
170
170
|
this.addEmojiToArray();
|
|
171
|
-
|
|
171
|
+
setTimeout(() => {
|
|
172
|
+
this.loading = false;
|
|
173
|
+
}, 1500);
|
|
172
174
|
} catch (e) {
|
|
173
175
|
console.error("Erro ao carregar os emojis");
|
|
174
176
|
console.error(e);
|
|
@@ -390,6 +390,8 @@ export default {
|
|
|
390
390
|
overflow: hidden;
|
|
391
391
|
width: 100%;
|
|
392
392
|
padding: 2.5px 5px;
|
|
393
|
+
border-radius: 7px;
|
|
394
|
+
box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 3px 0px;
|
|
393
395
|
}
|
|
394
396
|
.card p {
|
|
395
397
|
word-break: break-all;
|
|
@@ -401,6 +403,7 @@ export default {
|
|
|
401
403
|
margin-bottom: 5px;
|
|
402
404
|
display: flex;
|
|
403
405
|
justify-content: space-between;
|
|
406
|
+
padding: 10px 5px;
|
|
404
407
|
}
|
|
405
408
|
.card-header svg {
|
|
406
409
|
font-size: 1rem;
|
|
@@ -415,8 +418,19 @@ export default {
|
|
|
415
418
|
display: flex;
|
|
416
419
|
flex-direction: column;
|
|
417
420
|
margin-right: 10px;
|
|
421
|
+
background: rgb(0, 136, 69);
|
|
422
|
+
padding: 5px 10px;
|
|
423
|
+
border-top-left-radius: 15px;
|
|
424
|
+
border-bottom-left-radius: 15px;
|
|
425
|
+
color: #fff;
|
|
418
426
|
}
|
|
419
427
|
|
|
428
|
+
.card-right {
|
|
429
|
+
margin-right: -20px;
|
|
430
|
+
display: flex;
|
|
431
|
+
flex-direction: row-reverse;
|
|
432
|
+
align-items: center;
|
|
433
|
+
}
|
|
420
434
|
.card-data {
|
|
421
435
|
overflow: hidden;
|
|
422
436
|
display: flex;
|
|
@@ -436,7 +450,7 @@ export default {
|
|
|
436
450
|
display: flex;
|
|
437
451
|
justify-content: center;
|
|
438
452
|
align-items: center;
|
|
439
|
-
margin:
|
|
453
|
+
margin: 0 10px;
|
|
440
454
|
cursor: pointer;
|
|
441
455
|
opacity: 0.8;
|
|
442
456
|
transition: opacity 150ms;
|
|
@@ -459,6 +473,16 @@ export default {
|
|
|
459
473
|
gap: 5px;
|
|
460
474
|
}
|
|
461
475
|
|
|
476
|
+
.card-autor {
|
|
477
|
+
display: flex;
|
|
478
|
+
align-items: center;
|
|
479
|
+
margin-right: 10px;
|
|
480
|
+
overflow: hidden;
|
|
481
|
+
min-width: 14px;
|
|
482
|
+
max-width: calc(100% - 215px);
|
|
483
|
+
gap: 5px;
|
|
484
|
+
}
|
|
485
|
+
|
|
462
486
|
.card-chip {
|
|
463
487
|
font-size: 0.8rem;
|
|
464
488
|
width: fit-content;
|