Added component

package.json

@@ -6,6 +6,7 @@
     "start": "ng serve -o",
     "build": "ng build",
     "build-prod": "ng build --configuration=production",
+    "serve-prod": "ng serve --configuration=production",
     "serve-staging": "ng serve --configuration=staging -o",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",

src/app/components/navbar/navbar.component.ts

@@ -142,7 +142,12 @@ export class NavbarComponent implements OnInit, OnDestroy {
           {
             title: "Опрос о пользе статистики",
             url: "/salaries/survey",
-            show: true,
+            show: hasCurrentUser,
+          },
+          {
+            title: "Исторические данные",
+            url: "/salaries/historical-data",
+            show: hasCurrentUser,
           },
         ],
       },

src/app/models/enums/developer-grade.enum.ts

@@ -25,7 +25,6 @@ export interface DeveloperGradeLabel {
 }
 
 export class DeveloperGradeEnum {
-
   static readonly grades: Array<DeveloperGrade> = [
     DeveloperGrade.Trainee,
     DeveloperGrade.Junior,
@@ -41,40 +40,55 @@ export class DeveloperGradeEnum {
     cssText: "text-dark",
   };
 
-  static readonly colorsByGrade: Map<
-    DeveloperGrade,
-    DeveloperGradeLabel
-  > = new Map([
-    [DeveloperGrade.Trainee, {
-        label: "Trainee",
-        cssBackground: "bg-light",
-        cssText: "text-dark",
-      }
-    ],
-    [DeveloperGrade.Junior, {
-      label: "Junior",
-      cssBackground: "bg-success",
-      cssText: "",
-    }],
-    [DeveloperGrade.Middle, {
-      label: "Middle",
-      cssBackground: "bg-warning",
-      cssText: "text-dark",
-    }],
-    [DeveloperGrade.Senior, {
-      label: "Senior",
-      cssBackground: "bg-info",
-      cssText: "text-dark",
-    }],
-    [DeveloperGrade.Lead, {
-      label: "Lead",
-      cssBackground: "bg-primary",
-      cssText: "",
-    }],
-    [DeveloperGrade.Unknown, DeveloperGradeEnum.defaultColor],
-  ]);
+  static readonly colorsByGrade: Map<DeveloperGrade, DeveloperGradeLabel> =
+    new Map([
+      [
+        DeveloperGrade.Trainee,
+        {
+          label: "Trainee",
+          cssBackground: "bg-light",
+          cssText: "text-dark",
+        },
+      ],
+      [
+        DeveloperGrade.Junior,
+        {
+          label: "Junior",
+          cssBackground: "bg-success",
+          cssText: "text-light",
+        },
+      ],
+      [
+        DeveloperGrade.Middle,
+        {
+          label: "Middle",
+          cssBackground: "bg-warning",
+          cssText: "text-dark",
+        },
+      ],
+      [
+        DeveloperGrade.Senior,
+        {
+          label: "Senior",
+          cssBackground: "bg-info",
+          cssText: "text-dark",
+        },
+      ],
+      [
+        DeveloperGrade.Lead,
+        {
+          label: "Lead",
+          cssBackground: "bg-primary",
+          cssText: "text-light",
+        },
+      ],
+      [DeveloperGrade.Unknown, DeveloperGradeEnum.defaultColor],
+    ]);
 
   static getColorData(grade: DeveloperGrade): DeveloperGradeLabel {
-    return DeveloperGradeEnum.colorsByGrade.get(grade) ?? DeveloperGradeEnum.defaultColor;
+    return (
+      DeveloperGradeEnum.colorsByGrade.get(grade) ??
+      DeveloperGradeEnum.defaultColor
+    );
   }
-}
+}

src/app/models/salaries/salary.model.ts

@@ -4,18 +4,17 @@ import { Currency } from "./currency";
 import { KazakhstanCity } from "./kazakhstan-city";
 import { Gender } from "@models/enums/gender.enum";
 
