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

Components rework and lots of fixes

Browse Source
This commit is contained in:
Peaceultime
2024-09-05 17:44:30 +02:00
parent 094f27d9ad
commit d7a8087c6c
21 changed files with 286 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
pages/third-party.vue
View File

@@ -1,9 +1,14 @@
<script setup lang="ts">
let data = `### Librairies, framework et outils libres utilisés:
- [Vuejs](https://vuejs.org/) - MIT License - Copyright (c) 2018-present, Yuxi (Evan) You and Vue contributors
- [vue.js](https://vuejs.org/) - MIT License - Copyright (c) 2018-present, Yuxi (Evan) You and Vue contributors
- [vue-router](https://router.vuejs.org/) - MIT License - Copyright (c) 2019-present Eduardo San Martin Morote
- [Nuxt](https://nuxt.com/) - MIT License - Copyright (c) 2016-present - Nuxt Team
- [nuxt-auth-utils](https://github.com/atinux/nuxt-auth-utils) - MIT License - Copyright (c) 2023 Sébastien Chopin
- [nuxt](https://nuxt.com/) - MIT License - Copyright (c) 2016-present - Nuxt Team
- [@nuxtjs/color-mode](https://color-mode.nuxtjs.org/) - MIT License - Copyright (c) Nuxt Team
- [@nuxtjs/tailwindcss](https://tailwindcss.nuxtjs.org/) - MIT License - Copyright (c) Nuxt Community
- [@vueuse/nuxt](https://vueuse.org/) - MIT License - Copyright (c) 2019-PRESENT Anthony Fu https://github.com/antfu
- [nuxt-security](https://nuxt-security.vercel.app/) - MIT License - Copyright (c) 2023 Baroshem jakub.andrzejewski.dev@gmail.com
- [zod](https://zod.dev/) - MIT License - Copyright (c) 2020 Colin McDonnell
- [unified](https://unifiedjs.com/) - MIT License - Copyright (c) 2015 Titus Wormer <tituswormer@gmail.com>
Le logo a été créé grace aux icones de [Game Icons](https://game-icons.net).`;
</script>

4
pages/user/login.vue
View File

@@ -80,9 +80,9 @@ function handleErrors(error: Error | ZodError)
<div class="p-8 w-[48em] border border-light-35 dark:border-dark-35">
<form @submit.prevent="submit" class="p-4 bg-light-25 dark:bg-dark-30">
<h1 class="text-2xl font-bold tracking-wider pb-4">Connexion</h1>
<Input type="text" autocomplete="username" v-model="state.usernameOrEmail"
<InputField type="text" autocomplete="username" v-model="state.usernameOrEmail"
placeholder="" title="Nom d'utilisateur ou adresse mail" :error="usernameError" class="w-[24em]" />
<Input type="password" autocomplete="current-password" v-model="state.password"
<InputField type="password" autocomplete="current-password" v-model="state.password"
placeholder="" title="Mot de passe"
:error="passwordError" class="w-[24em]"/>
<span v-if="generalError" class="text-light-red dark:text-dark-red">{{ generalError }}</span>

8
pages/user/register.vue
View File

@@ -89,11 +89,11 @@ function handleErrors(error: Error | ZodError)
<div class="p-8 w-[48em] border border-light-35 dark:border-dark-35">
<form @submit.prevent="submit" class="p-4 bg-light-25 dark:bg-dark-30">
<h1 class="text-2xl font-bold tracking-wider pb-4">Inscription</h1>
<Input type="text" autocomplete="username" v-model="state.username"
<InputField type="text" autocomplete="username" v-model="state.username"
placeholder="Entrez un nom d'utilisateur" title="Nom d'utilisateur" :error="usernameError" class="w-[24em]"/>
<Input type="text" autocomplete="email" v-model="state.email" placeholder="Entrez une addresse mail"
<InputField type="text" autocomplete="email" v-model="state.email" placeholder="Entrez une addresse mail"
title="Adresse mail" :error="emailError" class="w-[24em]"/>
<Input type="password" autocomplete="new-password" v-model="state.password"
<InputField type="password" autocomplete="new-password" v-model="state.password"
placeholder="Entrez un mot de passe" title="Mot de passe"
:error="!(checkedLength && checkedLowerUpper && checkedDigit && checkedSymbol)" class="w-[24em]"/>
<div class="flex flex-col font-light">
@@ -110,7 +110,7 @@ function handleErrors(error: Error | ZodError)
<pre>! " # $ % & ' ( ) * + , - . / : ; < = > ? @ [ ] ^ _ ` { | } ~</pre>
</span>
</div>
<Input type="password" v-model="confirmPassword" placeholder="Confirmer le mot de passe"
<InputField type="password" v-model="confirmPassword" placeholder="Confirmer le mot de passe"
title="Confirmer le mot de passe"
autocomplete="new-password"
:error="confirmPassword === '' || confirmPassword === state.password ? '' : 'Les mots de passe saisies ne sont pas identique'" class="w-[24em]"/>