https://vpin.club/assets/GroupMemberManagement-447105c7.js

1import{r as m,a as ce,a2 as de,Y as s,Z as c,_ as a,u as t,q as r,a8 as u,a4 as i,a9 as U,F as h,af as y,aa as w,al as _e,a3 as k,ab as me}from"./gtag-a31f617d.js";import{_ as Z}from"./trash-827905b4.js";import{_ as pe,e as fe,G as ve,f as ge,a as be,R as p,a7 as xe,U as I,n as E,de as q,c as he,A as f,j as ye,a0 as we,aW as ke,i as Ie,S as F,a1 as K,dp as Ee}from"./index-7672245e.js";import{I as Re,b as Me}from"./index-0e1681aa.js";import{_ as Oe}from"./index-d7c6f9a7.js";import{S as Ce}from"./statusUtils-73cdbb1f.js";import{C as N}from"./CaretDownOutlined-e6b7b7fc.js";import{a as Ge,_ as Ue}from"./index-e446e4d4.js";import{S as De,_ as We}from"./index-992cc54e.js";import"./i18n-82e73bea.js";import"./mixpanel-82c79759.js";import"./FormItemContext-81565b12.js";import"./index-68180b20.js";import"./Col-9b341f87.js";import"./Overflow-85aa92b4.js";import"./DownOutlined-8cda1932.js";import"./slide-8ad15952.js";const Se={class:"group-member-management container relative w-full h-full my-[60px] mx-auto xl:px-[4rem] 3xl:px-[8rem]"},Te={class:"flex justify-start items-center mb-[2rem]"},$e={class:"text-[1.25rem] font-medium"},Le={class:"flex mt-4 justify-between items-center mb-6 mx-auto xl:w-[75.13rem] gap-4 xl:gap-0 flex-wrap xl:flex-nowrap"},Ne={class:"whitespace-nowrap text-[1rem] font-medium"},Ae={class:"flex w-full xl:justify-end items-center w-full gap-4"},Pe={class:"whitespace-nowrap mr-2 text-[1rem] font-medium"},Ye={class:"flex items-center text-[1rem] font-medium whitespace-nowrap mr-2"},je={class:"relative rounded-xl bg-aliceblue shadow-[0px_0px_30px_rgba(0,_0,_0,_0.15)] p-6 mx-auto xl:w-[75.13rem] xl:p-10"},ze={key:0,id:"table-view",class:"hidden h-max pb-8 md:block"},Be={class:"w-full border-spacing-2 sticky top-0 bg-white"},He={class:"w-full border-b-2 border-black border-solid sticky top-0"},Ve={class:"leading-10 flex"},Ze={class:"py-1 text-center w-[20%]"},qe={class:"py-1 text-center w-[20%] relative"},Fe={class:"py-1 text-center flex-1"},Ke={class:"py-1 pl-4 text-start w-[20%]"},Qe={class:"table-auto w-full border-spacing-2"},Je={key:0,class:"w-full border-b border-dashed border-black divide-y divide-dashed divide-black"},Xe={class:"text-center w-[20%]"},et={class:"text-center w-[20%]"},tt={key:0},at={class:"text-[1rem]"},lt={class:"text-center flex-1"},nt={class:"relative text-center w-[20%]"},ot={class:"absolute left-0 top-1"},st={key:1,class:"w-full divide-y divide-dashed divide-black"},it={class:"text-center w-[20%] pl-4"},rt={class:"text-[1rem]"},ut={class:"text-center"},ct={class:"flex relative w-full"},dt={key:1,id:"list-view",class:"px-6 pb-8 md:hidden"},_t={key:0},mt={class:"flex justify-between"},pt={key:1,class:"text-center text-color2 mx-auto py-3"},ft={key:2,class:"relative w-full mt-8"},vt={__name:"GroupMemberManagement",setup(gt){const{t:n}=fe(),Q=ve(),{hasAuthority:D,checkAuthority:R,canChangeRole:v}=ge(),{openRoleInfo:j}=be(),z=m(null),W=m([]),M=m([]),b=m(!1),A=m(!1),J=m(!1),C=m(""),S=m(p.VIEWER),T=m([{label:n("member_management.role_list.viewer"),value:p.VIEWER},{label:n("member_management.role_list.editor"),value:p.EDITOR},{label:n("member_management.role_list.admin"),value:p.ADMIN},{label:n("member_management.role_list.owner"),value:p.OWNER}]),G=m(""),$=m("email"),X=m([{label:n("member_management.search.email"),value:"email"},{label:n("member_management.search.nickname"),value:"nickname"}]);xe({title:n("meta.page-title.team-management"),meta:[{property:"og:title",content:`${n("meta.page-title.team-management")} | ${n("meta.suffix")}`}]}),ce(()=>{x()});const ee=()=>{R(f.WRITE_MY_GROUP)},x=async()=>{var o;try{b.value=!0;const l=await I.getGroupData();z.value=l,W.value=l.members.sort((_,g)=>(g.role===p.OWNER)-(_.role===p.OWNER)),M.value=(o=l==null?void 0:l.invitations)==null?void 0:o.map(_=>({..._,isDeleting:!1}))}catch{E.error({title:n("notification_msg.fail_title"),description:n("notification_msg.edit_fail_context")})}finally{b.value=!1}},te=async()=>{if(he("click_send_invitation_button"),!(!C.value||!S.value||!R(f.WRITE_MY_GROUP)))try{A.value=!0,await I.inviteGroupMember({emailsInCsvString:C.value,role:S.value}),await x()}catch{E.error({title:n("notification_msg.fail_title"),description:n("notification_msg.edit_fail_context")})}finally{C.value="",A.value=!1}},ae=async o=>{if(R(f.WRITE_MY_GROUP))try{await I.deleteInvitation(o),await x()}catch{E.error({title:n("notification_msg.fail_title"),description:n("notification_msg.edit_fail_context")})}},le=async o=>{if(!R(f.WRITE_MY_GROUP))return;const l={emailsInCsvString:o.email,role:o.role};try{await I.updateInviteGroupMemberRole(o.id,l),await x()}catch{E.error({title:n("notification_msg.fail_title"),description:n("notification_msg.edit_fail_context")})}},ne=async o=>{var _;if(!R(f.WRITE_MY_GROUP))return;const l={role:o.role};try{await I.updateGroupMemberRole((_=o==null?void 0:o.user)==null?void 0:_.id,l),await x()}catch{E.error({title:n("notification_msg.fail_title"),description:n("notification_msg.edit_fail_context")})}},oe=async o=>{var l;if(R(f.WRITE_MY_GROUP))try{await I.deleteGroupMember((l=o==null?void 0:o.user)==null?void 0:l.id),await x()}catch{E.error({title:n("notification_msg.fail_title"),description:n("notification_msg.delete_fail_context")})}},se=async()=>{var o;if(console.log(G.value,$.value),!G.value)return x();try{b.value=!0;const l=`${$.value}=${G.value}`,_=await I.getGroupDataByQuery(l);z.value=_,W.value=_.members.sort((g,O)=>(O.role===p.OWNER)-(g.role===p.OWNER)),M.value=(o=_==null?void 0:_.invitations)==null?void 0:o.map(g=>({...g,isDeleting:!1}))}catch{E.error({title:n("notification_msg.fail_title"),description:n("notification_msg.edit_fail_context")})}finally{b.value=!1}};return(o,l)=>{var B,H,V;const _=Re,g=Ge,O=De,L=We,ie=Ue,re=Me,P=Oe,Y=ye,ue=de("Loading");return s(),c("div",Se,[a("div",Te,[a("button",{class:"bg-black text-white rounded-full w-[1.5rem] h-[1.5rem] flex items-center justify-center mr-2",onClick:l[0]||(l[0]=e=>t(Q).go(-1))},[r(t(we),{class:"text-[0.75rem]"})]),a("h1",$e,u(t(n)("member_management.title")),1)]),a("div",Le,[r(P,{class:"w-full items-center gap-2"},{default:i(()=>[a("label",Ne,u(t(n)("member_management.member_list")),1),r(re,null,{default:i(()=>[r(ie,{gutter:8},{default:i(()=>[r(g,null,{default:i(()=>[r(_,{value:G.value,"onUpdate:value":l[1]||(l[1]=e=>G.value=e),placeholder:t(n)("member_management.search.placeholder"),class:"w-[250px]",style:{"text-align":"left"},onKeyup:_e(se,["enter"])},{prefix:i(()=>[r(t(Ce))]),_:1},8,["value","placeholder"])]),_:1}),r(g,{span:4},{default:i(()=>[r(L,{value:$.value,"onUpdate:value":l[2]||(l[2]=e=>$.value=e),class:"w-[100px] text-left"},{suffixIcon:i(()=>[r(t(N))]),default:i(()=>[(s(!0),c(h,null,y(X.value,e=>(s(),k(O,{key:e.value,value:e.value},{default:i(()=>[U(u(e.label),1)]),_:2},1032,["value"]))),128))]),_:1},8,["value"])]),_:1})]),_:1})]),_:1})]),_:1}),a("div",Ae,[r(P,{justify:"center",align:"center"},{default:i(()=>[a("label",Pe,u(t(n)("member_management.add_member")),1),r(_,{value:C.value,"onUpdate:value":l[3]||(l[3]=e=>C.value=e),placeholder:t(n)("member_management.send_invitation_placeholder"),readonly:!t(D)(t(f).WRITE_MY_GROUP),class:me({"text-left":!0,"w-[250px]":t(ke)(),"w-[200px]":t(Ie)()}),onClick:ee},null,8,["value","placeholder","readonly","class"])]),_:1}),r(P,{justify:"center",align:"center"},{default:i(()=>[a("label",Ye,[U(u(t(n)("member_management.role"))+" ",1),r(q,{size:t(F).MIDDLE,class:"ml-1 pb-1",onClick:t(j)},{icon:i(()=>[r(t(K),{class:"text-[#808080] text-xl"})]),_:1},8,["size","onClick"])]),r(L,{value:S.value,"onUpdate:value":l[4]||(l[4]=e=>S.value=e),style:{width:"100%"},class:"w-full"},{suffixIcon:i(()=>[r(t(N))]),default:i(()=>[(s(!0),c(h,null,y(T.value.slice(0,3),e=>(s(),k(O,{key:e.value,value:e.value,disabled:!t(D)(t(f).WRITE_MY_GROUP)||!t(v)(e.value)},{default:i(()=>[U(u(e.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:1},8,["value"])]),_:1}),r(Y,{class:"whitespace-nowrap xl:mx-auto text-white rounded-lg bg-[linear-gradient(96deg,#1B6BBE_6.54%,#1A998C_93.12%)] px-6 py-1",loading:A.value,onClick:te},{default:i(()=>[U(u(t(n)("member_management.send_invitation")),1)]),_:1},8,["loading"])])]),a("div",je,[a("div",{class:"bg-white rounded-xl overflow-auto w-full h-[30rem] min-h-[30rem] px-4 xl:px-20",onScroll:l[5]||(l[5]=(...e)=>o.scrollHandler&&o.scrollHandler(...e))},[b.value?w("",!0):(s(),c("div",ze,[a("table",Be,[a("thead",He,[a("tr",Ve,[a("th",Ze,u(o.$t("member_management.member_status_table.col1")),1),a("th",qe,[U(u(o.$t("member_management.member_status_table.col2"))+" ",1),r(q,{size:t(F).MIDDLE,class:"absolute left-[55%] top-1.5 translate-x-1/2",onClick:t(j)},{icon:i(()=>[r(t(K),{class:"text-[#808080] text-xl"})]),_:1},8,["size","onClick"])]),a("th",Fe,u(o.$t("member_management.member_status_table.col3")),1),a("th",Ke,u(o.$t("member_management.member_status_table.col4")),1)])])]),a("table",Qe,[((B=W.value)==null?void 0:B.length)>0?(s(),c("tbody",Je,[(s(!0),c(h,null,y(W.value,e=>(s(),c("tr",{key:e.id,class:"leading-10"},[a("td",Xe,u(e.user.nickname),1),a("td",et,[e.role===t(p).OWNER?(s(),c("span",tt,u(T.value[3].label),1)):(s(),k(L,{key:1,value:e.role,"onUpdate:value":d=>e.role=d,style:{width:"auto","font-size":"1rem","margin-left":"1rem"},bordered:!1,"dropdown-style":{"background-color":"#D9D9D9","font-size":"1rem"},disabled:!t(v)(e.role),onSelect:d=>ne(e)},{suffixIcon:i(()=>[r(t(N),{class:"text-black"})]),default:i(()=>[(s(!0),c(h,null,y(T.value.slice(0,3),d=>(s(),k(O,{key:d.value,value:d.value,disabled:!t(D)(t(f).WRITE_MY_GROUP)||!t(v)(d.value)},{default:i(()=>

1[a("span",at,u(d.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:2},1032,["value","onUpdate:value","disabled","onSelect"]))]),a("td",lt,[a("span",null,u(e.user.email),1)]),a("td",nt,[a("span",ot,u(t(Ee)(e.joinedAt)),1),e.role!==t(p).OWNER&&t(v)(e.role)?(s(),k(Y,{key:0,class:"absolute right-[-30%] xl:right-0 top-1 mx-auto text-white border-none hover:bg-[#E4E4E4]",loading:e.isDeleting,disabled:!t(v)(e.role),onClick:d=>oe(e)},{default:i(()=>l[6]||(l[6]=[a("img",{src:Z,alt:"delete"},null,-1)])),_:2},1032,["loading","disabled","onClick"])):w("",!0)])]))),128))])):w("",!0),((H=M.value)==null?void 0:H.length)>0?(s(),c("tbody",st,[(s(!0),c(h,null,y(M.value,e=>(s(),c("tr",{key:e.id,class:"leading-10 my-2"},[l[9]||(l[9]=a("td",{class:"text-center w-[20%]"},null,-1)),a("td",it,[r(L,{value:e.role,"onUpdate:value":d=>e.role=d,style:{width:"auto","font-size":"1rem"},bordered:!1,"dropdown-style":{"font-size":"1rem"},disabled:!t(v)(e.role),onSelect:d=>le(e)},{suffixIcon:i(()=>[r(t(N),{class:"text-black"})]),default:i(()=>[(s(!0),c(h,null,y(T.value.slice(0,3),d=>(s(),k(O,{key:d.value,value:d.value,disabled:!t(D)(t(f).WRITE_MY_GROUP)||!t(v)(d.value)},{default:i(()=>[a("span",rt,u(d.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:2},1032,["value","onUpdate:value","disabled","onSelect"])]),a("td",ut,[a("span",null,u(e.email),1)]),a("td",ct,[l[8]||(l[8]=a("div",{class:"w-fit absolute left-6"},[a("span",{class:"rounded-lg bg-[#E4E4E4] px-2 py-1"},"pending")],-1)),t(v)(e.role)?(s(),k(Y,{key:0,class:"absolute right-[-30%] xl:right-0 top-1 mx-auto text-white border-none hover:bg-[#E4E4E4]",loading:e.isDeleting,disabled:!t(v)(e.role),onClick:d=>ae(e.id)},{default:i(()=>l[7]||(l[7]=[a("img",{src:Z,alt:"delete"},null,-1)])),_:2},1032,["loading","disabled","onClick"])):w("",!0)])]))),128))])):w("",!0)])])),b.value?w("",!0):(s(),c("div",dt,[((V=M.value)==null?void 0:V.length)>0?(s(),c("ul",_t,[(s(!0),c(h,null,y(M.value,e=>(s(),c("li",{key:e.id,class:"py-3 border-dashed border-b-2 border-[#979797]"},[a("div",mt,[a("span",null,u(e.email),1),a("span",null,u(e.role),1)]),a("div",null,u(e.createdAt),1)]))),128))])):(s(),c("p",pt,u(o.$t("member_management.no_data")),1))])),b.value||J.value?(s(),c("div",ft,[r(ue)])):w("",!0)],32)])])}}},Tt=pe(vt,[["__scopeId","data-v-e69dcca5"]]);export{Tt as default};