2 lines
5.1 KiB
JavaScript
2 lines
5.1 KiB
JavaScript
import{y as H,a as P,u as z,s as k,q as d,b as K,B as O,A as F,r as E,e as a,f as e,t as s,F as i,i as C,h as n,O as h,aa 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.927a1625.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"},Te=e("div",{class:"clear-both"},null,-1),we={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=["innerHTML"],De={__name:"Main",setup(Be){const c=H(),$=P(),_=z(),{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,T()},T=()=>{setTimeout(()=>{x.value.scrollTop=x.value.scrollHeight},0)},R=async()=>{await _.sendMessage(r.value,f.value),r.value="",T()};return K(async()=>{await _.getTickets(),c.query.ticketId&&y(c.query.ticketId)}),O(F(()=>c.query),()=>{c.query.ticketId&&(console.log(c.query),y(c.query.ticketId))}),(o,w)=>{const D=E("SendIcon"),V=E("LoadingIcon");return l(),a(i,null,[e("div",G,[e("h2",Y,s(o.$t("TICKET_LIST")),1),e("div",J,[e("button",{class:"btn btn-primary shadow-md mr-2",onClick:j},s(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),(t,g)=>(l(),a("div",{key:g,class:S(["intro-x cursor-pointer box relative flex items-center p-5",[{"mt-5":g},f.value==t.id?["bg-slate-200","pointer-events-none"]:""]]),onClickCapture:je=>N(t.id)},[e("div",te,[e("div",se,[e("a",oe,s(t.title),1),e("div",ae,s(o.$t("CREATED"))+" "+s(n(b)(t.created_at)),1)]),e("div",le,s(o.$t("STATUS"))+": "+s(t.status),1)]),t.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,s(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),t=>(l(),a(i,{key:t.id},[t.is_client?(l(),a(i,{key:0},[e("div",he,[e("div",ve,[M(s(t.content)+" ",1),e("div",fe,s(n(b)(t.created_at)),1)])]),xe],64)):(l(),a(i,{key:1},[e("div",pe,[e("div",be,[M(s(t.content)+" ",1),e("div",ye,s(n(b)(t.created_at)),1)])]),Te],64))],64))),128))],512),e("div",we,[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":w[0]||(w[0]=t=>r.value=t)},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,s(o.$t("SIMPLE_HELLO"))+", "+s(n(v).firstname)+" "+s(n(v).lastname)+"! ",1)):L("",!0),e("div",{class:"text-slate-500 mt-1",innerHTML:o.$t("PLEASE_SELECT_TICKET")},null,8,qe)])])],512),[[p,!u.value&&!m.value]])])])])])],64)}}};export{De as default};
|