diff --git a/src/components/Editor/Invitees/AttendeeDetails.vue b/src/components/Editor/Invitees/AttendeeDetails.vue
new file mode 100644
index 0000000000..8d6b38c1bf
--- /dev/null
+++ b/src/components/Editor/Invitees/AttendeeDetails.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+ {{ displayName }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Editor/Invitees/InviteesListItem.vue b/src/components/Editor/Invitees/InviteesListItem.vue
index 38a730f695..b908fa4442 100644
--- a/src/components/Editor/Invitees/InviteesListItem.vue
+++ b/src/components/Editor/Invitees/InviteesListItem.vue
@@ -16,16 +16,21 @@
:common-name="commonName"
:timezone="timezone"
:is-group="isGroup" />
-
- {{ commonName }}
-
- ({{ $n('calendar', '%n member', '%n members', members.length) }})
-
-
+
+
+
+ {{ commonName }}
+
+ ({{ $n('calendar', '%n member', '%n members', members.length) }})
+
+
+
+
-
- {{ commonName }}
-
+
+
+
{{ $t('calendar', '(organizer)') }}
@@ -54,11 +56,13 @@ import NcActionButton from '@nextcloud/vue/components/NcActionButton'
import NcActions from '@nextcloud/vue/components/NcActions'
import Crown from 'vue-material-design-icons/CrownOutline.vue'
import AvatarParticipationStatus from '../AvatarParticipationStatus.vue'
+import AttendeeDetails from './AttendeeDetails.vue'
import { removeMailtoPrefix } from '../../../utils/attendee.js'
export default {
name: 'OrganizerListItem',
components: {
+ AttendeeDetails,
AvatarParticipationStatus,
Crown,
NcActions,
@@ -117,6 +121,15 @@ export default {
return ''
},
+ /**
+ * Email address without the 'mailto:' prefix
+ *
+ * @return {string}
+ */
+ organizerEmail() {
+ return this.organizer.uri ? removeMailtoPrefix(this.organizer.uri) : ''
+ },
+
isResource() {
// The organizer does not have a tooltip
return false
@@ -139,13 +152,6 @@ export default {