Added contributors array

src/app/modules/admin/admin-routing.module.ts

@@ -5,7 +5,6 @@ import { BackgroundJobsComponent } from "./components/background-jobs/background
 import { InterviewTemplatesAdminPageComponent } from "./components/interviews/interview-templates-admin-page/interview-templates-admin-page.component";
 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";
 import { SkillsPaginatedTableComponent } from "./components/label-entities/skills-paginated-table/skills-paginated-table.component";
 import { WorkIndustriesPaginatedTableComponent } from "./components/label-entities/work-industries-paginated-table/work-indusrties-paginated-table.component";
@@ -29,10 +28,6 @@ const routes: Routes = [
     path: "salaries/not-in-stats",
     component: SalariesNotInStatsAdminPageComponent,
   },
-  {
-    path: "salaries/salaries-adding-trend-chart",
-    component: SalariesAddingChartComponent,
-  },
   {
     path: "salaries/salaries-survey",
     component: SalariesSurveyPageComponent,

src/app/modules/admin/admin.module.ts

@@ -11,7 +11,6 @@ import { InterviewTemplatesAdminPageComponent } from "./components/interviews/in
 import { UsersAdminPageComponent } from "./components/users/users-admin-page/users-admin-page.component";
 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";
 import { SkillsPaginatedTableComponent } from "./components/label-entities/skills-paginated-table/skills-paginated-table.component";
@@ -29,7 +28,6 @@ import { SalariesSurveyPageComponent } from "./components/salaries/salaries-surv
     UsersAdminPageComponent,
     AdminStartPageComponent,
     SalariesAdminPageComponent,
-    SalariesAddingChartComponent,
     SalariesAdminPaginatedTableComponent,
     SalariesNotInStatsAdminPageComponent,
     SkillsPaginatedTableComponent,

src/app/modules/home/components/about-us/about-us.component.html

@@ -17,28 +17,12 @@
 
       <div class="mb-3 mt-5">
         <div class="mb-1 h5">Контрибьюторы</div>
-        <div>
-          <a
-            class="text-reset link-without-underline"
-            href="https://github.com/indicozy"
-            target="_blank"
-            >&#64;indicozy</a
-          >
-        </div>
-        <div>
-          <a
-            class="text-reset link-without-underline"
-            href="https://github.com/sanch941"
-            target="_blank"
-            >&#64;sanch941</a
-          >
-        </div>
-        <div>
+        <div *ngFor="let item of contributors">
           <a
             class="text-reset link-without-underline"
-            href="https://github.com/maximgorbatyuk"
+            href="{{ item.link }}"
             target="_blank"
-            >&#64;maximgorbatyuk</a
+            >&#64;{{ item.username }}</a
           >
         </div>
       </div>

src/app/modules/home/components/about-us/about-us.component.ts

@@ -1,12 +1,32 @@
 import { Component, OnInit } from "@angular/core";
 
+interface IContributor {
+  link: string;
+  username: string;
+}
+
 @Component({
   selector: "app-about-us",
   templateUrl: "./about-us.component.html",
   styleUrls: ["./about-us.component.scss"],
 })
-export class AboutUsComponent implements OnInit {
-  constructor() {}
-
-  ngOnInit(): void {}
+export class AboutUsComponent {
+  contributors: IContributor[] = [
+    {
+      link: "https://github.com/indicozy",
+      username: "indicozy",
+    },
+    {
+      link: "https://github.com/sanch941",
+      username: "sanch941",
+    },
+    {
+      link: "https://github.com/galym-abitech",
+      username: "galym-abitech",
+    },
+    {
+      link: "https://github.com/maximgorbatyuk",
+      username: "maximgorbatyuk",
+    },
+  ];
 }

src/app/modules/salaries/components/cities-doughnut-chart/cities-doughnut-chart-object.ts

@@ -94,7 +94,8 @@ export class CitiesDoughnutChartObject extends Chart {
       item.count++;
     });
 
-    return uniqueItems;
+    return uniqueItems
+      .sort((x, y) => y.count - x.count);
   }
 }
 

