Ehrenamt/ff-webpage
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 13 Packages Wiki Activity Actions

component formatting and types

Browse source
This commit is contained in:
Julian Krauser 2025-02-14 13:57:55 +01:00
parent c2a7d15eeb
commit ce745c06e5
60 changed files with 464 additions and 301 deletions
Download patch file Download diff file Expand all files Collapse all files

29
components/shared/List.vue
View file

@ -1,5 +1,5 @@
<template>
<div v-if="data?.lookup.date_list" class="flex flex-row justify-between w-full max-w-4xl mx-auto">
<div v-if="data?.lookup.list_with_date != 'none'" class="flex flex-row justify-between w-full max-w-4xl mx-auto">
<svg
viewBox="0 0 24 24"
class="h-5 w-5 cursor-pointer fill-none stroke-2 stroke-black"
@ -20,26 +20,25 @@
</div>
<div
class="flex gap-2 w-full max-w-4xl mx-auto"
:class="data?.lookup.image_item ? 'flex-row flex-wrap justify-center' : ' flex-col'"
:class="data?.lookup.show_image ? 'flex-row flex-wrap justify-center' : ' flex-col'"
>
<div v-for="(item, index) in collection" :key="item.slug" class="contents">
<p
v-if="data?.lookup.date_list && data?.lookup.numbered_item == false && getDate(index) != ''"
class="w-full text-center"
>
<p v-if="data?.lookup.list_with_date == 'by-month' && getDate(index) != ''" class="w-full text-center">
{{ getDate(index) }}
</p>
<BaseListImageItem
v-if="data?.lookup.image_item"
v-if="data?.lookup.show_image"
:data="item"
:number-overwrite="data.lookup.numbered_item ? getNumber(index) : undefined"
:allow-navigation="data.enable_detail"
:lookup="data?.lookup"
:number-overwrite="getNumber(index)"
:allow-navigation="data.lookup.enable_detail"
/>
<BaseListItem
v-else-if="data?.lookup"
:data="item"
:number-overwrite="data.lookup.numbered_item ? getNumber(index) : undefined"
:allow-navigation="data.enable_detail"
:lookup="data?.lookup"
:number-overwrite="getNumber(index)"
:allow-navigation="data.lookup.enable_detail"
/>
</div>
</div>
@ -91,7 +90,7 @@
<script setup lang="ts">
import type { PropType } from "vue";
import type SharedList from "../../types/component/sharedList";
import type SharedList from "../../types/component/shared/list";
import type BaseCollection from "~/types/collection/baseCollection";
interface Meta {
@ -113,7 +112,7 @@ const years = ref<Array<number>>([]);
const pagination = ref<Meta>({ page: 0, pageSize: 0, pageCount: 0, total: 0 });
const activeYear = ref<number>(0);
if (props.data?.lookup.date_list) {
if (props.data?.lookup.list_with_date) {
const { data: year } = await useAsyncData<Array<number>>("distinct-years", () =>
$fetch(`${baseUrl}/api/custom/${props.data?.lookup.collection}/distinct-years`)
);
@ -122,7 +121,7 @@ if (props.data?.lookup.date_list) {
}
const { data: collections } = await useAsyncData("collection", () =>
find<BaseCollection>(props.data?.lookup.collection ?? "", {
...(props.data?.lookup?.date_list
...(props.data?.lookup?.list_with_date
? {
sort: "date:desc",
filters: {
@ -200,7 +199,7 @@ const displayedPagesNumbers = computed(() => {
});
function getNumber(index: number): number {
if (props.data?.lookup.inverse_count) {
if (props.data?.lookup.items_with_number == "inverted") {
return pagination.value.total - numberOffset.value - index;
} else {
return numberOffset.value + index + 1;