defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor Filters component to include a reset-form event in Transaksi, PencarianData, Anomali_LAPPKU, Anomali_LAPPGU, and Anomali_LAPPGP.vue files

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-04-06 00:29:48 +07:00
parent 9f3f8fcd88
commit b27972b0b5
8 changed files with 284 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Form/Filters.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import Button from '@/components/Buttons/Button.vue';
import { PhArrowsCounterClockwise, PhFileText, PhMagnifyingGlass } from '@phosphor-icons/vue';
import Button from '@/components/Buttons/Button.vue'
import { PhArrowsCounterClockwise, PhFileText, PhMagnifyingGlass } from '@phosphor-icons/vue'
defineProps({
reportButton: {
@@ -20,12 +20,22 @@ const emit = defineEmits(['runSearch', 'resetForm', 'runReport'])
<div class="flex justify-end px-4 py-3 filter-footer rounded-b-2xl bg-primary-50">
<div class="flex flex-wrap gap-3 filter-buttons">
<Button @on:click="() => emit('resetForm')" label="Ulangi" style-type="outline" class-name="bg-white !text-xs">
<Button
@on:click="() => emit('resetForm')"
label="Ulangi"
style-type="outline"
class-name="bg-white !text-xs"
>
<PhArrowsCounterClockwise size="16" class="ml-1" weight="regular" />
</Button>
<Button v-if="reportButton" label="Lihat Laporan" style-type="outline" class-name="bg-white !text-xs"
@on:click="() => emit('runReport')">
<Button
v-if="reportButton"
label="Lihat Laporan"
style-type="outline"
class-name="bg-white !text-xs"
@on:click="() => emit('runReport')"
>
<PhFileText size="16" class="ml-1" weight="regular" />
</Button>