From de540a1316278cd5bddcc981b58d6769adfd6697 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Sun, 21 Aug 2022 21:52:31 +0700
Subject: [PATCH] =?UTF-8?q?=D0=9A=20=D0=BF=D1=80=D0=B5=D0=B4=D1=8B=D0=B4?=
 =?UTF-8?q?=D1=83=D1=89=D0=B5=D0=BC=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/components/Search/Search.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/client/components/Search/Search.vue b/client/components/Search/Search.vue
index ba3046f..ea81f8b 100644
--- a/client/components/Search/Search.vue
+++ b/client/components/Search/Search.vue
@@ -1,13 +1,21 @@
 <template>
     <div class="root column fit" style="position: relative">
-        <div v-show="loadingMessage" class="fit row justify-center items-center" style="position: absolute; background-color: rgba(0, 0, 0, 0.2); z-index: 1">
-            <div class="bg-white row justify-center items-center" style="width: 180px; height: 50px; border-radius: 10px; box-shadow: 2px 2px 10px #333333">
+        <div v-show="loadingMessage" class="fit row justify-center items-center" style="position: absolute; background-color: rgba(0, 0, 0, 0.2); z-index: 2">
+            <div class="bg-white row justify-center items-center q-px-lg" style="min-width: 180px; height: 50px; border-radius: 10px; box-shadow: 2px 2px 10px #333333">
                 <q-spinner color="primary" size="2em" />
                 <div class="q-ml-sm">
                     {{ loadingMessage }}
                 </div>
             </div>
         </div>
+        <div v-show="getBooksMessage" class="fit row justify-center items-center" style="position: absolute; background-color: rgba(0, 0, 0, 0.2); z-index: 1">
+            <div class="bg-white row justify-center items-center q-px-lg" style="min-width: 180px; height: 50px; border-radius: 10px; box-shadow: 2px 2px 10px #333333">
+                <q-spinner color="primary" size="2em" />
+                <div class="q-ml-sm">
+                    {{ getBooksMessage }}
+                </div>
+            </div>
+        </div>
 
         <div ref="scroller" class="col fit column no-wrap" style="overflow: auto; position: relative" @scroll="onScroll">
             <div ref="toolPanel" class="tool-panel column bg-green-11" style="position: sticky; top: 0; z-index: 10;">
@@ -188,6 +196,7 @@ class Search {
     projectName = '';
 
     loadingMessage = '';
+    getBooksMessage = '';
     page = 1;
     totalPages = 1;
     expanded = [];
@@ -382,7 +391,7 @@ class Search {
                 (async() => {
                     await utils.sleep(500);
                     if (this.getBooksFlag > 0)
-                        this.loadingMessage = 'Загрузка списка книг...';
+                        this.getBooksMessage = 'Загрузка списка книг...';
                 })();
             }
 
@@ -390,7 +399,7 @@ class Search {
         } finally {
             this.getBooksFlag--;
             if (this.getBooksFlag == 0)
-                this.loadingMessage = '';
+                this.getBooksMessage = '';
         }
     }