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 @@ + + + + + + + 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 }} -
+ + +
{{ $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 {