-export interface UserSalaryAdminDto extends UserSalary {
-  id: string;
-  updatedAt: Date | null;
-}
-
-export interface UserSalary {
+export interface UserSalarySimple {
   value: number;
   quarter: number;
   year: number;
   currency: Currency;
   company: CompanyType;
   grade: DeveloperGrade | null;
+  createdAt: Date;
+}
+
+export interface UserSalary extends UserSalarySimple {
   city: KazakhstanCity | null;
   gender: Gender | null;
   age: number | null;
@@ -25,5 +24,9 @@ export interface UserSalary {
   skillId: number | null;
   workIndustryId: number | null;
   professionId: number | null;
-  createdAt: Date;
+}
+
+export interface UserSalaryAdminDto extends UserSalary {
+  id: string;
+  updatedAt: Date | null;
 }

src/app/modules/admin/components/background-jobs/background-jobs.component.html

@@ -23,7 +23,7 @@
             <tr *ngFor="let item of currencies" class="small">
               <td>{{ item.currencyString }}</td>
               <td>{{ item.value }} kzt</td>
-              <td>{{ item.pubDate | date: "yyyy-MM-dd" }}</td>
+              <td>{{ item.pubDate | date : "yyyy-MM-dd" }}</td>
             </tr>
           </tbody>
         </table>

src/app/modules/admin/components/background-jobs/currency-item.ts

@@ -1,16 +1,15 @@
 import { CurrencyData, CurrencyType } from "@services/admin-tools.service";
 
 export class CurrencyItem implements CurrencyData {
+  constructor(private readonly item: CurrencyData) {
+    this.value = item.value;
+    this.currency = item.currency;
+    this.currencyString = CurrencyType[item.currency];
+    this.pubDate = item.pubDate;
+  }
 
-    constructor(private readonly item: CurrencyData) {
-        this.value = item.value;
-        this.currency = item.currency;
-        this.currencyString = CurrencyType[item.currency];
-        this.pubDate = item.pubDate;
-    }
-
-    readonly value: number;
-    readonly currency: CurrencyType;
-    readonly currencyString: string;
-    readonly pubDate: Date;
-}
+  readonly value: number;
+  readonly currency: CurrencyType;
+  readonly currencyString: string;
+  readonly pubDate: Date;
+}

src/app/modules/admin/components/interviews/interview-templates-admin-page/interview-templates-admin-page.component.html

@@ -28,7 +28,7 @@
                   [visibility]="item.isPublic"
                 ></app-visibility-label>
               </td>
-              <td>{{ item.updatedAt | date: "yyyy-MM-dd HH:mm" }}</td>
+              <td>{{ item.updatedAt | date : "yyyy-MM-dd HH:mm" }}</td>
               <td class="small">
                 <a
                   routerLink="/interviews/templates/{{ item.id }}"

src/app/modules/admin/components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component.html

@@ -99,21 +99,23 @@
     </thead>
     <tbody>
       <tr class="small" *ngFor="let item of salaries; let i = index">
-        <td>{{ item.value | number: "1.0-0" }}</td>
+        <td>{{ item.value | number : "1.0-0" }}</td>
         <td>{{ item.quarter }}.{{ item.year }}</td>
         <td>{{ item.age }}</td>
         <td>{{ item.gender }}</td>
         <td>{{ item.yearOfStartingWork }}</td>
         <td>{{ item.profession }}</td>
         <td>
-          <app-developer-grade-label [grade]="item.gradeAsEnum"></app-developer-grade-label>
+          <app-developer-grade-label
+            [grade]="item.gradeAsEnum"
+          ></app-developer-grade-label>
         </td>
         <td>{{ item.company }}</td>
         <td>{{ item.city }}</td>
         <td>{{ item.skill }}</td>
         <td>{{ item.industry }}</td>
-        <td>{{ item.createdAt | date: "yyyy-MM-dd HH:mm" }}</td>
-        <td>{{ item.updatedAt | date: "yyyy-MM-dd HH:mm" }}</td>
+        <td>{{ item.createdAt | date : "yyyy-MM-dd HH:mm" }}</td>
+        <td>{{ item.updatedAt | date : "yyyy-MM-dd HH:mm" }}</td>
         <td>
           <button
             type="button"

src/app/modules/admin/components/salaries/salaries-admin-paginated-table/salaries-admin-paginated-table.component.ts

@@ -32,16 +32,20 @@ export class SalariesAdminPaginatedTableComponent {
   showExcludeButton = false;
 
   @Output()
-  loadDataRequested: EventEmitter<AdminAllSalariesQueryParams> = new EventEmitter<AdminAllSalariesQueryParams>();
+  loadDataRequested: EventEmitter<AdminAllSalariesQueryParams> =
+    new EventEmitter<AdminAllSalariesQueryParams>();
 
   @Output()
-  approveRequested: EventEmitter<SalaryAdminItem> = new EventEmitter<SalaryAdminItem>();
+  approveRequested: EventEmitter<SalaryAdminItem> =
+    new EventEmitter<SalaryAdminItem>();
 
   @Output()
-  excludeRequested: EventEmitter<SalaryAdminItem> = new EventEmitter<SalaryAdminItem>();
+  excludeRequested: EventEmitter<SalaryAdminItem> =
+    new EventEmitter<SalaryAdminItem>();
 
   @Output()
-  deleteRequested: EventEmitter<SalaryAdminItem> = new EventEmitter<SalaryAdminItem>();
+  deleteRequested: EventEmitter<SalaryAdminItem> =
+    new EventEmitter<SalaryAdminItem>();
 
   confirmDeletionMessage: DialogMessage<ConfirmMsg> | null = null;
 

src/app/modules/admin/components/telegram/telegram-bot-usages/telegram-bot-usages.component.html

@@ -20,14 +20,14 @@
           <tbody>
             <tr class="small" *ngFor="let item of items; let i = index">
               <td>{{ item.username }}</td>
-              <td>{{ item.usageCount | number: "1.0-0" }}</td>
+              <td>{{ item.usageCount | number : "1.0-0" }}</td>
               <td>{{ item.channelName ?? "-" }}</td>
               <td>{{ item.usageTypeAsString }}</td>
               <td title="{{ item.receivedMessageText }}">
                 {{ item.receivedMessageText }}
               </td>
-              <td>{{ item.createdAt | date: "yyyy-MM-dd HH:mm" }}</td>
-              <td>{{ item.updatedAt | date: "yyyy-MM-dd HH:mm" }}</td>
+              <td>{{ item.createdAt | date : "yyyy-MM-dd HH:mm" }}</td>
+              <td>{{ item.updatedAt | date : "yyyy-MM-dd HH:mm" }}</td>
             </tr>
           </tbody>
         </table>

src/app/modules/admin/components/users/users-admin-page/users-admin-page.component.html

@@ -37,7 +37,7 @@
                 <app-status-label [status]="item.isActive"></app-status-label>
               </td>
               <td>{{ item.salariesCount }}</td>
-              <td>{{ item.createdAt | date: "yyyy-MM-dd HH:mm" }}</td>
+              <td>{{ item.createdAt | date : "yyyy-MM-dd HH:mm" }}</td>
               <td>
                 <button
                   type="button"