From: Afreen Misbah <afreen@ibm.com>
Date: Fri, 10 Jul 2026 06:09:59 +0000 (+0530)
Subject: Merge pull request #69692 from rhcs-dashboard/feature/new-create-role-design
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=cf6c7412f25ad5c320ac785b6eba82147afb1a6d;p=ceph.git

Merge pull request #69692 from rhcs-dashboard/feature/new-create-role-design

mgr/dashboard: Align RGW Account Role forms with updated UX design

Reviewed-by: Afreen Misbah <afreen@ibm.com>
---

cf6c7412f25ad5c320ac785b6eba82147afb1a6d
diff --cc src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-accounts-form/rgw-user-accounts-form.component.html
index f0687548848,9a29716ad9e..581a4ad3bf6
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-accounts-form/rgw-user-accounts-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-accounts-form/rgw-user-accounts-form.component.html
@@@ -7,25 -7,25 +7,28 @@@
            novalidate>
  
        <div i18n="form title"
-            class="form-header">{{ action | titlecase }} {{ resource | upperFirst }}
+            class="form-header cds--type-heading-04 cds-mb-5">{{ action | titlecase }} {{ resource | lowercase }}
        </div>
  
+       <h4 class="cds--type-heading-03 cds-mb-4" i18n>Account details</h4>
+ 
        <!-- Account Name -->
        <div class="form-item">
-         <cds-text-label label="Account Name"
+         <cds-text-label label="Account name"
                          for="acc_name"
-                         cdRequiredField="Account Name"
                          [invalid]="!accountForm.controls.name.valid && accountForm.controls.name.dirty"
                          [invalidText]="accountIdError"
-                         i18n>Account Name
+                         helperText="Name must start and end in alphanumeric characters (3 to 63). Characters allowed: lowercase, numbers and nonconsecutive dots and hyphens."
+                         i18n-helperText
+                         i18n>Account name
            <input cdsText
                   type="text"
-                  placeholder="Enter account name"
+                  placeholder="for example, team-storage-01"
                   id="acc_name"
                   name="acc_name"
 +                 cdValidate
 +                 #accName="cdValidate"
 +                 [invalid]="accName.isInvalid"
                   formControlName="name"/>
          </cds-text-label>
          <ng-template #accountIdError>
diff --cc src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-accounts-form/rgw-user-accounts-form.component.ts
index da78beb5d69,d90ab47aeda..7f08a6fa95a
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-accounts-form/rgw-user-accounts-form.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-accounts-form/rgw-user-accounts-form.component.ts
@@@ -25,8 -25,8 +25,9 @@@ export class RgwUserAccountsFormCompone
    action: string;
    resource: string;
    editing: boolean = false;
+   showAdvanced: boolean = false;
    submitObservables: Observable<Object>[] = [];
 +  originalAccountName: string = '';
  
    constructor(
      private router: Router,