feat: Update displayed value when edit option translation before save…

… changes - MEED-8055 - Meeds-io/MIPs#171 (#4330) Update displayed value when edit option translation before save changes
Meeds-io · Jan 20, 2025 · eb927d5 · eb927d5
1 parent fb53bfe
commit eb927d5
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/.../main/webapp/vue-apps/profile-settings/components/drawers/DropdownListOptionItemValue.vue b/.../main/webapp/vue-apps/profile-settings/components/drawers/DropdownListOptionItemValue.vue
@@ -61,7 +61,8 @@ export default {
       userLocale: eXo.env.portal.language,
       objectType: 'propertySettingOption',
       fieldName: 'optionValue',
-      defaultLangValue: null
+      defaultLangValue: null,
+      optionObject: null
     };
   },
   props: {
@@ -72,14 +73,23 @@ export default {
   },
   computed: {
     displayedValue() {
-      return this.option?.translations?.[this.userLocale] || this.defaultLangValue
-                                                          || this.option.value;
+      return this.optionObject?.translations?.[this.userLocale] || this.defaultLangValue
+                                                                || this.optionObject.value;
     }
   },
   created() {
     this.getSavedTranslations();
+    this.cloneOptionObject();
+  },
+  watch: {
+    option() {
+      this.cloneOptionObject();
+    }
   },
   methods: {
+    cloneOptionObject() {
+      this.optionObject = structuredClone(this.option);
+    },
     getSavedTranslations() {
       if (this.option?.id) {
         this.$translationService.getTranslations(this.objectType, this.option.id, this.fieldName).then(translations => {
@@ -88,6 +98,7 @@ export default {
       }
     },
     translationUpdated(translations) {
+      this.optionObject = {...this.optionObject, translations};
       this.$emit('translation-updated', this.option, translations);
     },
     updateFieldValue(value) {