src/app/modules/salaries/components/people-by-gender-chart/people-by-gender-chart.component.ts

@@ -87,6 +87,7 @@ export class PeopleByGenderChartComponent implements OnInit {
     const result: Array<TableRow> = [];
     salariesGroupedByGender
       .filter((item) => item.gender != null)
+      .sort((x, y) => x.gender! - y.gender!)
       .forEach((item) => {
         result.push({
           value: item.salaries.length,

src/app/modules/salaries/components/salaries-chart/salaries-adding-chart/salaries-adding-chart.component.html

@@ -0,0 +1,5 @@
+<div class="h4 mb-3">График добавления анкет</div>
+
+<div id="canvas-adding-trend-chart-container">
+  <canvas id="canvas-adding-trend-chart">{{ chart }}</canvas>
+</div>

src/app/modules/admin/components/salaries/salaries-adding-chart/salaries-adding-chart.component.scss → src/app/modules/salaries/components/salaries-chart/salaries-adding-chart/salaries-adding-chart.component.scss

@@ -1,8 +1,8 @@
-#canvas {
+#canvas-adding-trend-chart {
   min-height: 400px;
 }
 
-#canvas-container {
+#canvas-addint-trend-chart-container {
   position: relative;
   width: 100%;
   height: 100%;

src/app/modules/salaries/components/salaries-chart/salaries-adding-chart/salaries-adding-chart.component.ts

@@ -0,0 +1,45 @@
+import { Component, Input, OnDestroy, OnInit } from "@angular/core";
+import {
+  SalariesAddingTrendChart,
+  UserSalariesService,
+} from "@services/user-salaries.service";
+import { untilDestroyed } from "@shared/subscriptions/until-destroyed";
+import { SalariesAddingChart } from "./salaries-adding-chart";
+import { SalaryChartGlobalFiltersData } from "../salary-chart-global-filters/global-filters-form-group";
+
+@Component({
+  selector: "app-salaries-adding-chart",
+  templateUrl: "./salaries-adding-chart.component.html",
+  styleUrl: "./salaries-adding-chart.component.scss",
+})
+export class SalariesAddingChartComponent implements OnInit, OnDestroy {
+
+  @Input()
+  filter: SalaryChartGlobalFiltersData | null = null;
+
+  data: SalariesAddingTrendChart | null = null;
+  chart: SalariesAddingChart | null = null;
+
+  constructor(
+    private readonly service: UserSalariesService
+  ) {}
+
+  ngOnInit(): void {
+    this.chart = null;
+    this.service
+      .addingSalariesaTrendChart({
+        profsInclude: this.filter?.profsInclude ?? [],
+        grade: this.filter?.grade ?? null,
+        cities: this.filter?.cities ?? [],
+      })
+      .pipe(untilDestroyed(this))
+      .subscribe((x) => {
+        this.data = x;
+        this.chart = new SalariesAddingChart("canvas-adding-trend-chart", this.data);
+      });
+  }
+
+  ngOnDestroy(): void {
+    // ignored
+  }
+}

src/app/modules/admin/components/salaries/salaries-adding-chart/salaries-adding-chart.ts → src/app/modules/salaries/components/salaries-chart/salaries-adding-chart/salaries-adding-chart.ts

@@ -1,5 +1,5 @@
 import { RandomRgbColor } from "@modules/salaries/components/random-rgb-color";
-import { SalariesAddingTrendAdminChart } from "@services/user-salaries.service";
+import { SalariesAddingTrendChart } from "@services/user-salaries.service";
 import { Chart, ChartType, PointStyle } from "chart.js/auto";
 
 interface ChartDatasetType {
@@ -14,7 +14,7 @@ interface ChartDatasetType {
 export class SalariesAddingChart extends Chart {
   private readonly datasets: Array<ChartDatasetType> = [];
 
-  constructor(canvasId: string, chartData: SalariesAddingTrendAdminChart) {
+  constructor(canvasId: string, chartData: SalariesAddingTrendChart) {
     const randomColor = new RandomRgbColor();
     const datasets: Array<ChartDatasetType> = [
       {

src/app/modules/salaries/components/salaries-chart/salaries-chart.component.html

@@ -350,6 +350,12 @@
           ></app-salaries-paginated-table>
         </div>
 
+        <div class="mb-3">
+          <app-salaries-adding-chart
+            [filter]="filterData"
+          ></app-salaries-adding-chart>
+        </div>
+
         <div class="mb-3">
           <div class="mb-5">
             <div>

src/app/modules/salaries/components/salaries-chart/salary-chart-global-filters/global-filters-form-group.ts

@@ -27,9 +27,17 @@ export class SalaryChartGlobalFiltersData {
     return (
       this.grade === other.grade &&
       this.cities.length === other.cities.length &&
-      this.profsInclude.length === other.profsInclude.length
+      this.isEqualArrays(this.profsInclude, other.profsInclude)
     );
   }
+
+  private isEqualArrays<T>(a: Array<T>, b: Array<T>): boolean {
+    if (a.length !== b.length) {
+      return false;
+    }
+
+    return a.every((x, i) => x === b[i]);
+  }
 }
 
 export class GlobalFiltersFormGroup extends FormGroup {

src/app/modules/salaries/salaries.module.ts

@@ -25,6 +25,7 @@ import { SalariesByGradeBlockComponent } from "./components/salaries-chart/salar
 import { SalariesPaginatedTableComponent } from "./components/salaries-paginated-table/salaries-paginated-table.component";
 import { SalariesSurveyBlockComponent } from "./components/salaries-survey-block/salaries-survey-block.component";
 import { SalariesSurveyPageComponent } from "./components/salaries-survey-page/salaries-survey-page.component";
+import { SalariesAddingChartComponent } from "./components/salaries-chart/salaries-adding-chart/salaries-adding-chart.component";
 
 @NgModule({
   declarations: [
@@ -50,6 +51,7 @@ import { SalariesSurveyPageComponent } from "./components/salaries-survey-page/s
     SalariesPaginatedTableComponent,
     SalariesSurveyBlockComponent,
     SalariesSurveyPageComponent,
+    SalariesAddingChartComponent,
   ],
   imports: [
     CommonModule,

src/app/services/user-salaries.service.ts

@@ -116,16 +116,18 @@ export interface SalariesChartFilterData {
   cities: Array<KazakhstanCity> | null;
 }
 
-export interface SalariesAddingTrendAdminChart {
+export interface SalariesAddingTrendChartParams {
+  grade: DeveloperGrade | null;
+  profsInclude: Array<number> | null;
+  cities: Array<KazakhstanCity> | null;
+}
+
+export interface SalariesAddingTrendChart {
   labels: string[];
   items: Array<{
     count: number;
     startedAt: Date;
   }>;
-
-  salariesPerUser: number;
-  usersWhoLeftSalary: number;
-  allUsersCount: number;
 }
 
 export enum SalariesAdminOrderingType {
@@ -179,9 +181,12 @@ export class UserSalariesService {
     );
   }
 
-  addingSalariesaTrendAdminChart(): Observable<SalariesAddingTrendAdminChart> {
-    return this.api.get<SalariesAddingTrendAdminChart>(
-      this.root + "salaries-adding-trend-chart"
+  addingSalariesaTrendChart(
+    params: SalariesAddingTrendChartParams
+  ): Observable<SalariesAddingTrendChart> {
+    return this.api.get<SalariesAddingTrendChart>(
+      this.root + "salaries-adding-trend-chart?" +
+      new ConvertObjectToHttpParams(params).get()
     );
   }