Add notifications system and support user mentions in comments (#9861)

* v-menu de/activated onKeyDown. No List yet.

* v-list

* add user suggestion

* uuids replaced

* user-popover working

* avatars flex row with usernames in suggestions

* added space to end of uuid insert

* autofocus + move caret to end of last insert

* removed unnecessary setTimeout()

* fixed filter 500 with ids

* better fix

* New translations en-US.yaml (French) (#9907)

* New translations en-US.yaml (French) (#9912)

* New translations en-US.yaml (French) (#9916)

* New translations en-US.yaml (Russian) (#9918)

* New translations en-US.yaml (Swedish) (#9920)

* Email updates (#9921)

* add from name for emails

* updatd email template style

* reset password email copy

* updated logo to newest version

* update invite email copy

* decouple field template logic

* push up styling

* Start on new v-template-input

* Add notifications API endpoints

Squashed commit of the following:

commit 9d86721ef795d03bc55693c0f99bde8e269d60e9
Merge: b4458c19f 34131d06e
Author: rijkvanzanten <rijkvanzanten@me.com>
Date:   Mon Nov 22 09:27:43 2021 -0500

    Merge branch 'mentions' into mentions-api

commit b4458c19f7c54f18fa415fc04c63642c2f5a17b0
Author: rijkvanzanten <rijkvanzanten@me.com>
Date:   Thu Nov 18 18:34:04 2021 -0500

    Remove unused import

commit e6a9d36bbfdf95cb18d29336da61ecb14b677934
Author: rijkvanzanten <rijkvanzanten@me.com>
Date:   Thu Nov 18 18:28:31 2021 -0500

    Extract user mentions from comments

commit b3e571a2daa287e1740a050096913662a57e9861
Merge: c93b833d2 af2a6dd7f
Author: rijkvanzanten <rijkvanzanten@me.com>
Date:   Thu Nov 18 17:39:52 2021 -0500

    Merge branch 'mentions' into mentions-api

commit c93b833d2b848e306c434b370d4e4e11967e85d0
Author: rijkvanzanten <rijkvanzanten@me.com>
Date:   Thu Nov 18 17:35:45 2021 -0500

    Send emails w/ parsed MD

commit 64bbd6596f20a07028d2387d60e33dfe4f91c032
Author: rijkvanzanten <rijkvanzanten@me.com>
Date:   Thu Nov 18 16:18:16 2021 -0500

    Add notifications endpoint + permissions

commit fba55c02dc9c303a38b1b958350684cccd3dd82c
Author: rijkvanzanten <rijkvanzanten@me.com>
Date:   Thu Nov 18 15:33:28 2021 -0500

    Add system data for notifications

* push

* Make v-template-input work

* Add the two-way binding

* submit button posting, not clearing text area

* comment text area clearing on submit

* Replace insertion correctly

* Added scope support to LDAP group and user search (#9529)

* Added scope support LDAP group and user search

* Fixed linter screwing up my markdown

* Update docs/configuration/config-options.md

* Always return correct DN for user with sub scope

* Fix indeterminate meta and schema property in advanded field creation (#9924)

* Fix impossibility to save M2M (alterations not triggered) (#9992)

* Fix alterations refactor

* fix roles aggregate query (#9994)

* Update iis.md (#9998)

added the IIS URL Rewrite module as a requirement

* New translations en-US.yaml (English, United Kingdom) (#10001)

* Fix LDAP race condition (#9993)

* Fix input ui

* Revert changes to v-field-template

* Update mentions permissions

* Fix linter warnings

* Optimize sending flow

* Revert "Rename activity->notifications module (#9446)"

This reverts commit 428e5d4ea9.

* Add notifications drawer

* Update migrations

* Improve constraints

* Add email notifications toggle on users

* Add docs, fix graphql support

* Move caret-pos to devdeps

* Remove unused new triggerKeyPressed system

* Remove unused use-caret composable

Co-authored-by: Nitwel <nitwel@arcor.de>
Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
Co-authored-by: Ben Haynes <ben@rngr.org>
Co-authored-by: Aiden Foxx <aiden.foxx@sbab.se>
Co-authored-by: Oreille <33065839+Oreilles@users.noreply.github.com>
Co-authored-by: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Co-authored-by: Paul Boudewijn <paul@helderinternet.nl>

app/src/modules/activity/index.ts

@@ -0,0 +1,27 @@
+import { defineModule } from '@directus/shared/utils';
+import ActivityCollection from './routes/collection.vue';
+import ActivityItem from './routes/item.vue';
+
+export default defineModule({
+	id: 'activity',
+	hidden: true,
+	name: '$t:activity',
+	icon: 'notifications',
+	routes: [
+		{
+			name: 'activity-collection',
+			path: '',
+			component: ActivityCollection,
+			props: true,
+			children: [
+				{
+					name: 'activity-item',
+					path: ':primaryKey',
+					components: {
+						detail: ActivityItem,
+					},
+				},
+			],
+		},
+	],
+});

app/src/modules/activity/routes/collection.vue

@@ -26,7 +26,7 @@
 			</template>
 
 			<template #navigation>
-				<notifications-navigation v-model:filter="roleFilter" />
+				<activity-navigation v-model:filter="roleFilter" />
 			</template>
 
 			<component :is="`layout-${layout}`" v-bind="layoutState" class="layout">
@@ -61,7 +61,7 @@
 <script lang="ts">
 import { useI18n } from 'vue-i18n';
 import { defineComponent, computed, ref } from 'vue';
-import NotificationsNavigation from '../components/navigation.vue';
+import ActivityNavigation from '../components/navigation.vue';
 import usePreset from '@/composables/use-preset';
 import { useLayout } from '@/composables/use-layout';
 import LayoutSidebarDetail from '@/views/private/components/layout-sidebar-detail';
@@ -71,7 +71,7 @@ import { mergeFilters } from '@directus/shared/utils';
 
 export default defineComponent({
 	name: 'ActivityCollection',
-	components: { NotificationsNavigation, LayoutSidebarDetail, SearchInput },
+	components: { ActivityNavigation, LayoutSidebarDetail, SearchInput },
 	props: {
 		primaryKey: {
 			type: String,

app/src/modules/activity/routes/item.vue

@@ -39,7 +39,7 @@
 				<v-icon name="launch" />
 			</v-button>
 
-			<v-button v-tooltip.bottom="t('done')" to="/notifications" icon rounded>
+			<v-button v-tooltip.bottom="t('done')" to="/activity" icon rounded>
 				<v-icon name="check" />
 			</v-button>
 		</template>
@@ -132,7 +132,7 @@ export default defineComponent({
 		}
 
 		function close() {
-			router.push('/notifications');
+			router.push('/activity');
 		}
 	},
 });

app/src/modules/content/index.ts

@@ -33,9 +33,9 @@ const checkForSystem: NavigationGuard = (to, from) => {
 
 	if (to.params.collection === 'directus_activity') {
 		if (to.params.primaryKey) {
-			return `/notifications/${to.params.primaryKey}`;
+			return `/activity/${to.params.primaryKey}`;
 		} else {
-			return '/notifications';
+			return '/activity';
 		}
 	}
 

app/src/modules/notifications/index.ts

@@ -1,27 +0,0 @@
-import { defineModule } from '@directus/shared/utils';
-import NotificationsCollection from './routes/collection.vue';
-import NotificationsItem from './routes/item.vue';
-
-export default defineModule({
-	id: 'notifications',
-	hidden: true,
-	name: '$t:notifications',
-	icon: 'notifications',
-	routes: [
-		{
-			name: 'notifications-collection',
-			path: '',
-			component: NotificationsCollection,
-			props: true,
-			children: [
-				{
-					name: 'notifications-item',
-					path: ':primaryKey',
-					components: {
-						detail: NotificationsItem,
-					},
-				},
-			],
-		},
-	],
-});