https://distant-nik.psychologos.ru/Groups.page.fxz6jmwe.js

1import{f1 as x,cs as a,cp as e,a1 as C,Z as F,ak as L,dm as y,bF as S,c8 as k,fv as I,cF as p,eY as T,dJ as w,er as z,eQ as M,g as N,L as P,az as W,i as h,U as _,T as j,a8 as R,N as U,b as A,d_ as $}from"./index.hjxr7fye.js";import{u as Q,C as D}from"./CreateGroupModal.f0s7a2xv.js";import{u as E,e as H,c as J,d as v}from"./queryFilters.gxn6c2f7.js";import{u as V}from"./groups.mk7hjnxk.js";import{u as Y}from"./groupsAbility.k0s36n4r.js";import"./UserSelectField.widget.k3onnx2h.js";import"./getUsers.query.bft7ih2h.js";import"./location.hi7rq8h7.js";import"./getGroups.query.hdc7drw3.js";const Z=({className:r,group:t})=>{const s=x(),i=q(s);return a("div",{css:[i.GroupCard,r],children:[a("div",{css:i.header,children:[e(C,{tag:"div",css:i.name,children:t.title}),e("div",{css:i.actions,children:e(F,{I:"edit",a:S("group",t),children:e(L,{routeLink:y.groupEdit.url({groupSlug:t.slug}),className:i.actionBtn,flat:!0,children:e("img",{src:"/images/edit2.svg",alt:"Редактировать"})})})})]}),a("div",{css:i.owner,children:[e("b",{children:"Руководитель: "}),k(t.owner)]}),e("div",{css:i.main,children:e("div",{css:i.items,children:t.group_schedules.map(({end_at:n,start_at:o,day_of_week:l,id:d})=>a("div",{css:i.item,children:[e("div",{css:i.date,children:l}),a("div",{css:i.time,children:[o," - ",n]})]},d))})})]})},q=r=>({GroupCard:{padding:"20px 30px",background:r.pattern.main,[p]:{padding:15}},header:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",paddingBottom:5},owner:{paddingBottom:20},name:{fontSize:"1.5rem",fontWeight:"bold",...I,[p]:{fontSize:"1.25rem"}},actions:{flexShrink:0,display:"flex",gap:10,marginLeft:15,[p]:{marginLeft:0,marginTop:10}},actionBtn:{paddingLeft:12,paddingRight:12,position:"relative",top:-5,"& img":{filter:r.filter.subcategory},"&:hover, &.active":{"& img":{filter:"invert(1)"}}},main:{paddingTop:15,borderTop:`1px solid ${r.pattern.separator}`},items:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(135px, 1fr))",gap:"16px 35px"},item:{},date:{fontSize:"1.25rem",fontWeight:"bold",marginBottom:5,[p]:{fontSize:"1rem"}},time:{fontSize:"1.125rem",[p]:{fontSize:"0.875rem"}}}),K=()=>E({page:v(1),per_page:v(8),owner_id:J,title:H});function O(){const r=Q(),[t,s]=K(),i=T(w),n={...t,title:z(t.title,300)},{data:o,isFetching:l,pagination:d,listWrapper:c}=V(n,u=>s("page",u)),m=Y();return{createGroupModal:r,filters:t,setFilters:s,currentUserId:i,groups:o,pagination:d,isFetching:l,groupsListRef:c,ability:m}}const de=()=>{const r=x(),t=X(r),s=[{title:"Главная",url:y.home.url()}],{title:i}=M("Группы"),{createGroupModal:n,filters:o,setFilters:l,currentUserId:d,groups:c,isFetching:m,pagination:u,groupsListRef:b,ability:B}=O(),f=o.owner_id===d,G=()=>l("owner_id",f?void 0:d);return e(A,{ability:B,children:e("div",{css:t.GroupsPage,children:a(U,{children:[e(D,{...n}),e(N,{list:s}),e(P,{align:"left",className:t.heading,children:e("h1",{children:i})}),a("div",{css:t.panel,children:[e(W,{search:!0,variant:"outline",className:t.search,children:e("input",{type:"text",name:"search",value:o.title??"",onChange:g=>l("title",g.target.value),placeholder:"Поиск группы"})}),a(h,{active:f,onClick:G,className:t.demoBtn,variant:"outline",color:"primary",flat:!0,children:["Мои группы ",e("img",{src:"/images/people.svg",alt:""})]}),a(h,{onClick:n.open,className:t.addBtn,color:"secondary",flat:!0,children:["Добавить группу ",e("img",{src:"/images/add.svg",alt:""})]})]}),a("div",{css:t.cards,ref:b,children:[m&&e(_,{padding:"20px",delay:500,children:e(j,{flexAlign:"start",size:30})}),c==null?void 0:c.map(g=>e(Z,{group:g,className:t.card},g.id)),!c.length&&!m&&"Группы еще не созданы. Добавьте группу по кнопке выше."]}),e("div",{css:t.pager,children:e(R,{...u})})]})})})},X=r=>({GroupsPage:{paddingBottom:50},heading:{marginBottom:30},panel:{display:"flex",alignItems:"center",flexWrap:"wrap",marginBottom:40,[p]:{marginBottom:20}},search:{maxWidth:300,margin:"0 10px 10px 0"},demoBtn:{margin:"0 10px 10px 0","& img":{marginLeft:15,display:"block",filter:r.filter.primary},"&:hover, &.active":{"& img":{filter:"invert(1)"}}},addBtn:{margin:"0 10px 10px 0","& img":{marginLeft:15,display:"block",filter:"invert(1)"}},cards:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:"30px",marginBottom:50,position:"relative",[$]:{gridTemplateColumns:"1fr"}},card:{width:"100%"},pager:{display:"flex",justifyContent:"center",padding:"20px 0",borderTop:`1px solid ${r.pattern.separator}`,"&:empty":{display:"none"}}});export{de as default};