save settings with password confirmation

src/components/settings/AdminSaveButton.vue

@@ -13,13 +13,14 @@
     <div
       v-if="error"
       id="error"
-    ></div>
+    >{{ error }}</div>
   </div>
 </template>
 
 <script setup>
 import { NcButton, NcLoadingIcon } from '@nextcloud/vue'
 import { ref } from 'vue'
+import { waitPasswordConfirmation } from '../../lib/setting.js'
 
 const loading = ref(false)
 const error = ref(null)
@@ -62,6 +63,8 @@ const save = async () => {
     }
   }
 
+  waitPasswordConfirmation()
+    .then(() => {
       for (let key in data) {
         let value = data[key]
 
@@ -81,6 +84,12 @@ const save = async () => {
           },
         })
       }
+    })
+    .catch(() => {
+      counter = 0
+      loading.value = false
+      error.value = null
+    })
 }
 </script>
 

src/lib/setting.js

@@ -0,0 +1,26 @@
+const waitPasswordConfirmation = async () => {
+  let tries = 0
+
+  return new Promise((resolve, reject) => {
+    const execute = () => {
+      if (!OC.PasswordConfirmation.requiresPasswordConfirmation()) {
+        resolve()
+        return
+      }
+
+      OC.PasswordConfirmation.requirePasswordConfirmation(() => {})
+
+      if (++tries !== 10) {
+        setTimeout(() => {
+          execute()
+        }, 2000)
+      } else {
+        reject()
+      }
+    }
+
+    execute()
+  })
+}
+
+export { waitPasswordConfirmation }