Peaceultime/obsidian-visualiser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add insertion and deletion of tables for db sync, and user view

Browse Source
This commit is contained in:
Peaceultime
2024-09-10 14:25:23 +02:00
parent fa1a13d411
commit e904f28b3b
14 changed files with 127 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
pages/[...slug].vue
View File

@@ -2,13 +2,8 @@
<Head>
<Title>Inconnu</Title>
</Head>
<div class="site-body-center-column">
<div class="render-container">
<div class="not-found-container">
<div class="not-found-image"></div>
<div class="not-found-title">Introuvable</div>
<div class="not-found-description">Cette page n'existe pas</div>
</div>
</div>
<div class="h-100 w-100 flex flex-1 flex-col justify-center items-center">
<div class="text-3xl font-extralight tracking-wide text-light-60 dark:text-dark-60">Introuvable</div>
<div class="text-lg text-light-60 dark:text-dark-60">Cette page n'existe pas</div>
</div>
</template>

27
pages/users/[id].vue
View File

@@ -1,6 +1,31 @@
<script setup lang="ts">
const route = useRoute();
const { data: user } = useFetch(`/api/users/${route.params.id}`);
const { data: projects } = useFetch(`/api/users/${route.params.id}/projects`);
const { data: comments } = useFetch(`/api/users/${route.params.id}/comments`);
</script>
<template>
<Head>
<Title>Inconnu</Title>
</Head>
<div>TODO :)</div>
<div v-if="user" class="border border-light-35 dark:border-dark-35 p-4 flex">
<div>
<picture :width=128 :height=128 class="flex" >
<source :src="`/users/${user?.id}/normal.jpg`" :width=128 :height=128 />
<Icon :icon="`users/unknown`" :width=128 :height=128 ></Icon>
</picture>
</div>
<div class="flex flex-col">
<span class="text-xl font-semibold">{{ user?.username }}</span>
<span>Inscrit depuis le {{ format(new Date(user.signin_timestamp), 'dd/MM/yyyy') }}</span>
<br/>
<span>A créé {{ projects?.length ?? 0 }} projet(s)</span>
<span>A créé {{ comments?.length ?? 0 }} commentaire(s)</span>
</div>
</div>
<div v-else class="h-100 w-100 flex flex-1 flex-col justify-center items-center">
<div class="text-3xl font-extralight tracking-wide text-light-60 dark:text-dark-60">Introuvable</div>
<div class="text-lg text-light-60 dark:text-dark-60">Cette page n'existe pas</div>
</div>
</template>