[AC-1139] Add ability to have titlecase titles on nested-checkbox.component checkboxes; use on member-dialog.component

apps/web/src/app/admin-console/organizations/members/components/member-dialog/member-dialog.component.html

@@ -268,7 +268,7 @@
                       formControlName="accessEventLogs"
                     />
                     <label class="!tw-font-normal" for="accessEventLogs">
-                      {{ "accessEventLogs" | i18n }}
+                      {{ "accessEventLogs" | i18n | titlecase }}
                     </label>
                   </div>
                   <div>
@@ -279,7 +279,7 @@
                       formControlName="accessImportExport"
                     />
                     <label class="!tw-font-normal" for="accessImportExport">
-                      {{ "accessImportExport" | i18n }}
+                      {{ "accessImportExport" | i18n | titlecase }}
                     </label>
                   </div>
                   <div>
@@ -290,13 +290,14 @@
                       formControlName="accessReports"
                     />
                     <label class="!tw-font-normal" for="accessReports">
-                      {{ "accessReports" | i18n }}
+                      {{ "accessReports" | i18n | titlecase }}
                     </label>
                   </div>
                 </div>
                 <div class="col-4">
                   <app-nested-checkbox
                     parentId="manageAllCollections"
+                    [titlecaseTitles]="true"
                     [checkboxes]="permissionsGroup.controls.manageAllCollectionsGroup"
                   >
                   </app-nested-checkbox>
@@ -311,7 +312,7 @@
                         formControlName="manageGroups"
                       />
                       <label class="!tw-font-normal" for="manageGroups">
-                        {{ "manageGroups" | i18n }}
+                        {{ "manageGroups" | i18n | titlecase }}
                       </label>
                     </div>
                     <div>
@@ -322,7 +323,7 @@
                         formControlName="manageSso"
                       />
                       <label class="!tw-font-normal" for="manageSso">
-                        {{ "manageSso" | i18n }}
+                        {{ "manageSso" | i18n | titlecase }}
                       </label>
                     </div>
                     <div>
@@ -333,7 +334,7 @@
                         formControlName="managePolicies"
                       />
                       <label class="!tw-font-normal" for="managePolicies">
-                        {{ "managePolicies" | i18n }}
+                        {{ "managePolicies" | i18n | titlecase }}
                       </label>
                     </div>
                     <div>
@@ -345,7 +346,7 @@
                         (change)="handleDependentPermissions()"
                       />
                       <label class="!tw-font-normal" for="manageUsers">
-                        {{ "manageUsers" | i18n }}
+                        {{ "manageUsers" | i18n | titlecase }}
                       </label>
                     </div>
                     <div>
@@ -357,7 +358,7 @@
                         (change)="handleDependentPermissions()"
                       />
                       <label class="!tw-font-normal" for="manageResetPassword">
-                        {{ "manageAccountRecovery" | i18n }}
+                        {{ "manageAccountRecovery" | i18n | titlecase }}
                       </label>
                     </div>
                   </div>

apps/web/src/app/admin-console/organizations/members/components/member-dialog/nested-checkbox.component.html

@@ -7,7 +7,7 @@
     [indeterminate]="parentIndeterminate"
   />
   <label class="!tw-font-normal" [for]="parentId">
-    {{ parentId | i18n }}
+    {{ titlecaseTitles ? (parentId | i18n | titlecase) : (parentId | i18n) }}
   </label>
   <div class="tw-ml-6">
     <ng-container *ngFor="let c of checkboxes.controls | keyvalue; trackBy: key">
@@ -21,7 +21,7 @@
           (change)="onChildCheck()"
         />
         <label class="!tw-font-normal" [for]="c.key">
-          {{ c.key | i18n }}
+          {{ titlecaseTitles ? (c.key | i18n | titlecase) : (c.key | i18n) }}
         </label>
       </div>
     </ng-container>

apps/web/src/app/admin-console/organizations/members/components/member-dialog/nested-checkbox.component.ts

@@ -13,6 +13,7 @@ export class NestedCheckboxComponent implements OnInit, OnDestroy {
   private destroy$ = new Subject<void>();
 
   @Input() parentId: string;
+  @Input() titlecaseTitles = false;
   @Input() checkboxes: FormGroup<Record<string, FormControl<boolean>>>;
   @Output() onSavedUser = new EventEmitter();
   @Output() onDeletedUser = new EventEmitter();