diff --git a/src/app/components/admin-navbar/admin-navbar.component.ts b/src/app/components/admin-navbar/admin-navbar.component.ts
index 1a7e4198..39f630e5 100644
--- a/src/app/components/admin-navbar/admin-navbar.component.ts
+++ b/src/app/components/admin-navbar/admin-navbar.component.ts
@@ -55,6 +55,10 @@ export class AdminNavbarComponent {
             title: 'All salaries',
             url: '/admin/salaries'
           },
+          {
+            title: 'Salaries not in stats',
+            url: '/admin/salaries/not-in-stats'
+          },
           {
             title: 'Salaries adding chart',
             url: '/admin/salaries/salaries-adding-trend-chart'
diff --git a/src/app/models/salaries/user-profession.ts b/src/app/models/salaries/user-profession.ts
index d815641a..7cd19f0d 100644
--- a/src/app/models/salaries/user-profession.ts
+++ b/src/app/models/salaries/user-profession.ts
@@ -52,4 +52,6 @@ export enum UserProfession {
     ProductManager = 25,
 
     ProductDesigner = 26,
+
+    HrNonIt = 27,
 }
diff --git a/src/app/modules/admin/admin-routing.module.ts b/src/app/modules/admin/admin-routing.module.ts
index 0fdf865a..47e702f2 100644
--- a/src/app/modules/admin/admin-routing.module.ts
+++ b/src/app/modules/admin/admin-routing.module.ts
@@ -7,6 +7,7 @@ import { AllOrganizationsAdminComponent } from './components/organizations/all-o
 import { UsersAdminPageComponent } from './components/users/users-admin-page/users-admin-page.component';
 import { SalariesAdminPageComponent } from './components/salaries/salaries-admin-page/salaries-admin-page.component';
 import { SalariesAddingChartComponent } from './components/salaries/salaries-adding-chart/salaries-adding-chart.component';
+import { SalariesNotInStatsAdminPageComponent } from './components/salaries/salaries-not-in-stat-admin-page/salaries-not-in-stat-admin-page.component';
 
 const routes: Routes = [
   { path: '', component: AdminStartPageComponent },
@@ -15,6 +16,7 @@ const routes: Routes = [
   { path: 'background-jobs', component: BackgroundJobsComponent },
   { path: 'organizations', component: AllOrganizationsAdminComponent },
   { path: 'salaries', component: SalariesAdminPageComponent },
+  { path: 'salaries/not-in-stats', component: SalariesNotInStatsAdminPageComponent },
   { path: 'salaries/salaries-adding-trend-chart', component: SalariesAddingChartComponent },
 ];
 
diff --git a/src/app/modules/admin/admin.module.ts b/src/app/modules/admin/admin.module.ts
index a117455a..1d66ce2e 100644
--- a/src/app/modules/admin/admin.module.ts
+++ b/src/app/modules/admin/admin.module.ts
@@ -13,6 +13,8 @@ import { AllOrganizationsAdminComponent } from './components/organizations/all-o
 import { AdminStartPageComponent } from './components/admin-start-page/admin-start-page.component';
 import { SalariesAdminPageComponent } from './components/salaries/salaries-admin-page/salaries-admin-page.component';
 import { SalariesAddingChartComponent } from './components/salaries/salaries-adding-chart/salaries-adding-chart.component';
+import { SalariesAdminPaginatedTableComponent } from './components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component';
+import { SalariesNotInStatsAdminPageComponent } from './components/salaries/salaries-not-in-stat-admin-page/salaries-not-in-stat-admin-page.component';
 
 @NgModule({
   declarations: [
@@ -25,7 +27,14 @@ import { SalariesAddingChartComponent } from './components/salaries/salaries-add
     AdminStartPageComponent,
     SalariesAdminPageComponent,
     SalariesAddingChartComponent,
+    SalariesAdminPaginatedTableComponent,
+    SalariesNotInStatsAdminPageComponent
   ],
-  imports: [CommonModule, SharedModule, AdminRoutingModule, FormsModule, ReactiveFormsModule]
+  imports: [
+    CommonModule,
+    SharedModule,
+    AdminRoutingModule,
+    FormsModule,
+    ReactiveFormsModule]
 })
 export class AdminModule {}
diff --git a/src/app/modules/admin/components/salaries/salaries-admin-page/salaries-admin-page.component.html b/src/app/modules/admin/components/salaries/salaries-admin-page/salaries-admin-page.component.html
index b96d7497..27e45c5b 100644
--- a/src/app/modules/admin/components/salaries/salaries-admin-page/salaries-admin-page.component.html
+++ b/src/app/modules/admin/components/salaries/salaries-admin-page/salaries-admin-page.component.html
@@ -4,75 +4,15 @@
   <div class="card">
     <div class="card-body">
 
-      <div class="mb-3 row">
-        <div class="col-md-3">
-          <label for="profession" class="form-label">Company</label>
-            <select class="form-select" id="company" name="company" [(ngModel)]="filter.company">
-              <option selected value="">All</option>
-              <option *ngFor="let item of filter.companies" [value]="item.item">
-                {{ item.label }}
-              </option>
-            </select>
-        </div>
+      <app-salaries-admin-paginated-table
+        [source]="source"
+        [salaries]="salaries"
+        [filter]="filter"
+        [showApproveButton]="false"
+        (loadDataRequested)="loadData($event)"
+        (deleteRequested)="deleteSalary($event)"
+        ></app-salaries-admin-paginated-table>
 
-        <div class="col-md-3">
-          <label for="profession" class="form-label">Profession</label>
-            <select class="form-select" id="profession" name="profession" [(ngModel)]="filter.profession">
-              <option selected value="">All</option>
-              <option *ngFor="let item of filter.professions" [value]="item.item">
-                {{ item.label }}
-              </option>
-            </select>
-        </div>
-
-        <div class="col-md-3">
-          <label for="profession" class="form-label">Grade</label>
-          <select class="form-select" id="grade" name="grade" [(ngModel)]="filter.grade">
-            <option selected value="">All</option>
-            <option *ngFor="let item of filter.grades" [value]="item.item">
-              {{ item.label }}
-            </option>
-          </select>
-        </div>
-
-        <div class="col-md-3 d-flex align-items-end">
-          <div>
-            <button type="button" class="btn btn-outline-primary" (click)="loadData()">Apply</button>
-            <button type="button" class="btn btn-outline-dark ms-2" (click)="clearFilter()">Reset</button>
-          </div>
-        </div>
-      </div>
-
-      <div class="table-responsive mb-3" *ngIf="salaries.length > 0; else nothingToShow">
-        <table class="table table-hover table-sm">
-          <thead>
-            <th>Value</th>
-            <th>Period</th>
-            <th>Profession</th>
-            <th>Grade</th>
-            <th>Company</th>
-            <th>Created at</th>
-            <th></th>
-          </thead>
-          <tbody>
-            <tr *ngFor="let item of salaries; let i = index">
-              <td>{{ item.value | number: '1.0-0' }}</td>
-              <td>{{ item.quarter }}.{{ item.year }}</td>
-              <td>{{ item.profession }}</td>
-              <td>{{ item.grade }}</td>
-              <td>{{ item.company }}</td>
-              <td>{{ item.createdAt | date: 'yyyy-MM-dd' }}</td>
-              <td>
-                <button type="button" class="btn-link-sm" (click)="openDeleteDialog(item)">Delete</button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-
-      <div class="" *ngIf="source && source.results.length > 0">
-        <app-pagination-buttons [source]="source" (pageChange)="loadData($event)"></app-pagination-buttons>
-      </div>
     </div>
   </div>
 </div>
@@ -82,13 +22,3 @@
     <app-data-loader></app-data-loader>
   </div>
 </ng-template>
-
-<ng-template #nothingToShow>
-  <div class="card">
-    <div class="card-body">
-      <div class="text-center">There is no salaries.</div>
-    </div>
-  </div>
-</ng-template>
-
-<app-confirm-dialog *ngIf="confirmDeletionMessage" [message]="confirmDeletionMessage"></app-confirm-dialog>
\ No newline at end of file
diff --git a/src/app/modules/admin/components/salaries/salaries-admin-page/salaries-admin-page.component.ts b/src/app/modules/admin/components/salaries/salaries-admin-page/salaries-admin-page.component.ts
index 751c38c3..95723a19 100644
--- a/src/app/modules/admin/components/salaries/salaries-admin-page/salaries-admin-page.component.ts
+++ b/src/app/modules/admin/components/salaries/salaries-admin-page/salaries-admin-page.component.ts
@@ -3,13 +3,11 @@ import { defaultPageParams } from '@models/page-params';
 import { PaginatedList } from '@models/paginated-list';
 import { UserSalaryAdminDto } from '@models/salaries/salary.model';
 import { TitleService } from '@services/title.service';
-import { UserSalariesService } from '@services/user-salaries.service';
+import { AdminAllSalariesQueryParams, UserSalariesService } from '@services/user-salaries.service';
 import { untilDestroyed } from '@shared/subscriptions/until-destroyed';
-import { SalaryAdminItem } from './salary-admin-item';
-import { ConfirmMsg } from '@shared/components/dialogs/models/confirm-msg';
-import { DialogMessage } from '@shared/components/dialogs/models/dialog-message';
 import { AlertService } from '@shared/components/alert/services/alert.service';
-import { SalariesTableFilter } from './salaries-table-filter';
+import { SalaryAdminItem } from '../salary-admin-item';
+import { SalariesTableFilter } from '../salaries-table-filter';
 
 @Component({
   templateUrl: './salaries-admin-page.component.html'
@@ -18,33 +16,36 @@ export class SalariesAdminPageComponent implements OnInit, OnDestroy {
 
   salaries: Array<SalaryAdminItem> | null = null;
   source: PaginatedList<UserSalaryAdminDto> | null = null;
-  confirmDeletionMessage: DialogMessage<ConfirmMsg> | null = null;
-
   readonly filter = new SalariesTableFilter();
+  currentPage: number = 1;
 
   constructor(
     private readonly service: UserSalariesService,
     private readonly titleService: TitleService,
-    private readonly alert: AlertService) {}
+    private readonly alert: AlertService) {
+      titleService.setTitle('All salaries');
+    }
 
   ngOnInit(): void {
-    this.loadData();
-    this.titleService.setTitle('All salaries');
+    this.salaries = null;
+    this.source = null;
+    this.loadData(
+      { 
+        page: this.currentPage,
+        pageSize: defaultPageParams.pageSize,
+        ...this.filter
+       }
+    );
   }
 
-  loadData(page = 1): void {
+  loadData(data: AdminAllSalariesQueryParams): void {
 
     this.salaries = null;
     this.source = null;
+    this.currentPage = data.page;
 
     this.service
-      .all({ 
-        page,
-        pageSize: defaultPageParams.pageSize,
-        profession: this.filter.profession ?? null,
-        company: this.filter.company ?? null,
-        grade: this.filter.grade ?? null,
-       })
+      .all(data)
       .pipe(untilDestroyed(this))
       .subscribe((x) => {
         this.salaries = x.results.map((x) => new SalaryAdminItem(x));
@@ -56,27 +57,13 @@ export class SalariesAdminPageComponent implements OnInit, OnDestroy {
     // ignored
   }
 
-  openDeleteDialog(salary: SalaryAdminItem): void {
-    this.confirmDeletionMessage = new DialogMessage(
-      new ConfirmMsg(
-        'Delete the salary record',
-        'Are you sure to delete?',
-        () => {
-          this.service
-            .delete(salary.id)
-            .pipe(untilDestroyed(this))
-            .subscribe(() => {
-              this.alert.success('Salary deleted');
-              this.loadData();
-            });
-        }
-      )
-    );
-  }
-
-  clearFilter(): void {
-    this.filter.profession = null;
-    this.filter.company = null;
-    this.loadData();
+  deleteSalary(salary: SalaryAdminItem): void {
+    this.service
+      .delete(salary.id)
+      .pipe(untilDestroyed(this))
+      .subscribe(() => {
+        this.alert.success('Salary deleted');
+        this.ngOnInit();
+      });
   }
 }
diff --git a/src/app/modules/admin/components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component.html b/src/app/modules/admin/components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component.html
new file mode 100644
index 00000000..37d3bf6e
--- /dev/null
+++ b/src/app/modules/admin/components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component.html
@@ -0,0 +1,95 @@
+<div *ngIf="filter" class="mb-3 row">
+  <div class="col-md-3">
+    <label for="profession" class="form-label">Company</label>
+      <select class="form-select" id="company" name="company" [(ngModel)]="filter.company">
+        <option selected value="">All</option>
+        <option *ngFor="let item of filter.companies" [value]="item.item">
+          {{ item.label }}
+        </option>
+      </select>
+  </div>
+
+  <div class="col-md-3">
+    <label for="profession" class="form-label">Profession</label>
+      <select class="form-select" id="profession" name="profession" [(ngModel)]="filter.profession">
+        <option selected value="">All</option>
+        <option *ngFor="let item of filter.professions" [value]="item.item">
+          {{ item.label }}
+        </option>
+      </select>
+  </div>
+
+  <div class="col-md-3">
+    <label for="profession" class="form-label">Grade</label>
+    <select class="form-select" id="grade" name="grade" [(ngModel)]="filter.grade">
+      <option selected value="">All</option>
+      <option *ngFor="let item of filter.grades" [value]="item.item">
+        {{ item.label }}
+      </option>
+    </select>
+  </div>
+
+  <div class="col-md-3 d-flex align-items-end">
+    <div>
+      <button type="button" class="btn btn-outline-primary" (click)="loadData()">Apply</button>
+      <button type="button" class="btn btn-outline-dark ms-2" (click)="clearFilter()">Reset</button>
+    </div>
+  </div>
+</div>
+
+<div class="table-responsive mb-3" *ngIf="salaries && salaries.length > 0; else nothingToShow">
+  <table class="table table-hover table-sm">
+    <thead>
+      <th>Value</th>
+      <th>Period</th>
+      <th>Profession</th>
+      <th>Grade</th>
+      <th>Company</th>
+      <th>Created at</th>
+      <th></th>
+    </thead>
+    <tbody>
+      <tr *ngFor="let item of salaries; let i = index">
+        <td>{{ item.value | number: '1.0-0' }}</td>
+        <td>{{ item.quarter }}.{{ item.year }}</td>
+        <td>{{ item.profession }}</td>
+        <td>{{ item.grade }}</td>
+        <td>{{ item.company }}</td>
+        <td>{{ item.createdAt | date: 'yyyy-MM-dd HH:mm' }}</td>
+        <td>
+          <button
+            type="button"
+            class="btn-link-sm btn-link-danger"
+            (click)="openDeleteDialog(item)">Delete</button>
+          <button
+            *ngIf="showApproveButton"
+            type="button"
+            class="btn-link-sm ms-2"
+            (click)="openApproveDialog(item)">Approve</button>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
+<div class="" *ngIf="source && source.results.length > 0">
+  <app-pagination-buttons [source]="source" (pageChange)="loadData($event)"></app-pagination-buttons>
+</div>
+
+<ng-template #dataLoading>
+  <div class="container mt-5">
+    <app-data-loader></app-data-loader>
+  </div>
+</ng-template>
+
+<ng-template #nothingToShow>
+  <div class="card">
+    <div class="card-body">
+      <div class="text-center">There is no salaries.</div>
+    </div>
+  </div>
+</ng-template>
+
+<app-confirm-dialog
+  *ngIf="confirmDeletionMessage"
+  [message]="confirmDeletionMessage"></app-confirm-dialog>
\ No newline at end of file
diff --git a/src/app/modules/admin/components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component.spec.ts b/src/app/modules/admin/components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component.spec.ts
new file mode 100644
index 00000000..c364a0c0
--- /dev/null
+++ b/src/app/modules/admin/components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component.spec.ts
@@ -0,0 +1,28 @@
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { mostUsedImports, testUtilStubs, mostUsedServices } from '@shared/test-utils';
+import { SalariesAdminPaginatedTableComponent } from './salaries-admin-paginated-table.component';
+
+describe('SalariesAdminPaginatedTableComponent', () => {
+  let component: SalariesAdminPaginatedTableComponent;
+  let fixture: ComponentFixture<SalariesAdminPaginatedTableComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [SalariesAdminPaginatedTableComponent],
+      imports: [...mostUsedImports],
+      providers: [...testUtilStubs, ...mostUsedServices],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA]
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SalariesAdminPaginatedTableComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/modules/admin/components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component.ts b/src/app/modules/admin/components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component.ts
new file mode 100644
index 00000000..7c64d6cc
--- /dev/null
+++ b/src/app/modules/admin/components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component.ts
@@ -0,0 +1,86 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { defaultPageParams } from '@models/page-params';
+import { PaginatedList } from '@models/paginated-list';
+import { UserSalaryAdminDto } from '@models/salaries/salary.model';
+import { AdminAllSalariesQueryParams } from '@services/user-salaries.service';
+import { SalaryAdminItem } from '../salary-admin-item';
+import { ConfirmMsg } from '@shared/components/dialogs/models/confirm-msg';
+import { DialogMessage } from '@shared/components/dialogs/models/dialog-message';
+import { SalariesTableFilter } from '../salaries-table-filter';
+
+@Component({
+  selector: 'app-salaries-admin-paginated-table',
+  templateUrl: './salaries-admin-paginated-table.component.html'
+})
+export class SalariesAdminPaginatedTableComponent {
+
+  @Input()
+  salaries: Array<SalaryAdminItem> | null = null;
+
+  @Input()
+  source: PaginatedList<UserSalaryAdminDto> | null = null;
+
+  @Input()
+  filter: SalariesTableFilter | null = null;
+
+  @Input()
+  showApproveButton = false;
+
+  @Output()
+  loadDataRequested: EventEmitter<AdminAllSalariesQueryParams> = new EventEmitter<AdminAllSalariesQueryParams>();
+
+  @Output()
+  approveRequested: EventEmitter<SalaryAdminItem> = new EventEmitter<SalaryAdminItem>();
+
+  @Output()
+  deleteRequested: EventEmitter<SalaryAdminItem> = new EventEmitter<SalaryAdminItem>();
+
+  confirmDeletionMessage: DialogMessage<ConfirmMsg> | null = null;
+
+  constructor() {}
+
+  loadData(page = 1): void {
+    this.loadDataRequested.emit({ 
+      page,
+      pageSize: defaultPageParams.pageSize,
+      profession: this.filter?.profession ?? null,
+      company: this.filter?.company ?? null,
+      grade: this.filter?.grade ?? null,
+     });
+  }
+
+  openDeleteDialog(salary: SalaryAdminItem): void {
+    this.confirmDeletionMessage = new DialogMessage(
+      new ConfirmMsg(
+        'Delete the salary record',
+        'Are you sure to delete?',
+        () => {
+          this.deleteRequested.emit(salary);
+          console.log('deleteRequested');
+        }
+      )
+    );
+  }
+
+  openApproveDialog(salary: SalaryAdminItem): void {
+    this.confirmDeletionMessage = new DialogMessage(
+      new ConfirmMsg(
+        'Approve the salary record',
+        'Are you sure to approve?',
+        () => {
+          this.approveRequested.emit(salary);
+        }
+      )
+    );
+  }
+
+  clearFilter(): void {
+    if (this.filter) {
+      this.filter.profession = null;
+      this.filter.company = null;
+      this.filter.grade = null;
+    }
+
+    this.loadData();
+  }
+}
diff --git a/src/app/modules/admin/components/salaries/salaries-not-in-stat-admin-page/salaries-not-in-stat-admin-page.component.html b/src/app/modules/admin/components/salaries/salaries-not-in-stat-admin-page/salaries-not-in-stat-admin-page.component.html
new file mode 100644
index 00000000..805cdd03
--- /dev/null
+++ b/src/app/modules/admin/components/salaries/salaries-not-in-stat-admin-page/salaries-not-in-stat-admin-page.component.html
@@ -0,0 +1,25 @@
+<app-page-header>Salaries not in stats</app-page-header>
+
+<div class="container my-5" *ngIf="salaries; else dataLoading">
+  <div class="card">
+    <div class="card-body">
+
+      <app-salaries-admin-paginated-table
+        [source]="source"
+        [salaries]="salaries"
+        [filter]="filter"
+        [showApproveButton]="true"
+        (approveRequested)="approveSalary($event)"
+        (loadDataRequested)="loadData($event)"
+        (deleteRequested)="deleteSalary($event)"
+        ></app-salaries-admin-paginated-table>
+
+    </div>
+  </div>
+</div>
+
+<ng-template #dataLoading>
+  <div class="container mt-5">
+    <app-data-loader></app-data-loader>
+  </div>
+</ng-template>
diff --git a/src/app/modules/admin/components/salaries/salaries-not-in-stat-admin-page/salaries-not-in-stat-admin-page.component.spec.ts b/src/app/modules/admin/components/salaries/salaries-not-in-stat-admin-page/salaries-not-in-stat-admin-page.component.spec.ts
new file mode 100644
index 00000000..095d9a0d
--- /dev/null
+++ b/src/app/modules/admin/components/salaries/salaries-not-in-stat-admin-page/salaries-not-in-stat-admin-page.component.spec.ts
@@ -0,0 +1,29 @@
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { UserAdminService } from '@services/user-admin.service';
+import { mostUsedImports, testUtilStubs, mostUsedServices } from '@shared/test-utils';
+import { SalariesNotInStatsAdminPageComponent } from './salaries-not-in-stat-admin-page.component';
+
+describe('SalariesNotInStatsAdminPageComponent', () => {
+  let component: SalariesNotInStatsAdminPageComponent;
+  let fixture: ComponentFixture<SalariesNotInStatsAdminPageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [SalariesNotInStatsAdminPageComponent],
+      imports: [...mostUsedImports],
+      providers: [...testUtilStubs, ...mostUsedServices, UserAdminService],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA]
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SalariesNotInStatsAdminPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/modules/admin/components/salaries/salaries-not-in-stat-admin-page/salaries-not-in-stat-admin-page.component.ts b/src/app/modules/admin/components/salaries/salaries-not-in-stat-admin-page/salaries-not-in-stat-admin-page.component.ts
new file mode 100644
index 00000000..01c6c4e5
--- /dev/null
+++ b/src/app/modules/admin/components/salaries/salaries-not-in-stat-admin-page/salaries-not-in-stat-admin-page.component.ts
@@ -0,0 +1,79 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { defaultPageParams } from '@models/page-params';
+import { PaginatedList } from '@models/paginated-list';
+import { UserSalaryAdminDto } from '@models/salaries/salary.model';
+import { TitleService } from '@services/title.service';
+import { AdminAllSalariesQueryParams, UserSalariesService } from '@services/user-salaries.service';
+import { untilDestroyed } from '@shared/subscriptions/until-destroyed';
+import { AlertService } from '@shared/components/alert/services/alert.service';
+import { SalaryAdminItem } from '../salary-admin-item';
+import { SalariesTableFilter } from '../salaries-table-filter';
+
+@Component({
+  templateUrl: './salaries-not-in-stat-admin-page.component.html'
+})
+export class SalariesNotInStatsAdminPageComponent implements OnInit, OnDestroy {
+
+  salaries: Array<SalaryAdminItem> | null = null;
+  source: PaginatedList<UserSalaryAdminDto> | null = null;
+  readonly filter = new SalariesTableFilter();
+  currentPage: number = 1;
+
+  constructor(
+    private readonly service: UserSalariesService,
+    titleService: TitleService,
+    private readonly alert: AlertService) {
+      titleService.setTitle('Salaries not in stats');
+    }
+
+  ngOnInit(): void {
+    this.salaries = null;
+    this.source = null;
+    this.loadData(
+      { 
+        page: this.currentPage,
+        pageSize: defaultPageParams.pageSize,
+        ...this.filter
+       }
+    );
+  }
+
+  loadData(data: AdminAllSalariesQueryParams): void {
+
+    this.salaries = null;
+    this.source = null;
+    this.currentPage = data.page;
+
+    this.service
+      .salariesNotInStats(data)
+      .pipe(untilDestroyed(this))
+      .subscribe((x) => {
+        this.salaries = x.results.map((x) => new SalaryAdminItem(x));
+        this.source = x;
+      });
+  }
+
+  ngOnDestroy(): void {
+    // ignored
+  }
+
+  deleteSalary(salary: SalaryAdminItem): void {
+    this.service
+      .delete(salary.id)
+      .pipe(untilDestroyed(this))
+      .subscribe(() => {
+        this.alert.success('Salary deleted');
+        this.ngOnInit();
+      });
+  }
+
+  approveSalary(salary: SalaryAdminItem): void {
+    this.service
+      .approve(salary.id)
+      .pipe(untilDestroyed(this))
+      .subscribe(() => {
+        this.alert.success('Salary approved');
+        this.ngOnInit();
+      });
+  }
+}
diff --git a/src/app/modules/admin/components/salaries/salaries-admin-page/salaries-table-filter.ts b/src/app/modules/admin/components/salaries/salaries-table-filter.ts
similarity index 100%
rename from src/app/modules/admin/components/salaries/salaries-admin-page/salaries-table-filter.ts
rename to src/app/modules/admin/components/salaries/salaries-table-filter.ts
diff --git a/src/app/modules/admin/components/salaries/salaries-admin-page/salary-admin-item.ts b/src/app/modules/admin/components/salaries/salary-admin-item.ts
similarity index 100%
rename from src/app/modules/admin/components/salaries/salaries-admin-page/salary-admin-item.ts
rename to src/app/modules/admin/components/salaries/salary-admin-item.ts
diff --git a/src/app/services/user-salaries.service.ts b/src/app/services/user-salaries.service.ts
index d3953a74..82e9fa2d 100644
--- a/src/app/services/user-salaries.service.ts
+++ b/src/app/services/user-salaries.service.ts
@@ -97,6 +97,11 @@ export class UserSalariesService {
       this.root + 'all?' + new ConvertObjectToHttpParams(pageParams).get());
   }
 
+  salariesNotInStats(pageParams: AdminAllSalariesQueryParams): Observable<PaginatedList<UserSalaryAdminDto>> {
+    return this.api.get<PaginatedList<UserSalaryAdminDto>>(
+      this.root + 'not-in-stats?' + new ConvertObjectToHttpParams(pageParams).get());
+  }
+
   addingSalariesaTrendAdminChart(): Observable<SalariesAddingTrendAdminChart> {
     return this.api.get<SalariesAddingTrendAdminChart>(this.root + 'salaries-adding-trend-chart');
   }
@@ -114,6 +119,10 @@ export class UserSalariesService {
     return this.api.post<CreateSalaryRecordResponse>(this.root + id, data);
   }
 
+  approve(dataId: string): Observable<void> {
+    return this.api.post<void>(this.root + dataId + '/approve', {});
+  }
+
   delete(dataId: string): Observable<void> {
     return this.api.delete<void>(this.root + dataId);
   }
diff --git a/src/app/shared/select-boxes/profession-select-item.ts b/src/app/shared/select-boxes/profession-select-item.ts
index b0a11a1e..fc7fe113 100644
--- a/src/app/shared/select-boxes/profession-select-item.ts
+++ b/src/app/shared/select-boxes/profession-select-item.ts
@@ -24,6 +24,10 @@ export class ProfessionSelectItem implements SelectItem<UserProfession> {
         this.label = 'UI/UX Designer';
         break;
 
+      case UserProfession.HrNonIt:
+        this.label = 'HR (не из IT)';
+        break;
+
       default:
         this.label = new SplittedByWhitespacesString(UserProfession[item]).value;
         break;