1import{_ as b,P as y,N as D,o as t,c as s,a as i,G as d,t as u,K as C,F as G,E as I,j as l,k as a,b as c,w as U,d as S,r as n,aZ as $}from"./index-C0o_QV3c.js";const N={name:"CardUi",$_i18nRootPath:"ui.CARD.group",components:{Icon:D,IconText:y},props:{background:{type:String},color:{type:String,default:"black"}},data(){return{usersGroup:null}},computed:{getSumUsers(){return this.usersGroup?this.usersGroup.length-3>0?this.usersGroup.length-3:0:null},getFirstUsers(){return this.usersGroup?this.usersGroup.slice(0,3):null},checkUserInGroup(){return this.usersGroup?this.usersGroup.some(e=>e.uuid===this.getUserInfos.uuid):null},getBg(){return this.background?this.$_getContentImage(this.background,"image-card"):this.heritedData.image?this.$_getContentImage(this.heritedData.image,"image-card"):null}},beforeMount(){this.getCheckedData(this.heritedOptions,["custom","isGroupList"])&&this.get("content/users",{filters:JSON.stringify({groups:{uuid:this.heritedData.uuid}}),fields:JSON.stringify(["firstname","lastname","image","uuid"])}).then(e=>{e.status===200&&(this.usersGroup=e.data.data)})}},B={class:"card-ui"},L={class:"card-ui__content"},w={key:0,class:"group-info__container"},F={key:0,class:"card-ui__content-members"},O={class:"members-wrapper"},T={key:0},V={key:1,class:"group-info__private"},z={key:2,href:"#",class:"btn card-ui__content__btn-member"},P={key:3,href:"#",class:"btn card-ui__content__btn-member"};function j(e,A,h,E,_,r){const m=n("avatar-ui"),g=n("Icon"),p=n("image-ui"),k=n("IconText"),f=n("edit-content-btn-ui"),v=$("responsive");return t(),s("div",B,[i("div",{class:"background",style:d(`background-image: url('${e.$_getContentImage(r.getBg,"image-card")}');'`)},null,4),i("div",{class:"overlay",style:d({backgroundColor:h.color})},null,4),i("div",L,[i("p",null,u(e.heritedData.title),1),e.getCheckedData(e.heritedOptions,["custom","isGroupList"])?C((t(),s("div",w,[_.usersGroup?(t(),s("div",F,[i("div",O,[(t(!0),s(G,null,I(r.getFirstUsers,o=>(t(),l(m,{key:o.uuid,heritedData:{image:e.$_getContentImage(o.image,"small")}},null,8,["heritedData"]))),128))]),r.getSumUsers?(t(),s("p",T,"+ "+u(r.getSumUsers),1)):a("",!0)])):a("",!0),e.heritedData.is_private?(t(),s("div",V,[c(g,{"aria-label":e.$_tr("altIconPrivate"),icon:"private",size:"xl"},null,8,["aria-label"]),c(p,{path:"Lock.svg",staticImage:!0})])):a("",!0),r.checkUserInGroup?(t(),s("a",P,[c(k,{icon:"check",size:"m"},{default:U(()=>[S(u(e.$_tr("member")),1)]),_:1})])):(t(),s("a",z,u(e.$_tr("join")),1))])),[[v,{"change-direction":o=>o.width<=300}]]):a("",!0),e.getCheckedData(e.heritedData,["admin","permission","update"])&&e.isAlive(e.heritedData,"content_type")?(t(),l(f,{key:1,editionLink:`/edit/${e.heritedData.content_type}/${e.heritedData.uuid}`},null,8,["editionLink"])):a("",!0)])])}const R=b(N,[["render",j]]);export{R as C};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.