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
2023-01-13 18:16:53 +07:00
parent e983db84ba
commit 302dd8eeb4
2 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -56,18 +56,6 @@
</DivBtn>
</div>
<div v-show="!isExtendedSearch" class="row q-mx-md q-mb-xs items-center">
<DivBtn
class="text-grey-5 bg-yellow-1 q-mt-xs" :size="30" :icon-size="24" round
:icon="(extendedParams ? 'la la-angle-double-up' : 'la la-angle-double-down')"
@click.stop.prevent="extendedParams = !extendedParams"
>
<template #tooltip>
<q-tooltip :delay="1500" anchor="bottom middle" content-style="font-size: 80%" max-width="400px">
{{ `${(extendedParams ? 'Скрыть' : 'Показать')} дополнительные критерии поиска` }}
</q-tooltip>
</template>
</DivBtn>
<div class="q-mx-xs" />
<q-input
ref="authorInput" v-model="search.author" :maxlength="5000" :debounce="inputDebounce"
class="q-mt-xs" :bg-color="inputBgColor('author')" style="width: 200px;" label="Автор" stack-label outlined dense clearable
@@ -122,8 +110,6 @@
</DivBtn>
</div>
<div v-show="!isExtendedSearch && extendedParams" class="row q-mx-md q-mb-xs items-center">
<div style="width: 30px" />
<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
@@ -188,6 +174,20 @@
+{{ extendedParamsMessage }}
</div>
<DivBtn
v-show="!isExtendedSearch && (extendedParams || !extendedParamsMessage)"
class="text-grey-6" :size="16" :icon-size="16"
:icon="(extendedParams ? 'la la-angle-double-up' : 'la la-angle-double-down')"
@click.stop.prevent="extendedParams = !extendedParams"
no-shadow
>
<template #tooltip>
<q-tooltip :delay="1500" anchor="bottom middle" content-style="font-size: 80%" max-width="400px">
{{ `${(extendedParams ? 'Скрыть' : 'Показать')} дополнительные критерии поиска` }}
</q-tooltip>
</template>
</DivBtn>
<div v-show="isExtendedSearch" class="row q-mx-md q-mb-xs items-center">
<q-input
v-model="extSearchNames"

5
client/components/share/DivBtn.vue
View File

@@ -32,6 +32,7 @@ class DivBtn {
round: Boolean,
imt: { type: Number, default: 0 },// icon margin top
disabled: Boolean,
noShadow: Boolean,
};
pressed = false;
@@ -56,6 +57,9 @@ class DivBtn {
style.borderRadius = `${this.size}px`;
else
style.borderRadius = `${this.size/10}px`;
if (!this.noShadow)
style.boxShadow = '0.5px 1px 3px #333333';
}
async clickEffect(event) {
@@ -77,7 +81,6 @@ export default vueComponent(DivBtn);
<style scoped>
.button {
position: relative;
box-shadow: 0.5px 1px 3px #333333;
}
.button:hover {