From 1490fc854ad3c2472741cc6b1ea3fd2a90b6e58d Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Fri, 21 Oct 2022 13:27:28 +0700
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=BE=20=D0=BF=D0=BE=D0=B4=D1=81=D0=B2=D0=B5=D1=87=D0=B8?=
 =?UTF-8?q?=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=BD=D0=BE=D0=BC=D0=B5=D1=80?=
 =?UTF-8?q?=D0=B0=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=8B,=20?=
 =?UTF-8?q?=D0=B5=D1=81=D0=BB=D0=B8=20=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=BB=D0=B8=D1=81=D1=8C=20=D0=BA=D1=80=D0=B8=D1=82=D0=B5=D1=80?=
 =?UTF-8?q?=D0=B8=D0=B8=20=D0=BF=D0=BE=D0=B8=D1=81=D0=BA=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Search/PageScroller/PageScroller.vue      | 20 ++++++++++++++++++-
 client/components/Search/Search.vue           | 19 +++++++++++++++++-
 2 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/client/components/Search/PageScroller/PageScroller.vue b/client/components/Search/PageScroller/PageScroller.vue
index b873800..566abdd 100644
--- a/client/components/Search/PageScroller/PageScroller.vue
+++ b/client/components/Search/PageScroller/PageScroller.vue
@@ -3,7 +3,7 @@
         <div class="q-mr-xs">
             Страница
         </div>
-        <div class="bg-white">
+        <div class="trans" :class="{'bg-green-4': highlight, 'bg-white': !highlight}">
             <NumInput 
                 v-model="page" :min="1" :max="pageCount" mask="#######"
                 style="width: 220px" minus-icon="la la-chevron-circle-left" plus-icon="la la-chevron-circle-right" :disable="disable" mm-buttons
@@ -20,6 +20,7 @@
 import vueComponent from '../../vueComponent.js';
 
 import NumInput from '../../share/NumInput.vue';
+import * as utils from '../../../share/utils';
 
 const componentOptions = {
     components: {
@@ -43,10 +44,23 @@ class PageScroller {
     };
 
     page = 1;
+    highlight = false;
 
     created() {
     }
 
+    async highlightScroller() {
+        if (this.inTrans)
+            return;
+
+        this.inTrans = true;
+        await utils.sleep(300);
+        this.highlight = true;
+        await utils.sleep(300);
+        this.highlight = false;
+        await utils.sleep(300);
+        this.inTrans = false;
+    }
 }
 
 export default vueComponent(PageScroller);
@@ -54,4 +68,8 @@ export default vueComponent(PageScroller);
 </script>
 
 <style scoped>
+.trans {
+    border-radius: 5px;
+    transition: background-color 0.3s linear;
+}
 </style>
\ No newline at end of file
diff --git a/client/components/Search/Search.vue b/client/components/Search/Search.vue
index 32cf1b8..196fb8a 100644
--- a/client/components/Search/Search.vue
+++ b/client/components/Search/Search.vue
@@ -125,7 +125,7 @@
             </div>
 
             <div class="row justify-center" style="min-height: 48px">
-                <PageScroller v-show="pageCount > 1" v-model="search.page" :page-count="pageCount" />
+                <PageScroller v-show="pageCount > 1" ref="pageScroller1" v-model="search.page" :page-count="pageCount" />
             </div>
 
             <!-- Формирование списка ------------------------------------------------------------------------>
@@ -941,6 +941,22 @@ class Search {
         });
     }
 
+    highlightPageScroller(query) {
+        const q = _.cloneDeep(query);
+        delete q.limit;
+        delete q.offset;
+        delete q.page;
+
+        try {
+            if (this.search.page < 2 || !this._prevQuery || _.isEqual(this._prevQuery, q))
+                return;
+
+            this.$refs.pageScroller1.highlightScroller();
+        } finally {
+            this._prevQuery = q;
+        }
+    }
+
     async updateSearchFromRouteQuery(to) {
         if (this.liberamaReady)
             this.sendCurrentUrl();
@@ -1477,6 +1493,7 @@ class Search {
                         await this.updateGenreTreeIfNeeded();
                         await this.updateTableData();
                         this.scrollToTop();
+                        this.highlightPageScroller(query);
                     }
                 } catch (e) {
                     this.$root.stdDialog.alert(e.message, 'Ошибка');