From 0142cd23287aabebd4ad6d5945b0e01d77dad87b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jarda=20Kot=C4=9B=C5=A1ovec?= <jarda.kotesovec@gmail.com>
Date: Mon, 16 Dec 2024 15:37:37 +0100
Subject: [PATCH] pkp/pkp-lib#10495 Fix opening task links. By using
 openLegacyModal which correctly handles the events

---
 src/components/Container/Page.vue | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/components/Container/Page.vue b/src/components/Container/Page.vue
index 5c9bbb9a6..803ca8658 100644
--- a/src/components/Container/Page.vue
+++ b/src/components/Container/Page.vue
@@ -9,8 +9,10 @@ import JobsPage from '@/pages/jobs/JobsPage.vue';
 import FailedJobsPage from '@/pages/jobs/FailedJobsPage.vue';
 import FailedJobDetailsPage from '@/pages/jobs/FailedJobDetailsPage.vue';
 import CounterReportsPage from '@/pages/counter/CounterReportsPage.vue';
-import UserInvitationPage from "@/pages/userInvitation/UserInvitationPage.vue";
-import AcceptInvitationPage from "@/pages/acceptInvitation/AcceptInvitationPage.vue";
+import UserInvitationPage from '@/pages/userInvitation/UserInvitationPage.vue';
+import AcceptInvitationPage from '@/pages/acceptInvitation/AcceptInvitationPage.vue';
+
+import {useLegacyGridUrl} from '@/composables/useLegacyGridUrl';
 
 export default {
 	name: 'Page',
@@ -174,17 +176,12 @@ export default {
 		 * Open a modal showing the user's tasks
 		 */
 		openTasks() {
-			var opts = {
-				url: this.tasksUrl,
-				closeCallback: this.$refs.tasksButton.focus(),
-			};
-
-			$(
-				'<div id="' +
-					$.pkp.classes.Helper.uuid() +
-					'" ' +
-					'class="pkp_modal pkpModalWrapper" tabindex="-1"></div>',
-			).pkpHandler('$.pkp.controllers.modal.AjaxModalHandler', opts);
+			const {openLegacyModal} = useLegacyGridUrl({
+				component: 'grid.notifications.taskNotificationsGridHandler',
+				op: 'fetchGrid',
+			});
+
+			openLegacyModal({});
 		},
 	},
 };