vue-wiguet-chatweb 0.1.13 → 0.1.15
Sign up to get free protection for your applications and to get access to all the features.
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bubble[data-v-f24d4510]{--r: 25px;--t: 30px;padding:calc(2 * var(--r) / 3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% / calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 / var(--r) var(--r) space padding-box;mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% / calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 / var(--r) var(--r) space padding-box;color:#fff;height:100%}.left[data-v-f24d4510]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:0;background-color:#fcd7ae;color:#4d4d4d}.bubble>.content-left[data-v-f24d4510]{margin-right:10px;margin-bottom:1px}.right[data-v-f24d4510]{--_d: 100%;border-right:var(--t) solid #0000;margin-right:0;background-color:#fdeedb;color:#4d4d4d}.bubble>.content-right[data-v-f24d4510]{margin-bottom:1px;margin-right:10px}.message-text[data-v-f24d4510]{margin-bottom:10px;overflow-wrap:break-word}.detail-message[data-v-f24d4510]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-f24d4510]{display:flex;flex-direction:column;justify-content:center}.message[data-v-f24d4510]{width:100%;display:flex}.message-left[data-v-f24d4510]{justify-content:start}.message-right[data-v-f24d4510]{justify-content:end}.target[data-v-f24d4510]{padding:.5rem 0;width:100%}.btn-danger[data-v-f24d4510]{background-color:transparent;border:0;border-radius:50%;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.btn-danger[data-v-f24d4510] svg[data-v-f24d4510]{width:24px;height:24px}.btn-danger[data-v-f24d4510][data-v-f24d4510]:hover{background-color:#ff00003a}.btn-container-widget[data-v-f24d4510]{display:flex;align-items:center;position:absolute;left:-40px;top:50%;transform:translateY(-50%)}.message-container[data-v-f24d4510]{min-width:80%;max-width:80%;position:relative;margin-bottom:.5rem}.messages-container-list[data-v-f24d4510]{width:100%}.spinner_ajPY[data-v-d9a6b2b7]{fill:#fe6d00;transform-origin:center;animation:spinner_AtaB-d9a6b2b7 .75s infinite linear}@keyframes spinner_AtaB-d9a6b2b7{to{transform:rotate(360deg)}}.btn-primary[data-v-7b739220]{padding:10px 12px}.btn-primary[data-v-7b739220][data-v-7b739220]:hover{background-color:#f28b0c1a}.btn-close[data-v-7b739220]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-7b739220][data-v-7b739220]:hover{background-color:#cacaca88}.messages-container[data-v-7b739220]{position:relative}.loader[data-v-7b739220]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.header-widget{height:5%;display:flex;justify-content:space-between;align-items:center}.jl2-input-chat{height:20px;width:95%;border:none;resize:none;border-top-left-radius:16px;border-bottom-left-radius:16px;margin-left:8px;margin-top:8px;margin-bottom:8px;overflow:hidden;max-height:10rem}.jl2-input-chat:focus-visible{outline:none}.jl-inputgroup-chat{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input{border:none;background:none}.jl-inputgroup-chat>input:hover{outline:none}.form-message{display:flex;justify-content:space-between}.form-message button,.jl-inputgroup-chat>button{border:none!important;background:none}.form-message button,.jl-inputgroup-chat>button:focus{box-shadow:none}.form-message button,.jl-inputgroup-chat>button:active{box-shadow:none}.widget{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container{height:80%;overflow-y:scroll;border:1px solid lightgray;border-radius:.5rem;scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background-color:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send{padding-top:20px;width:90%;margin:auto}#chat-circle{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat{font-size:1rem;font-weight:700;color:var(--chat-text-color);margin:0}.chat-box{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#fff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer{cursor:pointer}.disabled[data-v-
|
|
1
|
+
.bubble[data-v-f24d4510]{--r: 25px;--t: 30px;padding:calc(2 * var(--r) / 3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% / calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 / var(--r) var(--r) space padding-box;mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% / calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 / var(--r) var(--r) space padding-box;color:#fff;height:100%}.left[data-v-f24d4510]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:0;background-color:#fcd7ae;color:#4d4d4d}.bubble>.content-left[data-v-f24d4510]{margin-right:10px;margin-bottom:1px}.right[data-v-f24d4510]{--_d: 100%;border-right:var(--t) solid #0000;margin-right:0;background-color:#fdeedb;color:#4d4d4d}.bubble>.content-right[data-v-f24d4510]{margin-bottom:1px;margin-right:10px}.message-text[data-v-f24d4510]{margin-bottom:10px;overflow-wrap:break-word}.detail-message[data-v-f24d4510]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-f24d4510]{display:flex;flex-direction:column;justify-content:center}.message[data-v-f24d4510]{width:100%;display:flex}.message-left[data-v-f24d4510]{justify-content:start}.message-right[data-v-f24d4510]{justify-content:end}.target[data-v-f24d4510]{padding:.5rem 0;width:100%}.btn-danger[data-v-f24d4510]{background-color:transparent;border:0;border-radius:50%;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.btn-danger[data-v-f24d4510] svg[data-v-f24d4510]{width:24px;height:24px}.btn-danger[data-v-f24d4510][data-v-f24d4510]:hover{background-color:#ff00003a}.btn-container-widget[data-v-f24d4510]{display:flex;align-items:center;position:absolute;left:-40px;top:50%;transform:translateY(-50%)}.message-container[data-v-f24d4510]{min-width:80%;max-width:80%;position:relative;margin-bottom:.5rem}.messages-container-list[data-v-f24d4510]{width:100%}.spinner_ajPY[data-v-d9a6b2b7]{fill:#fe6d00;transform-origin:center;animation:spinner_AtaB-d9a6b2b7 .75s infinite linear}@keyframes spinner_AtaB-d9a6b2b7{to{transform:rotate(360deg)}}.btn-primary[data-v-7b739220]{padding:10px 12px}.btn-primary[data-v-7b739220][data-v-7b739220]:hover{background-color:#f28b0c1a}.btn-close[data-v-7b739220]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-7b739220][data-v-7b739220]:hover{background-color:#cacaca88}.messages-container[data-v-7b739220]{position:relative}.loader[data-v-7b739220]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.header-widget{height:5%;display:flex;justify-content:space-between;align-items:center}.jl2-input-chat{height:20px;width:95%;border:none;resize:none;border-top-left-radius:16px;border-bottom-left-radius:16px;margin-left:8px;margin-top:8px;margin-bottom:8px;overflow:hidden;max-height:10rem}.jl2-input-chat:focus-visible{outline:none}.jl-inputgroup-chat{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input{border:none;background:none}.jl-inputgroup-chat>input:hover{outline:none}.form-message{display:flex;justify-content:space-between}.form-message button,.jl-inputgroup-chat>button{border:none!important;background:none}.form-message button,.jl-inputgroup-chat>button:focus{box-shadow:none}.form-message button,.jl-inputgroup-chat>button:active{box-shadow:none}.widget{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container{height:80%;overflow-y:scroll;border:1px solid lightgray;border-radius:.5rem;scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background-color:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send{padding-top:20px;width:90%;margin:auto}#chat-circle{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat{font-size:1rem;font-weight:700;color:var(--chat-text-color);margin:0}.chat-box{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#fff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer{cursor:pointer}.disabled[data-v-f9d10772]{color:currentColor;cursor:not-allowed!important;opacity:.4!important;text-decoration:none}.container-buttons-chat[data-v-f9d10772]{position:relative;right:-1.8rem}.button[data-v-f9d10772]{position:absolute;width:2.5rem;height:2.5rem;opacity:0;box-shadow:0 1px 3px 1px silver;border-radius:100%;border:1px solid white;background-color:#fff;overflow:hidden;cursor:pointer;transition:transform .5s ease,opacity .3s ease;z-index:-1}.container-buttons-chat.active>a[data-v-f9d10772]{z-index:1;opacity:1}.container-buttons-chat.active .whatsapp[data-v-f9d10772]{transform:translateY(-150px)}.container-buttons-chat.active .telegram[data-v-f9d10772]{transform:translateY(-100px)}.container-buttons-chat.active .webchat[data-v-f9d10772]{transform:translateY(-50px)}.widget-container[data-v-f9d10772]{position:relative}.new-message-badge[data-v-f9d10772]{position:absolute;background-color:red;width:30px;height:30px;display:flex;font-family:Roboto,sans-serif;align-items:center;font-weight:500;justify-content:center;border-radius:50%;right:-2px;top:-4px;z-index:2}
|
|
@@ -9685,6 +9685,7 @@ function Mf(t, e) {
|
|
|
9685
9685
|
return L(), $("svg", Nf, Af);
|
|
9686
9686
|
}
|
|
9687
9687
|
const Rf = /* @__PURE__ */ oe(xf, [["render", Mf]]), If = {
|
|
9688
|
+
key: 0,
|
|
9688
9689
|
id: "chat-circle",
|
|
9689
9690
|
class: "widget-container"
|
|
9690
9691
|
}, Df = {
|
|
@@ -9728,7 +9729,7 @@ const Rf = /* @__PURE__ */ oe(xf, [["render", Mf]]), If = {
|
|
|
9728
9729
|
return (u, c) => (L(), $("div", {
|
|
9729
9730
|
class: Me(["widget-css-reset widget-container", t.isDarkMode ? "chat-dark-mode" : ""])
|
|
9730
9731
|
}, [
|
|
9731
|
-
an(
|
|
9732
|
+
n.tokenAuth.length > 10 ? an((L(), $("div", If, [
|
|
9732
9733
|
g("div", {
|
|
9733
9734
|
class: Me(["container-buttons-chat", { active: o.value }])
|
|
9734
9735
|
}, [
|
|
@@ -9762,16 +9763,15 @@ const Rf = /* @__PURE__ */ oe(xf, [["render", Mf]]), If = {
|
|
|
9762
9763
|
], 2)
|
|
9763
9764
|
], 2),
|
|
9764
9765
|
i.value ? (L(), $("div", Df, Nt(i.value > 9 ? "9+" : i.value), 1)) : Ge("", !0),
|
|
9765
|
-
|
|
9766
|
-
key: 1,
|
|
9766
|
+
g("a", {
|
|
9767
9767
|
href: "javascript:;",
|
|
9768
9768
|
onClick: c[3] || (c[3] = (l) => n.tokenAuth.length > 10 && a())
|
|
9769
9769
|
}, [
|
|
9770
9770
|
he(mf)
|
|
9771
|
-
])
|
|
9772
|
-
], 512), [
|
|
9771
|
+
])
|
|
9772
|
+
], 512)), [
|
|
9773
9773
|
[Jn, !r.value]
|
|
9774
|
-
]),
|
|
9774
|
+
]) : Ge("", !0),
|
|
9775
9775
|
an(g("div", Lf, [
|
|
9776
9776
|
t.tokenAuth ? (L(), Zi(cf, {
|
|
9777
9777
|
key: 0,
|
|
@@ -9791,7 +9791,7 @@ const Rf = /* @__PURE__ */ oe(xf, [["render", Mf]]), If = {
|
|
|
9791
9791
|
])
|
|
9792
9792
|
], 2));
|
|
9793
9793
|
}
|
|
9794
|
-
}), Bf = /* @__PURE__ */ oe(Ff, [["__scopeId", "data-v-
|
|
9794
|
+
}), Bf = /* @__PURE__ */ oe(Ff, [["__scopeId", "data-v-f9d10772"]]), $f = {
|
|
9795
9795
|
install(t, e) {
|
|
9796
9796
|
window.VITE_BACKEND_URL = e.VITE_BACKEND_URL, window.VITE_SOCKET_URI = e.VITE_SOCKET_URI, window.VITE_CELLPHONE_NUMBERS = e.VITE_CELLPHONE_NUMBERS;
|
|
9797
9797
|
}
|
|
@@ -13,4 +13,4 @@
|
|
|
13
13
|
c1.338-1.547,1.676-3.722,0.872-5.602l-15.046-35.201C187.187,154.774,185.392,153.518,183.359,153.407z`})])],-1)];function Du(t,e){return u.openBlock(),u.createElementBlock("svg",Au,Mu)}const Ru=X(xu,[["render",Du]]),Iu={},Lu={version:"1.1",id:"Capa_1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"-10 -10 78 78","xml:space":"preserve"},Vu=[u.createElementVNode("g",null,[u.createElementVNode("path",{style:{fill:"orange"},d:`M29,1.5c-16.016,0-29,11.641-29,26c0,5.292,1.768,10.211,4.796,14.318
|
|
14
14
|
C4.398,46.563,3.254,53.246,0,56.5c0,0,9.943-1.395,16.677-5.462c0.007,0.003,0.015,0.006,0.022,0.009
|
|
15
15
|
c2.764-1.801,5.532-3.656,6.105-4.126c0.3-0.421,0.879-0.548,1.33-0.277c0.296,0.178,0.483,0.503,0.489,0.848
|
|
16
|
-
c0.01,0.622-0.005,0.784-5.585,4.421C22.146,52.933,25.498,53.5,29,53.5c16.016,0,29-11.641,29-26S45.016,1.5,29,1.5z`}),u.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"15",cy:"27.5",r:"3"}),u.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"29",cy:"27.5",r:"3"}),u.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"43",cy:"27.5",r:"3"})],-1)];function Fu(t,e){return u.openBlock(),u.createElementBlock("svg",Lu,Vu)}const Bu=X(Iu,[["render",Fu]]),$u={id:"chat-circle",class:"widget-container"},Uu={key:0,class:"new-message-badge"},Pu={class:"chat-box"},Wu=X(u.defineComponent({__name:"Widget",props:{tokenAuth:{type:String,required:!0},titlePrincipal:{type:String},user:{type:Object,required:!0},isDarkMode:{type:Boolean,default:!1}},emits:["show-toast","show-confirm"],setup(t,{emit:e}){const n=t;function s(l){var d;const c=((d=window.VITE_CELLPHONE_NUMBERS)==null?void 0:d.split(","))??[];if(c.length===0){console.warn("not found cellphone numbers");return}o.value=!1;const f=Math.floor(Math.random()*c.length);if(l===0){window.open("https://wa.me/"+c[f],"WhatsApp","noopener");return}window.open("https://t.me/+"+c[f],"Telegram","noopener")}const r=u.ref(!1),i=u.ref(0),o=u.ref(!1),a=()=>{r.value=!r.value};return(l,c)=>(u.openBlock(),u.createElementBlock("div",{class:u.normalizeClass(["widget-css-reset widget-container",t.isDarkMode?"chat-dark-mode":""])},[u.withDirectives(u.
|
|
16
|
+
c0.01,0.622-0.005,0.784-5.585,4.421C22.146,52.933,25.498,53.5,29,53.5c16.016,0,29-11.641,29-26S45.016,1.5,29,1.5z`}),u.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"15",cy:"27.5",r:"3"}),u.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"29",cy:"27.5",r:"3"}),u.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"43",cy:"27.5",r:"3"})],-1)];function Fu(t,e){return u.openBlock(),u.createElementBlock("svg",Lu,Vu)}const Bu=X(Iu,[["render",Fu]]),$u={key:0,id:"chat-circle",class:"widget-container"},Uu={key:0,class:"new-message-badge"},Pu={class:"chat-box"},Wu=X(u.defineComponent({__name:"Widget",props:{tokenAuth:{type:String,required:!0},titlePrincipal:{type:String},user:{type:Object,required:!0},isDarkMode:{type:Boolean,default:!1}},emits:["show-toast","show-confirm"],setup(t,{emit:e}){const n=t;function s(l){var d;const c=((d=window.VITE_CELLPHONE_NUMBERS)==null?void 0:d.split(","))??[];if(c.length===0){console.warn("not found cellphone numbers");return}o.value=!1;const f=Math.floor(Math.random()*c.length);if(l===0){window.open("https://wa.me/"+c[f],"WhatsApp","noopener");return}window.open("https://t.me/+"+c[f],"Telegram","noopener")}const r=u.ref(!1),i=u.ref(0),o=u.ref(!1),a=()=>{r.value=!r.value};return(l,c)=>(u.openBlock(),u.createElementBlock("div",{class:u.normalizeClass(["widget-css-reset widget-container",t.isDarkMode?"chat-dark-mode":""])},[n.tokenAuth.length>10?u.withDirectives((u.openBlock(),u.createElementBlock("div",$u,[u.createElementVNode("div",{class:u.normalizeClass(["container-buttons-chat",{active:o.value}])},[u.createElementVNode("a",{href:"javascript:;",class:"button whatsapp",onClick:c[0]||(c[0]=f=>s(0))},[u.createVNode(Ru)]),u.createElementVNode("a",{href:"javascript:;",class:"button telegram",onClick:c[1]||(c[1]=f=>s(1))},[u.createVNode(_u)]),u.createElementVNode("a",{href:"javascript:;",class:u.normalizeClass(["button webchat",{disabled:n.tokenAuth.length<10}]),title:"Debe estar autenticado",onClick:c[2]||(c[2]=f=>o.value&&n.tokenAuth.length>10&&a())},[u.createVNode(Bu)],2)],2),i.value?(u.openBlock(),u.createElementBlock("div",Uu,u.toDisplayString(i.value>9?"9+":i.value),1)):u.createCommentVNode("",!0),u.createElementVNode("a",{href:"javascript:;",onClick:c[3]||(c[3]=f=>n.tokenAuth.length>10&&a())},[u.createVNode(Tu)])],512)),[[u.vShow,!r.value]]):u.createCommentVNode("",!0),u.withDirectives(u.createElementVNode("div",Pu,[t.tokenAuth?(u.openBlock(),u.createBlock(wu,{key:0,visible:r.value,titlePrincipal:t.titlePrincipal,toggleChat:a,tokenAuth:t.tokenAuth,user:t.user,onShowToast:c[4]||(c[4]=f=>e("show-toast",f)),onShowConfirm:c[5]||(c[5]=f=>e("show-confirm",f)),onClearNewMessages:c[6]||(c[6]=f=>i.value=0),onNewMessage:c[7]||(c[7]=()=>i.value++),onNotViewedTotal:c[8]||(c[8]=f=>i.value=f)},null,8,["visible","titlePrincipal","tokenAuth","user"])):u.createCommentVNode("",!0)],512),[[u.vShow,r.value]])],2))}}),[["__scopeId","data-v-f9d10772"]]),qu={install(t,e){window.VITE_BACKEND_URL=e.VITE_BACKEND_URL,window.VITE_SOCKET_URI=e.VITE_SOCKET_URI,window.VITE_CELLPHONE_NUMBERS=e.VITE_CELLPHONE_NUMBERS}};ue.Widget=Wu,ue.default=qu,Object.defineProperties(ue,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/package.json
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
<div
|
|
7
7
|
id="chat-circle"
|
|
8
8
|
class="widget-container"
|
|
9
|
+
v-if="props.tokenAuth.length > 10"
|
|
9
10
|
v-show="!isChatBoxVisible"
|
|
10
11
|
>
|
|
11
12
|
<div class="container-buttons-chat" :class="{'active': toggleButtonsChats}">
|
|
@@ -31,7 +32,7 @@
|
|
|
31
32
|
<div class="new-message-badge" v-if="newMessages" >
|
|
32
33
|
{{ newMessages > 9 ? "9+" : newMessages }}
|
|
33
34
|
</div>
|
|
34
|
-
<a href="javascript:;"
|
|
35
|
+
<a href="javascript:;" @click="props.tokenAuth.length > 10 && toggleChat()">
|
|
35
36
|
<IconWidget />
|
|
36
37
|
</a>
|
|
37
38
|
</div>
|