silva
/
adrema
2
1
Fork 0
Code Issues 23 Pull Requests 1 Projects 1 Releases 106 Wiki Activity

Extract FilterSidebar component

This commit is contained in:
philipp lang 2025-05-29 23:16:06 +02:00
parent 0311787eec
commit e047b9a4f2
2 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/js/components/page/Filter.vue
View File

@ -1,10 +1,7 @@
<template> <template>
<ui-sidebar :max="0" v-if="visible === true" @close="visible = false"> <page-filter-sidebar v-model="visible">
<page-header title="Filter" @close="visible = false"> </page-header>
<div class="grid gap-3 p-6">
<slot name="fields"></slot> <slot name="fields"></slot>
</div> </page-filter-sidebar>
</ui-sidebar>
<div class="px-6 py-2 border-b border-gray-600 items-center space-x-3"> <div class="px-6 py-2 border-b border-gray-600 items-center space-x-3">
<div class="flex flex-col sm:flex-row items-stretch sm:items-end space-y-1 sm:space-y-0 sm:space-x-3"> <div class="flex flex-col sm:flex-row items-stretch sm:items-end space-y-1 sm:space-y-0 sm:space-x-3">
<slot name="buttons"></slot> <slot name="buttons"></slot>

19
resources/js/components/page/FilterSidebar.vue Normal file
View File

@ -0,0 +1,19 @@
<template>
<ui-sidebar :max="0" v-if="modelValue === true" @close="$emit('update:modelValue', false)">
<page-header title="Filter" @close="$emit('update:modelValue', false)"> </page-header>
<div class="grid gap-3 p-6">
<slot></slot>
</div>
</ui-sidebar>
</template>
<script setup>
defineEmits(['update:modelValue']);
defineProps({
modelValue: {
type: Boolean,
required: true,
},
});
</script>