From ce22dbd1ea53e311483968139a2c12236956ba32 Mon Sep 17 00:00:00 2001
From: Joao Mario Lago <joao.mario.lago@hotmail.com>
Date: Tue, 23 Jul 2024 14:03:57 -0300
Subject: [PATCH] Frontend: ExtCreationModal: Use correct v-model

* Return to conditionally use correct v-model for permissions depending
  on is_editing, if is editing use formatted_permissions otherwise use
  the new_extension.permission to store correctly
---
 .../kraken/modals/ExtensionCreationModal.vue          | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/core/frontend/src/components/kraken/modals/ExtensionCreationModal.vue b/core/frontend/src/components/kraken/modals/ExtensionCreationModal.vue
index a0bb18334c..f537883cd7 100644
--- a/core/frontend/src/components/kraken/modals/ExtensionCreationModal.vue
+++ b/core/frontend/src/components/kraken/modals/ExtensionCreationModal.vue
@@ -44,6 +44,14 @@
           />
 
           <v-textarea
+            v-if="is_editing"
+            v-model="formatted_permissions"
+            label="Original Settings"
+            :disabled="is_editing"
+            :rules="[validate_permissions]"
+          />
+          <v-textarea
+            v-else
             v-model="new_extension.permissions"
             label="Original Settings"
             :disabled="is_editing"
@@ -98,6 +106,9 @@ export default Vue.extend({
     form(): VForm {
       return this.$refs.form as VForm
     },
+    formatted_permissions() {
+      return JSON.stringify(JSON.parse(this.new_extension?.permissions ?? '{}'), null, 2)
+    },
     is_editing() {
       return this.extension?.editing ?? false
     },