From 5f5539d5c69deb0dc5e4033f2dd7b349bb864078 Mon Sep 17 00:00:00 2001
From: Fahri Gedik <53567152+fahrigedik@users.noreply.github.com>
Date: Thu, 22 Jan 2026 18:31:45 +0300
Subject: [PATCH] Refactor user tab values to use descriptive strings

Changed tab values in UsersComponent from numeric ('0', '1') to descriptive string identifiers ('user-info', 'roles') for improved readability and maintainability.
---
 .../src/lib/components/users/users.component.html         | 8 ++++----
 .../identity/src/lib/components/users/users.component.ts  | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/npm/ng-packs/packages/identity/src/lib/components/users/users.component.html b/npm/ng-packs/packages/identity/src/lib/components/users/users.component.html
index 054b64991d..07ac0ca8ec 100644
--- a/npm/ng-packs/packages/identity/src/lib/components/users/users.component.html
+++ b/npm/ng-packs/packages/identity/src/lib/components/users/users.component.html
@@ -30,22 +30,22 @@
         <form [formGroup]="form" (ngSubmit)="save()">
           <div ngTabs selectionMode="follow">
             <div ngTabList [(selectedTab)]="selectedTab" class="nav nav-tabs">
-              <button ngTab #tabInfo="ngTab" [value]="'0'" class="nav-link" [class.active]="tabInfo.selected()" type="button">
+              <button ngTab #tabInfo="ngTab" [value]="'user-info'" class="nav-link" [class.active]="tabInfo.selected()" type="button">
                 {{ 'AbpIdentity::UserInformations' | abpLocalization }}
               </button>
-              <button ngTab #tabRoles="ngTab" [value]="'1'" class="nav-link" [class.active]="tabRoles.selected()" type="button">
+              <button ngTab #tabRoles="ngTab" [value]="'roles'" class="nav-link" [class.active]="tabRoles.selected()" type="button">
                 {{ 'AbpIdentity::Roles' | abpLocalization }}
               </button>
             </div>
 
             <div class="mt-2 fade-in-top">
-              <div ngTabPanel [value]="'0'">
+              <div ngTabPanel [value]="'user-info'">
                 <ng-template ngTabContent>
                   <abp-extensible-form [selectedRecord]="selected"></abp-extensible-form>
                 </ng-template>
               </div>
 
-              <div ngTabPanel [value]="'1'">
+              <div ngTabPanel [value]="'roles'">
                 <ng-template ngTabContent>
                   @for (roleGroup of roleGroups; track $index; let i = $index) {
                     <div class="form-check mb-2">
diff --git a/npm/ng-packs/packages/identity/src/lib/components/users/users.component.ts b/npm/ng-packs/packages/identity/src/lib/components/users/users.component.ts
index df1409854b..7ff04cf679 100644
--- a/npm/ng-packs/packages/identity/src/lib/components/users/users.component.ts
+++ b/npm/ng-packs/packages/identity/src/lib/components/users/users.component.ts
@@ -106,7 +106,7 @@ export class UsersComponent implements OnInit {
 
   selected?: IdentityUserDto;
 
-  selectedTab = '0';
+  selectedTab = 'user-info';
 
   selectedUserRoles?: IdentityRoleDto[];
 
@@ -166,7 +166,7 @@ export class UsersComponent implements OnInit {
   }
 
   openModal() {
-    this.selectedTab = '0';
+    this.selectedTab = 'user-info';
     this.buildForm();
     this.isModalVisible = true;
   }