From 3e7b2cec83e069f073491c4b2cefc87f3120cb03 Mon Sep 17 00:00:00 2001
From: indicozy <berkutkarlibai@gmail.com>
Date: Thu, 18 Jan 2024 21:46:17 +0600
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D0=B1=D0=BB=D1=8E=D1=80=20=D0=B8=20=D0=B0=D0=BB=D0=B5=D1=80?=
 =?UTF-8?q?=D1=82=20=D0=BF=D0=BE=D0=B2=D0=B5=D1=80=D1=85=20=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../salaries-chart.component.html             | 21 ++++++++++++-------
 .../salaries-chart.component.scss             |  4 ++++
 2 files changed, 17 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 22a9f123..856fec90 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
@@ -2,13 +2,6 @@
 
 <div *ngIf="showDataStub" class="container mt-5 mb-3">
 
-  <div *ngIf="!isAuthenticated" class="alert alert-primary" role="alert">
-    <div class="mb-2 h3">Ваша зарплата «в рынке»?</div>
-    <div class="mb-3">Зарегистрируйтесь и оставьте данные о своей зарплате, чтобы узнать, сколько зарабатывают другие IT-специалисты в Казахстане.</div>
-    <div>
-      <button class="btn btn-primary" (click)="openAddSalaryAction()">Зарегистрироваться</button>
-    </div>
-  </div>
 
   <div *ngIf="isAuthenticated" class="alert alert-warning" role="alert">
     <div class="mb-2 h3">Ваша зарплата «в рынке»?</div>
@@ -20,8 +13,19 @@
 </div>
 
 <div class="container mb-5" *ngIf="salariesChart != null; else dataLoading">
+  <div class="position-relative">
+    <div class="position-absolute h-100 w-100 d-flex align-items-center justify-content-center">
+      <div *ngIf="!isAuthenticated" class="alert alert-info mx-5 z-1" role="alert">
+        <div class="mb-2 h3">Ваша зарплата «в рынке»?</div>
+        <div class="mb-3">Зарегистрируйтесь и оставьте данные о своей зарплате, чтобы узнать, сколько зарабатывают другие IT-специалисты в Казахстане.</div>
+        <div>
+          <button class="btn btn-primary" (click)="openAddSalaryAction()">Зарегистрироваться</button>
+        </div>
+      </div>
+    </div>
+
     <div class="card">
-      <div class="card-body p-5">
+      <div class="card-body p-5 {{!isAuthenticated ? 'blur' : ''}}">
 
         <div *ngIf="salariesChart">
           <div *ngIf="showDataStub" class="mb-3">
@@ -103,6 +107,7 @@
         
       </div>
     </div>
+    </div>
   </div>
 
   <app-add-salary-modal
diff --git a/src/app/modules/salaries/components/salaries-chart/salaries-chart.component.scss b/src/app/modules/salaries/components/salaries-chart/salaries-chart.component.scss
index e69de29b..07d204c6 100644
--- a/src/app/modules/salaries/components/salaries-chart/salaries-chart.component.scss
+++ b/src/app/modules/salaries/components/salaries-chart/salaries-chart.component.scss
@@ -0,0 +1,4 @@
+.blur {
+    -webkit-filter: blur(12px); /* Chrome, Safari, Opera */
+    filter: blur(12px);
+}
\ No newline at end of file