Disable edit default quota button when not editable

Signed-off-by: Henning Poettker <[email protected]>
goharbor · Aug 5, 2024 · d7d39b8 · d7d39b8
1 parent 5deedf4
commit d7d39b8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/...al/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.html b/...al/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.html
@@ -25,6 +25,7 @@
                         <button
                             id="open-edit"
                             class="btn btn-link btn-sm default-quota-edit-button"
+                            [disabled]="!allConfig.storage_per_project.editable"
                             (click)="editDefaultQuota(quotaHardLimitValue)">
                             {{ 'QUOTA.EDIT' | translate }}
                         </button>

diff --git a/...src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.spec.ts b/...src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.spec.ts
@@ -111,13 +111,22 @@ describe('ProjectQuotasComponent', () => {
         await fixture.whenStable();
         const openEditButton: HTMLButtonElement =
             fixture.nativeElement.querySelector('#open-edit');
+        expect(openEditButton.disabled).toBeFalse();
         openEditButton.dispatchEvent(new Event('click'));
         fixture.detectChanges();
         await fixture.whenStable();
         const modal: HTMLElement =
             fixture.nativeElement.querySelector('clr-modal');
         expect(modal).toBeTruthy();
     });
+    it('edit quota should be disabled when storage per project not editable', async () => {
+        component.config.storage_per_project.editable = false;
+        fixture.detectChanges();
+        await fixture.whenStable();
+        const openEditButton: HTMLButtonElement =
+            fixture.nativeElement.querySelector('#open-edit');
+        expect(openEditButton.disabled).toBeTrue();
+    });
     it('should call navigate function', async () => {
         // wait getting list and rendering
         await timeout(10);