tommy/mobilizon
1
0
Fork 0
forked from potsda.mn/mobilizon
Code Pull requests Activity

feat(front): make profile members link to profile on group admin view and the reverse

Browse source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2023-05-24 15:29:26 +02:00
parent 60185e80e3
commit 96129d2339
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
2 changed files with 76 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
js/src/views/Admin/AdminGroupProfile.vue
View file

@ -114,26 +114,52 @@
> >
<article class="flex gap-1"> <article class="flex gap-1">
<div class="flex-none"> <div class="flex-none">
<figure v-if="props.row.actor.avatar"> <router-link
<img class="no-underline"
class="rounded" :to="{
:src="props.row.actor.avatar.url" name: RouteName.ADMIN_PROFILE,
alt="" params: { id: props.row.actor.id },
width="48" }"
height="48" >
/> <figure v-if="props.row.actor.avatar">
</figure> <img
<AccountCircle :size="48" v-else /> class="rounded"
:src="props.row.actor.avatar.url"
alt=""
width="48"
height="48"
/>
</figure>
<AccountCircle :size="48" v-else />
</router-link>
</div> </div>
<div> <div>
<div class="prose dark:prose-invert"> <div class="prose dark:prose-invert">
<span v-if="props.row.actor.name">{{ <router-link
props.row.actor.name class="no-underline"
}}</span :to="{
><span v-else>@{{ usernameWithDomain(props.row.actor) }}</span name: RouteName.ADMIN_PROFILE,
params: { id: props.row.actor.id },
}"
v-if="props.row.actor.name"
>{{ props.row.actor.name }}</router-link
><router-link
class="no-underline"
:to="{
name: RouteName.ADMIN_PROFILE,
params: { id: props.row.actor.id },
}"
v-else
>@{{ usernameWithDomain(props.row.actor) }}</router-link
><br /> ><br />
<span v-if="props.row.actor.name" <router-link
>@{{ usernameWithDomain(props.row.actor) }}</span class="no-underline"
:to="{
name: RouteName.ADMIN_PROFILE,
params: { id: props.row.actor.id },
}"
v-if="props.row.actor.name"
>@{{ usernameWithDomain(props.row.actor) }}</router-link
> >
</div> </div>
</div> </div>

48
js/src/views/Admin/AdminProfile.vue
View file

@ -199,23 +199,43 @@
v-slot="props" v-slot="props"
> >
<article class="flex gap-2"> <article class="flex gap-2">
<figure class="" v-if="props.row.parent.avatar"> <router-link
<img class="no-underline"
class="rounded-full" :to="{
:src="props.row.parent.avatar.url" name: RouteName.ADMIN_GROUP_PROFILE,
alt="" params: { id: props.row.parent.id },
width="48" }"
height="48" >
/> <figure class="" v-if="props.row.parent.avatar">
</figure> <img
<AccountCircle v-else :size="48" /> class="rounded-full"
:src="props.row.parent.avatar.url"
alt=""
width="48"
height="48"
/>
</figure>
<AccountCircle v-else :size="48" />
</router-link>
<div class=""> <div class="">
<div class="prose dark:prose-invert"> <div class="prose dark:prose-invert">
<span v-if="props.row.parent.name">{{ <router-link
props.row.parent.name class="no-underline"
}}</span :to="{
name: RouteName.ADMIN_GROUP_PROFILE,
params: { id: props.row.parent.id },
}"
v-if="props.row.parent.name"
>{{ props.row.parent.name }}</router-link
><br /> ><br />
<span>@{{ usernameWithDomain(props.row.parent) }}</span> <router-link
class="no-underline"
:to="{
name: RouteName.ADMIN_GROUP_PROFILE,
params: { id: props.row.parent.id },
}"
>@{{ usernameWithDomain(props.row.parent) }}</router-link
>
</div> </div>
</div> </div>
</article> </article>