adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-15 03:32:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

add export buttons for aggregated export and pdf export

Browse Source
This commit is contained in:
Gregor Vostrak
2024-10-23 14:33:02 +02:00
committed by Constantin Graf
parent b0bcc4f330
commit 7c1fe35754
6 changed files with 251 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
resources/js/Components/Common/Reporting/ReportingExportButton.vue Normal file
View File

@@ -0,0 +1,50 @@
<script setup lang="ts">
import { SecondaryButton } from '@/packages/ui/src';
import { ArrowDownTrayIcon } from '@heroicons/vue/20/solid';
import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
import type { ExportFormat } from '@/types/reporting';
const emit = defineEmits<{
submit: [ExportFormat];
}>();
</script>
<template>
<Dropdown align="bottom-end">
<template #trigger>
<SecondaryButton>
<div class="flex space-x-2 items-center">
<ArrowDownTrayIcon
class="w-4 text-text-tertiary"></ArrowDownTrayIcon>
<span>Export</span>
</div>
</SecondaryButton>
</template>
<template #content>
<div class="flex flex-col space-y-1 p-1.5">
<SecondaryButton
class="border-0 px-2"
@click="emit('submit', 'pdf')"
>Export as PDF</SecondaryButton
>
<SecondaryButton
class="border-0 px-2"
@click="emit('submit', 'xlsx')"
>Export as Excel</SecondaryButton
>
<SecondaryButton
class="border-0 px-2"
@click="emit('submit', 'csv')"
>Export as CSV</SecondaryButton
>
<SecondaryButton
class="border-0 px-2"
@click="emit('submit', 'ods')"
>Export as ODS
</SecondaryButton>
</div>
</template>
</Dropdown>
</template>
<style scoped></style>