Add user InvitationDialog

dashboard/src/views/UsersView.vue

@@ -11,6 +11,7 @@ import Section from '../components/Section.vue';
 import UserDialog from '../components/UserDialog.vue';
 import GroupDialog from '../components/GroupDialog.vue';
 import ImpersonateDialog from '../components/ImpersonateDialog.vue';
+import InvitationDialog from '../components/InvitationDialog.vue';
 import PasswordResetDialog from '../components/PasswordResetDialog.vue';
 import UsersModel from '../models/UsersModel.js';
 import GroupsModel from '../models/GroupsModel.js';
@@ -146,8 +147,9 @@ function onEditOrAddUser(user = null) {
   userDialog.value.open(user);
 }
 
+const invitationDialog = useTemplateRef('invitationDialog');
 function onInvitation(user) {
-  // TODO
+  invitationDialog.value.open(user);
 }
 
 function onEditOrAddGroup(group = null) {
@@ -218,6 +220,7 @@ onMounted(async () => {
     <GroupDialog ref="groupDialog" @success="refreshGroups()"/>
     <ImpersonateDialog ref="impersonateDialog" />
     <PasswordResetDialog ref="passwordResetDialog" />
+    <InvitationDialog ref="invitationDialog" />
 
     <Section :title="$t('main.navbar.users')">
       <template #header-buttons>