fix active tabs

src/app/admin/admin-dashboard/admin-dashboard.component.html

@@ -11,7 +11,7 @@
     </div>
     <div class="col-12 col-sm-6 col-md-4 col-lg-2" [ngClass]="{'d-none': (RoleID != _SP.PARAM_SERVICEDESK && RoleID != _SP.PARAM_SPV && (TeamID != Env.Team.SociomileStaff && TeamID != Env.Team.CsCabangBranchAgent) )}">
         <div class="form-group" >
-          <label class="text-muted"><small>Time Start </small></label>
+          <label class="text-muted"><small>Start Date </small></label>
           <div class="input-group date" id="StartDate" data-target-input="nearest">
           <input type="text"
             class="form-control form-control-sm datetimepicker-input" data-toggle="datetimepicker"
@@ -24,7 +24,7 @@
     </div>
     <div class="col-12 col-sm-6 col-md-4 col-lg-2" [ngClass]="{'d-none': (RoleID != _SP.PARAM_SERVICEDESK && RoleID != _SP.PARAM_SPV && (TeamID != Env.Team.SociomileStaff && TeamID != Env.Team.CsCabangBranchAgent) )}">
       <div class="form-group">
-        <label class="text-muted"><small>Time End </small></label>
+        <label class="text-muted"><small>End Date </small></label>
         <div class="input-group date" id="EndDate" data-target-input="nearest">
           <input type="text"
             class="form-control form-control-sm datetimepicker-input" data-toggle="datetimepicker"

src/app/admin/admin-dashboard/admin-dashboard.component.ts

@@ -69,7 +69,7 @@ export class AdminDashboardComponent implements OnInit {
 
   public TicketReportRequest = {
     page : 1,
-    perpage : 8,
+    perpage : 10,
     user_id : null,
     start_date : null,
     end_date : null,
@@ -78,7 +78,7 @@ export class AdminDashboardComponent implements OnInit {
 
   public TicketReportLogBookRequest = {
     page : 1,
-    perpage : 8,
+    perpage : 10,
     start_date : null,
     end_date : null,
     servicefamily_id : [],
@@ -240,9 +240,13 @@ export class AdminDashboardComponent implements OnInit {
   }
 
   SelectTicketCategory(_i){
-    this.TicketCategory.map(function(x,index){
-      x.selected = false;
-    })
+    // this.TicketCategory.map(function(x,index){
+    //   x.selected = false;
+    // })
+    this.TicketCategory.forEach(element => {
+      element.selected = false;
+    });
+    console.log(this.TicketCategory)
     this.TicketCategory[_i].selected = true
 
     //Model Insert
@@ -275,6 +279,7 @@ export class AdminDashboardComponent implements OnInit {
   onChangeDate() {
     this.startDate =  AratakaConfig.BootstrapDateCustomPicker({ ID: '#StartDate', isGet: true, isGetFormat: 'YYYY-MM-DD'});
     this.endDate = AratakaConfig.BootstrapDateCustomPicker({ ID: '#EndDate', isGet: true, isGetFormat: 'YYYY-MM-DD' });
+    this.GettingTicketReportCategoryDataAPI(this.DashboardCountRequest)
   }
 
   RandomColorPicker(){