2 lines
5.1 KiB
JavaScript
2 lines
5.1 KiB
JavaScript
import{y as P,a as z,u as K,s as k,q as d,b as O,B as F,A as H,r as E,e as a,f as e,t,F as i,i as C,h as n,O as h,a9 as p,P as U,n as S,g as I,j as L,k as A,c as l,l as M}from"./index.ce62f87c.js";import{n as b}from"./normalize-date.743bf7a3.js";var X="/assets/fav_icon.a1d8066f.svg";const G={class:"intro-y flex flex-col sm:flex-row items-center mt-8"},Y={class:"text-lg font-medium mr-auto"},J={class:"w-full sm:w-auto flex mt-4 sm:mt-0"},Q={class:"intro-y chat grid grid-cols-12 gap-5 mt-5"},W={class:"col-span-12 lg:col-span-4 2xl:col-span-3"},Z={class:"chat__chat-list overflow-y-auto scrollbar-hidden pr-1 pt-1"},ee=["onClickCapture"],te={class:"ml-2 overflow-hidden w-full"},se={class:"flex items-center justify-between"},oe={href:"javascript:;",class:"font-medium"},ae={class:"text-xs text-slate-400 ml-3"},le={class:"w-full truncate text-slate-500 mt-0.5"},ne={key:0,class:"w-5 h-5 flex items-center justify-center absolute top-0 right-0 text-xs text-white rounded-full bg-primary font-medium -mt-1 -mr-1"},ce={class:"intro-y col-span-12 lg:col-span-8 2xl:col-span-9"},ie={class:"chat__box box"},re={class:"h-full flex flex-col"},de={class:"flex flex-col sm:flex-row border-b border-slate-200/60 dark:border-darkmode-400 px-5 py-4"},_e={class:"flex items-center"},ue={class:"ml-3 mr-auto"},me={class:"font-medium text-base"},he={class:"chat__box__text-box flex items-end float-right mb-4"},ve={class:"bg-primary px-4 py-3 text-white rounded-l-md rounded-t-md"},fe={class:"mt-1 text-xs text-white text-opacity-80"},xe=e("div",{class:"clear-both"},null,-1),pe={class:"chat__box__text-box flex items-end float-left mb-4"},be={class:"bg-slate-100 dark:bg-darkmode-400 px-4 py-3 text-slate-500 rounded-r-md rounded-t-md"},ye={class:"mt-1 text-xs text-slate-500"},we=e("div",{class:"clear-both"},null,-1),Te={class:"pt-4 pb-10 sm:py-4 flex items-center border-t border-slate-200/60 dark:border-darkmode-400"},ge=["placeholder"],ke={class:"h-full flex items-center"},Ee={class:"mx-auto text-center"},Ce={class:"mt-3"},Se={class:"font-medium"},Ie={class:"h-full flex items-center"},Le={class:"mx-auto text-center"},Ae=e("div",{class:"w-16 h-16 flex-none image-fit rounded-full overflow-hidden mx-auto"},[e("img",{alt:"TMEX ICON",src:X})],-1),Me={class:"mt-3"},$e={key:0,class:"font-medium"},qe={class:"text-slate-500 mt-1"},De={__name:"Main",setup(Be){const c=P(),$=z(),_=K(),{user:v}=k($),{ticketList:q,ticketMessageList:B}=k(_),u=d(!1),f=d(0),m=d(!1),r=d(""),x=d(),j=()=>A.push({path:"/ticket-list/create"}),N=o=>A.push({name:"ticket-list",query:{ticketId:o}}),y=async o=>{u.value=!1,m.value=!0,await _.getTicketMessages(o),m.value=!1,u.value=!0,f.value=o,w()},w=()=>{setTimeout(()=>{x.value.scrollTop=x.value.scrollHeight},0)},R=async()=>{await _.sendMessage(r.value,f.value),r.value="",w()};return O(async()=>{await _.getTickets(),c.query.ticketId&&y(c.query.ticketId)}),F(H(()=>c.query),()=>{c.query.ticketId&&(console.log(c.query),y(c.query.ticketId))}),(o,T)=>{const D=E("SendIcon"),V=E("LoadingIcon");return l(),a(i,null,[e("div",G,[e("h2",Y,t(o.$t("TICKET_LIST")),1),e("div",J,[e("button",{class:"btn btn-primary shadow-md mr-2",onClick:j},t(o.$t("CREATE_TICKET")),1)])]),e("div",null,[e("div",Q,[e("div",W,[e("div",Z,[(l(!0),a(i,null,C(n(q),(s,g)=>(l(),a("div",{key:g,class:S(["intro-x cursor-pointer box relative flex items-center p-5",[{"mt-5":g},f.value==s.id?["bg-slate-200","pointer-events-none"]:""]]),onClickCapture:je=>N(s.id)},[e("div",te,[e("div",se,[e("a",oe,t(s.title),1),e("div",ae,t(o.$t("CREATED"))+" "+t(n(b)(s.created_at)),1)]),e("div",le,t(o.$t("STATUS"))+": "+t(s.status),1)]),s.last_sender==="admin"?(l(),a("div",ne)):L("",!0)],42,ee))),128))])]),e("div",ce,[e("div",ie,[h(e("div",re,[e("div",de,[e("div",_e,[e("div",ue,[e("div",me,t(o.$t("TMEX_ADMINS_TEAM")),1)])])]),e("div",{class:"overflow-y-scroll scrollbar-hidden px-5 pt-5 flex-1 chat_area-inner",ref_key:"chatAreaRef",ref:x},[(l(!0),a(i,null,C(n(B),s=>(l(),a(i,{key:s.id},[s.is_client?(l(),a(i,{key:0},[e("div",he,[e("div",ve,[M(t(s.content)+" ",1),e("div",fe,t(n(b)(s.created_at)),1)])]),xe],64)):(l(),a(i,{key:1},[e("div",pe,[e("div",be,[M(t(s.content)+" ",1),e("div",ye,t(n(b)(s.created_at)),1)])]),we],64))],64))),128))],512),e("div",Te,[h(e("textarea",{class:"chat__box__input form-control dark:bg-darkmode-600 h-16 resize-none border-transparent px-5 py-3 shadow-none focus:border-transparent focus:ring-0",rows:"1",placeholder:o.$t("TYPE_TICKET_MESSAGE"),"onUpdate:modelValue":T[0]||(T[0]=s=>r.value=s)},null,8,ge),[[U,r.value]]),e("a",{href:"javascript:;",class:S(["w-8 h-8 sm:w-10 sm:h-10 block bg-primary text-white rounded-full flex-none flex items-center justify-center mr-5",[r.value===""?["opacity-50","pointer-events-none"]:""]]),onClick:R},[I(D,{class:"w-4 h-4"})],2)])],512),[[p,u.value]]),h(e("div",ke,[e("div",Ee,[e("div",Ce,[e("div",Se,[I(V,{icon:"oval",color:"#003197",class:"w-20 h-20"})])])])],512),[[p,m.value]]),h(e("div",Ie,[e("div",Le,[Ae,e("div",Me,[n(v)?(l(),a("div",$e,t(o.$t("SIMPLE_HELLO"))+", "+t(n(v).firstname)+" "+t(n(v).lastname)+"! ",1)):L("",!0),e("div",qe,t(o.$t("PLEASE_SELECT_TICKET")),1)])])],512),[[p,!u.value&&!m.value]])])])])])],64)}}};export{De as default};
|