2 lines
4.9 KiB
JavaScript
Vendored
2 lines
4.9 KiB
JavaScript
Vendored
import{P as I,e as x,r as a,f as l,g as o,i as e,w as c,l as d,M as h,F as g,o as u,C as b,B as F,j as V,t as v}from"./vendor.7e4e5e39.js";import{U as B,L as C,t as R}from"./Layout.8435b6f7.js";import{p as U}from"./pickBy.de940eff.js";import{S as N,m as M}from"./SearchFilter.27b03258.js";import{M as P}from"./MetaHead.6f35dab5.js";import{T as z}from"./Toggle.8cee9512.js";import{U as D}from"./UserBanner.7425f1ce.js";import{I as q}from"./InfinityScroll.fabf526e.js";import{_ as E}from"./plugin-vue_export-helper.21dcd24c.js";import"./_baseForOwn.4af3a679.js";import"./dom.esm.2d7131b5.js";import"./use-resolve-button-type.esm.e228f45b.js";const T={components:{MetaHead:P,UserAvatar:B,UserBanner:D,Toggle:z,InfinityScroll:q,SearchFilter:N},layout:C,props:{nextCursor:String,users:Array,filters:Object,per_page:Number},setup(){return{lastNodeLement:I(null)}},data(){return{userLists:[],form:{search:this.filters.search,sex:this.filters.sex}}},computed:{lastElementID(){var t;return(t=this.userLists[this.userLists.length-1])==null?void 0:t.id}},watch:{users(){this.updateRequest()},form:{deep:!0,handler:R(function(){x.Inertia.get(this.route("users.index"),U(this.form),{preserveState:!0})},500)}},mounted(){this.updateRequest()},methods:{putFromPagination(t){for(let r of t)this.userLists.push(r)},susbscribe(t){x.Inertia.post(route("users.subs",t),{},{preserveScroll:!0,preserveState:!0})},updateRequest(){this.userLists=this.users},reset(){this.form=M(this.form,()=>null)}}},A={class:"mt-16 container mx-auto px-2 md:px-6 2xl:px-28 buttons-filter-line"},H={class:"mb-5"},O=e("label",{class:"text-xs md:text-base block text-gray mb-2"},"\u041F\u043E\u043B:",-1),G={class:"flex space-x-6"},J={class:"flex items-center"},K=e("label",{for:"user-sex-1",class:"cursor-pointer select-none ml-3 text-gray text-xs md:text-base"},"\u0416\u0435\u043D\u0441\u043A\u0438\u0439",-1),Q={class:"flex items-center"},W=e("label",{for:"user-sex-2",class:"cursor-pointer select-none ml-3 text-gray text-xs md:text-base"},"\u041C\u0443\u0436\u0441\u043A\u043E\u0439",-1),X={class:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 cards-block rounded-md bg-indigo-200 shadow-classic grid gap-2 lg:gap-4 grid-cards p-2 lg:p-5"},Y={key:0,class:"absolute inset-x-0 top-4 z-10 flex justify-center"},Z={class:"absolute inset-x-0 bottom-4 z-10 flex justify-center"},$={class:"flex flex-col items-center"},ee={class:""},se={class:"text-xs"},te={class:"gradient-profile relative overflow-hidden"},re=e("p",{class:"text-center md:text-2xl text-gray-light"}," \u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0438 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u044B ",-1),oe=[re];function ne(t,r,m,f,n,i){const y=a("meta-head"),j=a("search-filter"),w=a("toggle"),k=a("user-avatar"),p=a("inertia-link"),L=a("user-banner"),S=a("InfinityScroll");return u(),l(g,null,[o(y,{title:"\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0438"}),e("div",A,[e("div",H,[o(j,{modelValue:n.form.search,"onUpdate:modelValue":r[2]||(r[2]=s=>n.form.search=s),class:"w-full max-w-3xl mr-4",onReset:i.reset},{default:c(()=>[O,e("div",G,[e("div",J,[d(e("input",{id:"user-sex-1","onUpdate:modelValue":r[0]||(r[0]=s=>n.form.sex=s),value:"1",type:"radio",class:"h-5 w-5 text-orange border-gray-light focus:ring-transparent focus:ring-offset-transparent cursor-pointer"},null,512),[[b,n.form.sex]]),K]),e("div",Q,[d(e("input",{id:"user-sex-2","onUpdate:modelValue":r[1]||(r[1]=s=>n.form.sex=s),value:"2",type:"radio",class:"h-5 w-5 text-orange border-gray-light focus:ring-transparent focus:ring-offset-transparent cursor-pointer"},null,512),[[b,n.form.sex]]),W])])]),_:1},8,["modelValue","onReset"])]),d(e("div",X,[o(S,{"node-element":f.lastNodeLement,"next-cursor":m.nextCursor,onFromPagination:i.putFromPagination},{default:c(()=>[(u(!0),l(g,null,F(n.userLists,s=>(u(),l("div",{key:s.id,ref_for:!0,ref:_=>{_&&s.id===i.lastElementID&&(f.lastNodeLement=_)},class:"user-card relative"},[s.private?V("",!0):(u(),l("div",Y,[o(w,{user_id:s.id,enabled:s.is_sub,textin:"\u041F\u043E\u0434\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F",textout:"\u041E\u0442\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F",onClicked:i.susbscribe},null,8,["user_id","enabled","onClicked"])])),e("div",Z,[e("div",$,[o(p,{href:t.route("profile.user",s.username),class:"block flex-shrink-0"},{default:c(()=>[o(k,{user:s,size:"small",class:"border border-white shadow-classic h-20 w-20 text-lg"},null,8,["user"])]),_:2},1032,["href"]),o(p,{href:t.route("profile.user",s.username),class:"mt-2 block text-white text-sm text-center"},{default:c(()=>[e("p",ee,v(s.name),1),e("p",se,v(s.username),1)]),_:2},1032,["href"])])]),e("div",te,[o(L,{class:"h-72 bg-indigo-300",user:s,size:"banner"},null,8,["user"])])]))),128))]),_:1},8,["node-element","next-cursor","onFromPagination"])],512),[[h,m.users.length]]),d(e("div",null,oe,512),[[h,m.users.length==0]])])],64)}var ge=E(T,[["render",ne]]);export{ge as default};
|