From ecb372ec701c77f3017f65dcc48b7d4871e74847 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Thu, 27 Oct 2022 16:59:38 +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=B0=20=D0=B2=D0=BE=D0=B7=D0=BC=D0=BE=D0=B6=D0=BD=D0=BE?=
 =?UTF-8?q?=D1=81=D1=82=D1=8C=20=D1=81=D0=BE=D0=BA=D1=80=D1=8B=D1=82=D0=B8?=
 =?UTF-8?q?=D1=8F=20=D0=B4=D0=BE=D0=BF=D0=BE=D0=BB=D0=BD=D0=B8=D1=82=D0=B5?=
 =?UTF-8?q?=D0=BB=D1=8C=D0=BD=D1=8B=D1=85=20=D0=BF=D0=B0=D1=80=D0=B0=D0=BC?=
 =?UTF-8?q?=D0=B5=D1=82=D1=80=D0=BE=D0=B2=20=D0=BF=D0=BE=D0=B8=D1=81=D0=BA?=
 =?UTF-8?q?=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/components/Search/Search.vue | 50 ++++++++++++++++++-----------
 client/store/root.js                |  1 +
 2 files changed, 33 insertions(+), 18 deletions(-)

diff --git a/client/components/Search/Search.vue b/client/components/Search/Search.vue
index 951a70f..e877e75 100644
--- a/client/components/Search/Search.vue
+++ b/client/components/Search/Search.vue
@@ -74,20 +74,6 @@
                         </q-tooltip>
                     </q-input>
                     <div class="q-mx-xs" />
-                    <q-input
-                        v-model="genreNames" :maxlength="inputMaxLength" :debounce="inputDebounce"
-                        class="q-mt-xs" :bg-color="inputBgColor()" input-style="cursor: pointer" style="width: 200px;" label="Жанр" stack-label outlined dense clearable readonly
-                        @click="selectGenre"
-                    >
-                        <template v-if="genreNames" #append>
-                            <q-icon name="la la-times-circle" class="q-field__focusable-action" @click.stop.prevent="search.genre = ''" />
-                        </template>
-
-                        <q-tooltip v-if="genreNames && showTooltips" :delay="500" anchor="bottom middle" content-style="font-size: 80%" max-width="400px">
-                            {{ genreNames }}
-                        </q-tooltip>
-                    </q-input>
-                    <div class="q-mx-xs" />
                     <q-input
                         v-model="search.lang" :maxlength="inputMaxLength" :debounce="inputDebounce"
                         class="q-mt-xs" :bg-color="inputBgColor()" input-style="cursor: pointer" style="width: 80px;" label="Язык" stack-label outlined dense clearable readonly
@@ -98,6 +84,17 @@
                         </q-tooltip>
                     </q-input>
 
+                    <div class="q-mx-xs" />
+                    <DivBtn
+                        class="text-white bg-info q-mt-xs" :size="34" :icon-size="24" :imt="1" 
+                        :icon="(extendedParams ? 'la la-angle-double-up' : 'la la-angle-double-down')"
+                        @click="extendedParams = !extendedParams"
+                    >
+                        <q-tooltip :delay="1500" anchor="bottom middle" content-style="font-size: 80%" max-width="400px">
+                            {{ `${(extendedParams ? 'Скрыть' : 'Показать')} дополнительные критерии поиска` }}
+                        </q-tooltip>
+                    </DivBtn>
+
                     <div class="q-mx-xs" />
                     <div class="row items-center q-mt-xs">
                         <div v-show="list.queryFound > 0">
@@ -108,6 +105,21 @@
                         </div>
                     </div>
                 </div>
+                <div v-show="extendedParams" class="row q-mx-md q-mb-sm items-center">
+                    <q-input
+                        v-model="genreNames" :maxlength="inputMaxLength" :debounce="inputDebounce"
+                        :bg-color="inputBgColor()" input-style="cursor: pointer" style="width: 200px;" label="Жанр" stack-label outlined dense clearable readonly
+                        @click="selectGenre"
+                    >
+                        <template v-if="genreNames" #append>
+                            <q-icon name="la la-times-circle" class="q-field__focusable-action" @click.stop.prevent="search.genre = ''" />
+                        </template>
+
+                        <q-tooltip v-if="genreNames && showTooltips" :delay="500" anchor="bottom middle" content-style="font-size: 80%" max-width="400px">
+                            {{ genreNames }}
+                        </q-tooltip>
+                    </q-input>
+                </div>
             </div>
 
             <div class="row justify-center" style="min-height: 48px">
@@ -222,6 +234,9 @@ const componentOptions = {
             },
             deep: true,
         },
+        extendedParams(newValue) {
+            this.setSetting('extendedParams', newValue);
+        },
         limit(newValue) {
             this.setSetting('limit', newValue);
 
@@ -290,7 +305,7 @@ class Search {
     selectGenreDialogVisible = false;
     selectLangDialogVisible = false;
 
-    pageCount = 1;
+    pageCount = 1;    
 
     //input field consts 
     inputMaxLength = 1000;
@@ -319,6 +334,7 @@ class Search {
     abCacheEnabled = true;
     langDefault = '';
     limit = 20;
+    extendedParams = false;
 
     //stuff
     prevList = {};
@@ -345,9 +361,6 @@ class Search {
         {label: '1000', value: 1000},
     ];
 
-    searchResult = {};
-    tableData = [];
-
     created() {
         this.commit = this.$store.commit;
         this.api = this.$root.api;
@@ -390,6 +403,7 @@ class Search {
 
         this.search.limit = settings.limit;
 
+        this.extendedParams = settings.extendedParams;
         this.expanded = _.cloneDeep(settings.expanded);
         this.expandedSeries = _.cloneDeep(settings.expandedSeries);
         this.showCounts = settings.showCounts;
diff --git a/client/store/root.js b/client/store/root.js
index 5f054e6..8ee7ac8 100644
--- a/client/store/root.js
+++ b/client/store/root.js
@@ -3,6 +3,7 @@ const state = {
     config: {},
     settings: {
         accessToken: '',
+        extendedParams: false,
         limit: 20,
         expandedAuthor: [],
         expandedSeries: [],