From 60d5bbd848942ca68ab8328725e53007465bd6d5 Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <heinrich@synyx.de>
Date: Mon, 7 Aug 2023 17:50:12 +0200
Subject: [PATCH] calendar-ui: Show group in attendee list

---
 .../Editor/AvatarParticipationStatus.vue      | 19 ++++++++++++++++---
 .../Editor/Invitees/InviteesListItem.vue      | 15 +++++++++++++--
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/components/Editor/AvatarParticipationStatus.vue b/src/components/Editor/AvatarParticipationStatus.vue
index d335437321..e72bd0afdc 100644
--- a/src/components/Editor/AvatarParticipationStatus.vue
+++ b/src/components/Editor/AvatarParticipationStatus.vue
@@ -22,9 +22,16 @@
 
 <template>
 	<div class="avatar-participation-status">
-		<Avatar :disable-tooltip="true"
+		<Avatar v-if="isGroup === true">
+			<template #icon>
+				<AccountMultiple :size="32" />
+			</template>
+		</Avatar>
+		<Avatar v-if="isGroup !== true"
+			:disable-tooltip="true"
 			:user="avatarLink"
 			:is-no-user="isResource" />
+
 		<template v-if="participationStatus === 'ACCEPTED' && isViewedByOrganizer">
 			<IconCheck class="avatar-participation-status__indicator"
 				fill-color="#32CD32"
@@ -125,6 +132,7 @@
 
 <script>
 import Avatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
+import AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'
 import IconCheck from 'vue-material-design-icons/CheckCircle.vue'
 import IconNoResponse from 'vue-material-design-icons/HelpCircle.vue'
 import IconClose from 'vue-material-design-icons/CloseCircle.vue'
@@ -133,8 +141,9 @@ import IconDelegated from 'vue-material-design-icons/ArrowRightDropCircle.vue'
 export default {
 	name: 'AvatarParticipationStatus',
 	components: {
-		Avatar,
-		IconCheck,
+	  Avatar,
+	  AccountMultiple,
+	  IconCheck,
 	  IconNoResponse,
 	  IconClose,
 	  IconDelegated,
@@ -161,6 +170,10 @@ export default {
 			type: Boolean,
 			required: true,
 		},
+		isGroup: {
+			type: Boolean,
+			required: false,
+		},
 		isSuggestion: {
 			type: Boolean,
 			default: false,
diff --git a/src/components/Editor/Invitees/InviteesListItem.vue b/src/components/Editor/Invitees/InviteesListItem.vue
index ed28ab5ea7..e927dc0f93 100644
--- a/src/components/Editor/Invitees/InviteesListItem.vue
+++ b/src/components/Editor/Invitees/InviteesListItem.vue
@@ -29,7 +29,8 @@
 			:avatar-link="avatarLink"
 			:participation-status="attendee.participationStatus"
 			:organizer-display-name="organizerDisplayName"
-			:common-name="commonName" />
+			:common-name="commonName"
+			:is-group="true" />
 		<div class="invitees-list-item__displayname">
 			{{ commonName }}
 		</div>
@@ -65,7 +66,7 @@
 					<template #icon>
 						<Delete :size="20" decorative />
 					</template>
-					{{ $t('calendar', 'Remove attendee') }}
+					{{ removeAttendeeText }}
 				</ActionButton>
 			</Actions>
 		</div>
@@ -114,6 +115,16 @@ export default {
 			// return this.$store.getters.getAvatarForContact(this.uri) || this.commonName
 			return this.commonName
 		},
+		/**
+		 * @return {string}
+		 */
+		removeAttendeeText() {
+			if (this.isGroup) {
+				return this.$t('calendar', 'Remove circle');
+			} else {
+				return this.$t('calendar', 'Remove attendee');
+			}
+		},
 		/**
 		 * Common name of the organizer or the uri without the 'mailto:' prefix.
 		 *