verdnatura/salix-front
verdnatura
/
salix-front
1
2
Fork 1
Code Issues Pull Requests 60 Releases Wiki Activity

feat: refs #6891 shelving
gitea/salix-front/pipeline/pr-dev There was a failure building this commit Details

This commit is contained in:
Jorge Penadés 2024-05-07 11:22:35 +02:00
parent 777ee0895e
commit 097e25a0b8
2 changed files with 29 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/common/VnCard.vue
View File

@ -17,10 +17,10 @@ const props = defineProps({
filter: { type: Object, default: () => {} }, filter: { type: Object, default: () => {} },
descriptor: { type: Object, required: true }, descriptor: { type: Object, required: true },
filterPanel: { type: Object, default: undefined }, filterPanel: { type: Object, default: undefined },
searchbarDataKey: { type: String, default: undefined }, searchDataKey: { type: String, default: undefined },
searchbarUrl: { type: String, default: undefined }, searchUrl: { type: String, default: undefined },
searchbarLabel: { type: String, default: '' }, searchbarLabel: { type: String, default: undefined },
searchbarInfo: { type: String, default: '' }, searchbarInfo: { type: String, default: undefined },
customRouteRedirectName: { type: String, default: undefined }, customRouteRedirectName: { type: String, default: undefined },
}); });
@ -53,15 +53,18 @@ if (props.baseUrl) {
</script> </script>
<template> <template>
<template v-if="stateStore.isHeaderMounted()"> <template v-if="stateStore.isHeaderMounted()">
<Teleport to="#searchbar" v-if="props.searchbarDataKey"> <Teleport to="#searchbar" v-if="props.searchDataKey">
<slot name="searchbar">
<VnSearchbar <VnSearchbar
:data-key="props.searchbarDataKey" :data-key="props.searchDataKey"
:url="props.searchbarUrl" :url="props.searchUrl"
:label="t(props.searchbarLabel)" :label="t(props.searchbarLabel)"
:info="t(props.searchbarInfo)" :info="t(props.searchbarInfo)"
:custom-route-redirect-name="props.customRouteRedirectName" :custom-route-redirect-name="props.customRouteRedirectName"
/> />
</slot>
</Teleport> </Teleport>
<slot v-else name="searchbar" />
<QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256"> <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
<QScrollArea class="fit"> <QScrollArea class="fit">
<component :is="descriptor" /> <component :is="descriptor" />
@ -71,7 +74,7 @@ if (props.baseUrl) {
</QDrawer> </QDrawer>
<RightMenu> <RightMenu>
<template #right-panel v-if="props.filterPanel"> <template #right-panel v-if="props.filterPanel">
<component :is="props.filterPanel" :data-key="props.searchbarDataKey" /> <component :is="props.filterPanel" :data-key="props.searchDataKey" />
</template> </template>
</RightMenu> </RightMenu>
</template> </template>

14
src/pages/Shelving/Card/ShelvingCard.vue
View File

@ -1,7 +1,19 @@
<script setup> <script setup>
import VnCard from 'components/common/VnCard.vue'; import VnCard from 'components/common/VnCard.vue';
import ShelvingDescriptor from 'pages/Shelving/Card/ShelvingDescriptor.vue'; import ShelvingDescriptor from 'pages/Shelving/Card/ShelvingDescriptor.vue';
import ShelvingFilter from './ShelvingFilter.vue';
import ShelvingSearchbar from './ShelvingSearchbar.vue';
</script> </script>
<template> <template>
<VnCard data-key="Shelving" base-url="Shelvings" :descriptor="ShelvingDescriptor" /> <VnCard
data-key="Shelving"
base-url="Shelvings"
:descriptor="ShelvingDescriptor"
:filter-panel="ShelvingFilter"
search-data-key="ShelvingList"
>
<template #searchbar>
<ShelvingSearchbar />
</template>
</VnCard>
</template> </template>