From bc1bae81fdc9378a373c8f7ccd18f0461fb2c65f Mon Sep 17 00:00:00 2001
From: "maxim.gorbatyuk" <maxim.gorbatyuk@outlook.com>
Date: Mon, 15 Jan 2024 22:25:43 +0600
Subject: [PATCH] Demo labels

---
 .../salaries-chart/salaries-chart.component.html  | 15 +++++++++++----
 .../salaries-chart/stub-salaries-chart.ts         |  8 ++++----
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/app/modules/salaries/components/salaries-chart/salaries-chart.component.html b/src/app/modules/salaries/components/salaries-chart/salaries-chart.component.html
index 84d785d1..2b11766e 100644
--- a/src/app/modules/salaries/components/salaries-chart/salaries-chart.component.html
+++ b/src/app/modules/salaries/components/salaries-chart/salaries-chart.component.html
@@ -36,13 +36,17 @@
             <div class="mb-3">
               <div class="mb-3 text-muted">Действия:</div>
               <div >
-                <button type="button" class="btn btn-outline-dark w-100" (click)="openAddSalaryAction()">Добавить еще зарплату</button>
+                <button type="button" class="btn btn-outline-dark w-100" (click)="openAddSalaryAction()">Добавить зарплату</button>
               </div>
             </div>
 
           </div>
 
           <div class="col-md-9">
+            <div *ngIf="showDataStub" class="mb-3">
+              <div class="h4">Демонстрационные данные:</div> 
+            </div>
+
             <div class="mb-5 d-flex justify-content-between align-items-end">
               <app-salary-block-value
                 [title]="'Медианная зарплата:'"
@@ -76,13 +80,16 @@
             </div>
 
             <div *ngIf="showDataStub" class="mb-3">
-              <div class="text-muted">Данные сгенерированы для демонстрации. 
+              <div class="text-muted">Данные сгенерированы для <strong>демонстрации</strong>. 
                 <button class="btn btn-outline-secondary btn-sm" (click)="openAddSalaryAction()">{{ isAuthenticated ? 'Добавить зарплату' : 'Зарегистрироваться' }}</button> для получения актуальных данных.</div>
             </div>
 
             <div *ngIf="salariesChart.salariesByMoneyBarChart" class="mt-5 mb-5">
-              <div class="mb-3 h3">По всем IT-специалистам</div>
-              <div class="mb-3">
+              <div class="mb-3 h3">
+                <span>По всем IT-специалистам</span>
+                <span *ngIf="showDataStub" class="ms-2">(демонстрационные данные)</span>
+              </div>
+              <div *ngIf="!showDataStub" class="mb-3">
                 <i>TODO: в скором времени будет добавлена возможность фильтрации данных по специальностям, грейдам и фреймворкам/языкам программирования</i>
               </div>
 
diff --git a/src/app/modules/salaries/components/salaries-chart/stub-salaries-chart.ts b/src/app/modules/salaries/components/salaries-chart/stub-salaries-chart.ts
index 0397c482..d4b30598 100644
--- a/src/app/modules/salaries/components/salaries-chart/stub-salaries-chart.ts
+++ b/src/app/modules/salaries/components/salaries-chart/stub-salaries-chart.ts
@@ -35,10 +35,10 @@ export class StubSalariesChart extends SalariesChart {
         }
 
         super({
-            averageSalary: 450_000,
-            medianSalary: 356_000,
-            averageRemoteSalary: 750_000,
-            medianRemoteSalary: 656_000,
+            averageSalary: StubSalariesChart.getRandomNumber(1_000, 300) * 1000,
+            medianSalary: StubSalariesChart.getRandomNumber(1_000, 300) * 1000,
+            averageRemoteSalary: StubSalariesChart.getRandomNumber(1_200, 600) * 1000,
+            medianRemoteSalary: StubSalariesChart.getRandomNumber(1_200, 600) * 1000,
             shouldAddOwnSalary: true,
             salaries: salaries,
             salariesByProfession: [],