studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

merge

Browse source
This commit is contained in:
isUnknown 2024-09-17 17:03:13 +02:00
parent 0667120de5
commit 1089938956
10 changed files with 122 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/views/Home.vue
View file

@ -1,12 +1,5 @@
<template>
<h1 class="sr-only">{{ data.content.title }}</h1>
<div class="with-sidebar">
<Menu />
<main>
<Projects />
<button class="btn | absolute right-0 bottom-0">Demander la création d’un projet</button>
</main>
</div>
<Projects />
</template>
<script setup>

53
src/views/Inspirations.vue
View file

@ -1,43 +1,35 @@
<template>
<h1 class="sr-only">{{ data.content.title }}</h1>
<div class="with-sidebar">
<Menu />
<main>
<h2 id="tabslist" class="sr-only">Les Inspirations / Mes Favoris</h2>
<Tabs :tabs="tabs" @update:currentTab="changeTab" />
<Selector />
<section :id="currentTab" class="inspiration" aria-labelledby="inspiration-title">
<Header v-if="currentTab === 'all'" :inspiration="currentInspiration" />
<div class="masonry flow">
<template
v-for="(item, index) in currentInspiration.media"
:key="item.id"
>
<Image
:item="item"
:inspirationUri="currentInspiration.uri"
:currentTab="currentTab"
/>
</template>
</div>
</section>
</main>
</div>
<h2 id="tabslist" class="sr-only">Inspirations</h2>
<Tabs :tabs="tabs" @update:currentTab="changeTab" />
<Selector />
<section :id="currentTab" class="inspiration">
<Header :inspiration="currentInspiration" />
<div class="masonry flow">
<template
v-for="(item, index) in currentInspiration.media"
:key="item.id"
>
<Image
:item="item"
:inspirationUri="currentInspiration.uri"
:currentTab="currentTab"
/>
</template>
</div>
</section>
</template>
<script setup>
import Menu from "../components/Menu.vue";
import Selector from "../components/inspirations/Selector.vue";
import Header from "../components/inspirations/Header.vue";
import Tabs from "../components/Tabs.vue";
import Image from "../components/inspirations/Image.vue";
import { useUserStore } from "../stores/user";
import { ref, computed } from "vue";
import { usePageStore } from "../stores/page";
import { storeToRefs } from "pinia";
const { data } = defineProps({
data: Object
});
const { page } = storeToRefs(usePageStore());
const user = useUserStore().user;
const currentTab = ref("all");
const tabs = computed(() => {
@ -59,7 +51,7 @@ const tabs = computed(() => {
];
});
const currentInspiration = ref(data.inspirations[0]);
const currentInspiration = ref(page.value.inspirations[0]);
const favoriteImages = computed(() => {
return currentInspiration.value.media.filter(
(image) => image.favoriteForUsers?.includes(user.uuid) ?? false
@ -69,7 +61,6 @@ const favoriteImages = computed(() => {
function changeTab(newValue) {
currentTab.value = newValue;
}
</script>
<style scoped>