wip

jardakotesovec · Sep 10, 2024 · 7040ec0 · 7040ec0
1 parent b37f75c
commit 7040ec0
Show file tree

Hide file tree

Showing 18 changed files with 502 additions and 596 deletions.
diff --git a/src/composables/useLegacyGridUrl.js b/src/composables/useLegacyGridUrl.js
@@ -1,4 +1,5 @@
 import {ref, computed} from 'vue';
+import {useModal} from '@/composables/useModal';
 
 function camelCaseToDashes(str) {
 	return str.replace(/([a-z]+)([A-Z])/g, '$1-$2').toLowerCase();
@@ -34,5 +35,26 @@ export function useLegacyGridUrl({
 		return `${baseUrl}${queryParamsString.value}`;
 	});
 
-	return {url};
+	function openLegacyModal({title, closeOnFormSuccessId}, finishedCallback) {
+		const {openSideModal} = useModal();
+
+		openSideModal(
+			'LegacyAjax',
+			{
+				legacyOptions: {
+					title,
+					url,
+					closeOnFormSuccessId,
+				},
+			},
+			{
+				onClose: async () => {
+					console.log('openLegacyModel OnClose');
+					finishedCallback();
+				},
+			},
+		);
+	}
+
+	return {url, openLegacyModal};
 }
diff --git a/src/managers/FileManager/FileManager.vue b/src/managers/FileManager/FileManager.vue
@@ -26,7 +26,7 @@
 				<TableColumn>Date Uploaded</TableColumn>
 				<TableColumn>Type</TableColumn>
 				<TableColumn v-if="fileManagerStore.itemActions.length">
-					<span class="sr-only">Actions (t)</span>
+					<span class="sr-only">{{ t('common.moreActions') }}</span>
 				</TableColumn>
 			</TableHeader>
 			<TableBody>
@@ -35,7 +35,7 @@
 					:key="file.id"
 					:action-items="fileManagerStore.itemActions"
 					:file="file"
-					@action="fileManagerStore.handleItemAction"
+					@action="fileManagerStore.handleAction"
 				></FileManagerTableRow>
 			</TableBody>
 		</PkpTable>
@@ -63,6 +63,7 @@ import TableHeader from '@/components/TableNext/TableHeader.vue';
 import TableBody from '@/components/TableNext/TableBody.vue';
 import TableColumn from '@/components/TableNext/TableColumn.vue';
 import FileManagerTableRow from './FileManagerTableRow.vue';
+import {t} from '@/utils/i18n.js';
 
 const props = defineProps({
 	configName: {

diff --git a/src/managers/FileManager/fileManagerStore.js b/src/managers/FileManager/fileManagerStore.js
@@ -65,30 +65,11 @@ export const useFileManagerStore = defineComponentStore(
 			}),
 		);
 
-		function handleItemAction(actionName, {file}) {
-			_actionFns.handleItemAction(
-				actionName,
-				{
-					file,
-					submissionStageId: props.submissionStageId,
-					reviewRoundId: props.reviewRoundId,
-					submission: props.submission,
-				},
-				() => {
-					triggerDataChange();
-					// delete actions creates legacy notifications
-					// calling explicitely to check for it
-					if (actionName === Actions.DELETE) {
-						$('body').trigger('notifyUser');
-					}
-				},
-			);
-		}
-
-		function handleAction(actionName) {
+		function handleAction(actionName, _args) {
 			_actionFns.handleAction(
 				actionName,
 				{
+					..._args,
 					submissionStageId: props.submissionStageId,
 					reviewRoundId: props.reviewRoundId,
 					submission: props.submission,
@@ -99,6 +80,12 @@ export const useFileManagerStore = defineComponentStore(
 				},
 				() => {
 					triggerDataChange();
+
+					// delete actions creates legacy notifications
+					// calling explicitely to check for it
+					if (actionName === Actions.DELETE) {
+						$('body').trigger('notifyUser');
+					}
 				},
 			);
 		}
@@ -111,7 +98,6 @@ export const useFileManagerStore = defineComponentStore(
 			topActions,
 			bottomActions,
 			itemActions,
-			handleItemAction,
 			handleAction,
 			/** exposed for extensibility purposes */
 			_actionFns,