pkp/pkp-lib#10529 Fix: orderable FieldOptions doesn't show correct order

NateWr · Oct 18, 2024 · 2808a65 · 2808a65
1 parent 5b972e8
commit 2808a65
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/components/Form/fields/FieldOptions.vue b/src/components/Form/fields/FieldOptions.vue
@@ -232,6 +232,20 @@ export default {
 				: newVal;
 		},
 	},
+	mounted() {
+		/**
+		 * Order selected options when isOrderable=true
+		 */
+		if (this.isOrderable && this.selectedValue?.length) {
+			this.localizedOptions = this.localizedOptions.sort((a, b) => {
+				let aIndex = this.selectedValue.findIndex(value => a.value === value);
+				let bIndex = this.selectedValue.findIndex(value => b.value === value);
+				aIndex = aIndex === -1 ? Number.MAX_SAFE_INTEGER : aIndex;
+				bIndex = bIndex === -1 ? Number.MAX_SAFE_INTEGER : bIndex;
+				return aIndex < bIndex ? -1 : 1;
+			})
+		}
+	},
 	methods: {
 		/**
 		 * Move an option up in the list