disable bulk edit permissions dialog buttons on submit

diff --git a/src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.html b/src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.html
index e452c8144f8bca6eec77878332611f18156c3643..7c53b16cad6606b23bbef59b9c8464b25a1276e8 100644 (file)
--- a/src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.html
+++ b/src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.html
@@ -13,6 +13,6 @@
 
   </div>
   <div class="modal-footer">
-    <button type="button" class="btn btn-outline-primary" (click)="cancelClicked()" i18n>Cancel</button>
-    <button type="button" class="btn btn-primary" (click)="confirmClicked.emit(permissions)" i18n>Confirm</button>
+    <button type="button" class="btn btn-outline-primary" (click)="cancelClicked()" [disabled]="!buttonsEnabled" i18n>Cancel</button>
+    <button type="button" class="btn btn-primary" (click)="confirmClicked.emit(permissions)" [disabled]="!buttonsEnabled" i18n>Confirm</button>
   </div>

diff --git a/src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.ts b/src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.ts
index 0bac3120d69173ff1a156e34604f2c4140d48e87..5ddb8e10af0c23d5d787b9da3f5aa66c206a7373 100644 (file)
--- a/src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.ts
+++ b/src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.ts
@@ -29,6 +29,8 @@ export class PermissionsDialogComponent {
     permissions_form: new FormControl(),
   })
 
+  buttonsEnabled: boolean = true
+
   get permissions() {
     return {
       owner: this.form.get('permissions_form').value?.owner ?? null,