Skip to content

fix: Improve space description display in profile spaces list - MEED-8569 - Meeds-io/meeds#2849 #1960

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
AzmiTouil merged 1 commit into from
Sep 22, 2025
Merged

fix: Improve space description display in profile spaces list - MEED-8569 - Meeds-io/meeds#2849 #1960

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
85 changes: 85 additions & 0 deletions portlets/src/main/webapp/vue-app/profileStats/components/SpaceRequestItem.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
<!--
This file is part of the Meeds project (https://meeds.io/).

Copyright (C) 2020 - 2025 Meeds Association contact@meeds.io

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
-->
<template>
<v-list-item class="py-0 px-2">
<v-list-item-avatar class="my-1 me-2" size="30">
<v-img :src="avatarUrl" />
</v-list-item-avatar>
<v-list-item-content class="py-0">
<v-list-item-title class="request-user-name darken-2" v-text="displayName" />
<v-list-item-subtitle v-text="description" />
</v-list-item-content>
<v-list-item-action>
<v-btn-toggle
class="transparent"
dark>
<v-btn
:loading="saving"
text
icon
small
min-width="auto"
class="px-0 connexion-accept-btn"
@click="replyInvitation(true)">
<v-icon color="success" size="20">mdi-checkbox-marked-circle</v-icon>
</v-btn>
<v-btn
:loading="saving"
text
icon
small
min-width="auto"
class="px-0 connexion-refuse-btn"
@click="replyInvitation(false)">
<v-icon color="error" size="20">mdi-close-circle</v-icon>
</v-btn>
</v-btn-toggle>
</v-list-item-action>
</v-list-item>
</template>

<script>
export default {
props: {
space: {
type: Object,
default: () => null,
},
saving: {
type: Boolean,
default: () => false,
},
},
computed: {
avatarUrl() {
return this.space?.avatarUrl;
},
displayName() {
return this.space?.displayName;
},
description() {
return this.$utils.htmlToText(this.space?.description);
},
},
methods: {
replyInvitation(accept) {
this.$emit('replyInvitation', this.space, accept);
}
}
};
</script>
53 changes: 9 additions & 44 deletions portlets/src/main/webapp/vue-app/profileStats/components/SpacesRequests.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,47 +50,12 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
</v-flex>
<v-flex
xs12>
<v-list>
<v-list-item
v-for="item in sort(spacesRequests)"
:key="item.id"
class="py-0 px-2">
<v-list-item-avatar class="my-1 me-2" size="30">
<v-img :src="item.avatarUrl" />
</v-list-item-avatar>

<v-list-item-content class="py-0">
<v-list-item-title class="request-user-name darken-2" v-text="item.displayName" />
<v-list-item-subtitle v-sanitized-html="item.description" />
</v-list-item-content>
<v-list-item-action>
<v-btn-toggle
class="transparent"
dark>
<v-btn
:loading="saving"
text
icon
small
min-width="auto"
class="px-0 connexion-accept-btn"
@click="replyInvitationToJoinSpace(item, 'approved')">
<v-icon color="success" size="20">mdi-checkbox-marked-circle</v-icon>
</v-btn>
<v-btn
:loading="saving"
text
icon
small
min-width="auto"
class="px-0 connexion-refuse-btn"
@click="replyInvitationToJoinSpace(item, 'ignored')">
<v-icon color="error" size="20">mdi-close-circle</v-icon>
</v-btn>
</v-btn-toggle>
</v-list-item-action>
</v-list-item>
</v-list>
<space-request-item
v-for="space in sort(spacesRequests)"
:key="space.id"
:space="space"
:saving="saving"
@replyInvitation="replyInvitationToJoinSpace" />
</v-flex>
<v-flex
d-flex
Expand Down Expand Up @@ -145,17 +110,17 @@ export default {
openSpaceRequests() {
window.location.href = `${this.invitationSpaceUrl}`;
},
async replyInvitationToJoinSpace(item, reply) {
async replyInvitationToJoinSpace(item, accept) {
this.saving = true;
try {
if (reply === 'approved') {
if (accept) {
await this.$spaceService.accept(item.id);
this.$emit('invitationReplied', {
id: item.id,
displayName: item.displayName,
avatarUrl: item.avatarUrl,
});
} else if (reply === 'ignored') {
} else {
await this.$spaceService.deny(item.id);
}
this.getSpacesRequests();
Expand Down
2 changes: 2 additions & 0 deletions portlets/src/main/webapp/vue-app/profileStats/initComponents.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,12 +25,14 @@ import PeopleListItem from './components/PeopleListItem.vue';
import SpaceDrawer from './components/SpaceDrawer.vue';
import SpaceDrawerItems from './components/SpaceDrawerItems.vue';
import SuggestionsSpaceListItem from './components/SuggestionsSpaceListItem.vue';
import SpaceRequestItem from './components/SpaceRequestItem.vue';

const components = {
'profile-stats': ProfileStats,
'connections-requests': ConnectionsRequests,
'gamification-rank': GamificationRank,
'spaces-requests': SpacesRequests,
'space-request-item': SpaceRequestItem,
'user-dashbord': UserDashbord,
'connections-drawer': ConnectionsDrawer,
'space-drawer': SpaceDrawer,
Expand Down