deadcxap/inpx-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

К предыдущему

Browse Source
This commit is contained in:
Book Pauk
2022-08-21 21:52:31 +07:00
parent 3564089b7c
commit de540a1316
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
client/components/Search/Search.vue
View File

@@ -1,13 +1,21 @@
<template> <template>
<div class="root column fit" style="position: relative"> <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 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" style="width: 180px; height: 50px; border-radius: 10px; box-shadow: 2px 2px 10px #333333"> <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" /> <q-spinner color="primary" size="2em" />
<div class="q-ml-sm"> <div class="q-ml-sm">
{{ loadingMessage }} {{ loadingMessage }}
</div> </div>
</div> </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="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;"> <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 = ''; projectName = '';
loadingMessage = ''; loadingMessage = '';
getBooksMessage = '';
page = 1; page = 1;
totalPages = 1; totalPages = 1;
expanded = []; expanded = [];
@@ -382,7 +391,7 @@ class Search {
(async() => { (async() => {
await utils.sleep(500); await utils.sleep(500);
if (this.getBooksFlag > 0) if (this.getBooksFlag > 0)
this.loadingMessage = 'Загрузка списка книг...'; this.getBooksMessage = 'Загрузка списка книг...';
})(); })();
} }
@@ -390,7 +399,7 @@ class Search {
} finally { } finally {
this.getBooksFlag--; this.getBooksFlag--;
if (this.getBooksFlag == 0) if (this.getBooksFlag == 0)
this.loadingMessage = ''; this.getBooksMessage = '';
} }
} }