Skip to content

Commit e513249

Browse files
TiakinTiakin
committed
Update footer seulement dans account
1 parent 7c856d2 commit e513249

1 file changed

Lines changed: 80 additions & 74 deletions

File tree

‎src/routes/page-account/+page.svelte‎

Lines changed: 80 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<script>
22
import { getUserData, isConnected, saveUserData } from "$lib/store.js";
3+
import Footer from "$lib/Footer.svelte";
34
import { goto } from "$app/navigation";
45
import { onMount } from "svelte";
56
@@ -104,107 +105,112 @@
104105
105106
</script>
106107

107-
<div class="container mx-auto p-4">
108+
<div class="flex flex-grow flex-col">
109+
<div class="container mx-auto p-4">
108110

109-
{#if $isConnected === true}
111+
{#if $isConnected === true}
110112

111-
<h1 class="text-3xl font-bold text-center my-8">Bienvenue, {user.pseudo}</h1>
113+
<h1 class="text-3xl font-bold text-center my-8">Bienvenue, {user.pseudo}</h1>
112114

113-
<section class="account-information max-w-md mx-auto p-4 border rounded-lg shadow-md">
114-
<!-- Affichage des informations utilisateur -->
115-
{#if !isEditingInfo && !isEditingPassword}
116-
<h2 class="text-xl font-semibold mb-4">Informations personnelles</h2>
115+
<section class="account-information max-w-md mx-auto p-4 border rounded-lg shadow-md">
116+
<!-- Affichage des informations utilisateur -->
117+
{#if !isEditingInfo && !isEditingPassword}
118+
<h2 class="text-xl font-semibold mb-4">Informations personnelles</h2>
117119

118-
<p><strong>Pseudo :</strong> {user.pseudo}</p>
119-
<p><strong>Email :</strong> {user.email}</p>
120+
<p><strong>Pseudo :</strong> {user.pseudo}</p>
121+
<p><strong>Email :</strong> {user.email}</p>
120122

121-
<div class="mt-4 flex space-x-4">
122-
<button class="p-2 bg-blue-600 text-white font-bold rounded" on:click={() => isEditingInfo = true}>Modifier les informations</button>
123-
<button class="p-2 bg-blue-600 text-white font-bold rounded" on:click={() => isEditingPassword = true}>Modifier le mot de passe</button>
124-
</div>
123+
<div class="mt-4 flex space-x-4">
124+
<button class="p-2 bg-blue-600 text-white font-bold rounded" on:click={() => isEditingInfo = true}>Modifier les informations</button>
125+
<button class="p-2 bg-blue-600 text-white font-bold rounded" on:click={() => isEditingPassword = true}>Modifier le mot de passe</button>
126+
</div>
125127

126-
{/if}
128+
{/if}
127129

128-
<!-- Formulaire de modification des informations utilisateur -->
129-
{#if isEditingInfo}
130-
<form on:submit|preventDefault={updateUser}>
130+
<!-- Formulaire de modification des informations utilisateur -->
131+
{#if isEditingInfo}
132+
<form on:submit|preventDefault={updateUser}>
131133

132-
<h2 class="text-xl font-semibold mb-4">Modifier les informations personnelles</h2>
134+
<h2 class="text-xl font-semibold mb-4">Modifier les informations personnelles</h2>
133135

134-
{#if isSameInfo}
135-
<p class="text-red-600">Vous n'avez pas modifié vos informations</p>
136-
{/if}
136+
{#if isSameInfo}
137+
<p class="text-red-600">Vous n'avez pas modifié vos informations</p>
138+
{/if}
137139

138-
<label for="pseudo" class="block mb-2 font-medium">Pseudo :</label>
139-
<input type="text" name="pseudo" id="pseudo" bind:value="{userUpdate.pseudo}" class="w-full p-2 border rounded mb-4" required />
140+
<label for="pseudo" class="block mb-2 font-medium">Pseudo :</label>
141+
<input type="text" name="pseudo" id="pseudo" bind:value="{userUpdate.pseudo}" class="w-full p-2 border rounded mb-4" required />
140142

141-
{#if isSameEmail}
142-
<p class="text-red-600">L'email existe déja</p>
143-
{/if}
143+
{#if isSameEmail}
144+
<p class="text-red-600">L'email existe déja</p>
145+
{/if}
144146

145-
<label for="email" class="block mb-2 font-medium">Email :</label>
146-
<input type="email" name="email" id="email" bind:value="{userUpdate.email}" class="w-full p-2 border rounded mb-4" required />
147+
<label for="email" class="block mb-2 font-medium">Email :</label>
148+
<input type="email" name="email" id="email" bind:value="{userUpdate.email}" class="w-full p-2 border rounded mb-4" required />
147149

148-
<div class="flex space-x-4">
149-
<button type="submit" class="p-2 bg-blue-600 text-white font-bold rounded">Enregistrer</button>
150-
<button type="button" class="p-2 bg-gray-600 text-white font-bold rounded" on:click={() => {isEditingInfo = false;isSameInfo = false; refreshForm()}}>Annuler</button>
151-
</div>
152-
</form>
153-
{/if}
150+
<div class="flex space-x-4">
151+
<button type="submit" class="p-2 bg-blue-600 text-white font-bold rounded">Enregistrer</button>
152+
<button type="button" class="p-2 bg-gray-600 text-white font-bold rounded" on:click={() => {isEditingInfo = false;isSameInfo = false; refreshForm()}}>Annuler</button>
153+
</div>
154+
</form>
155+
{/if}
154156

155-
<!-- Formulaire de modification du mot de passe -->
156-
{#if isEditingPassword}
157-
<form on:submit|preventDefault={updatePassword}>
157+
<!-- Formulaire de modification du mot de passe -->
158+
{#if isEditingPassword}
159+
<form on:submit|preventDefault={updatePassword}>
158160

159-
<h2 class="text-xl font-semibold mb-4">Changer de mot de passe</h2>
161+
<h2 class="text-xl font-semibold mb-4">Changer de mot de passe</h2>
160162

161-
{#if isNotActualPassword}
162-
<p class="text-red-600">Le mot de passe actuel est incorrect</p>
163-
<!-- rajouter un mdp oublié ici ? -->
164-
{/if}
163+
{#if isNotActualPassword}
164+
<p class="text-red-600">Le mot de passe actuel est incorrect</p>
165+
<!-- rajouter un mdp oublié ici ? -->
166+
{/if}
165167

166-
<label for="current_password" class="block mb-2 font-medium">Mot de passe actuel :</label>
167-
<input type="password" name="current_password" id="current_password" bind:value="{userUpdate.password}" class="w-full p-2 border rounded mb-4" required />
168+
<label for="current_password" class="block mb-2 font-medium">Mot de passe actuel :</label>
169+
<input type="password" name="current_password" id="current_password" bind:value="{userUpdate.password}" class="w-full p-2 border rounded mb-4" required />
168170

169-
{#if isNotSamePassword}
170-
<p class="text-red-600">Les mots de passe ne correspondent pas</p>
171-
{/if}
171+
{#if isNotSamePassword}
172+
<p class="text-red-600">Les mots de passe ne correspondent pas</p>
173+
{/if}
172174

173-
<label for="new_password" class="block mb-2 font-medium">Nouveau mot de passe :</label>
174-
<input type="password" name="new_password" id="new_password" bind:value="{userUpdate.new_password}" class="w-full p-2 border rounded mb-4" required />
175+
<label for="new_password" class="block mb-2 font-medium">Nouveau mot de passe :</label>
176+
<input type="password" name="new_password" id="new_password" bind:value="{userUpdate.new_password}" class="w-full p-2 border rounded mb-4" required />
175177

176-
<label for="confirm_password" class="block mb-2 font-medium">Confirmer le mot de passe :</label>
177-
<input type="password" name="confirm_password" id="confirm_password" bind:value="{userUpdate.confirm_password}" class="w-full p-2 border rounded mb-4" required />
178+
<label for="confirm_password" class="block mb-2 font-medium">Confirmer le mot de passe :</label>
179+
<input type="password" name="confirm_password" id="confirm_password" bind:value="{userUpdate.confirm_password}" class="w-full p-2 border rounded mb-4" required />
178180

179-
<div class="flex space-x-4">
180-
<button type="submit" class="p-2 bg-blue-600 text-white font-bold rounded">Enregistrer</button>
181-
<button type="button" class="p-2 bg-gray-600 text-white font-bold rounded" on:click={() => {isEditingPassword = false;refreshForm()}}>Annuler</button>
182-
</div>
183-
</form>
184-
{/if}
185-
</section>
181+
<div class="flex space-x-4">
182+
<button type="submit" class="p-2 bg-blue-600 text-white font-bold rounded">Enregistrer</button>
183+
<button type="button" class="p-2 bg-gray-600 text-white font-bold rounded" on:click={() => {isEditingPassword = false;refreshForm()}}>Annuler</button>
184+
</div>
185+
</form>
186+
{/if}
187+
</section>
186188

187-
{:else}
188-
<div class="flex flex-col items-center h-full">
189+
{:else}
190+
<div class="flex flex-col items-center h-full">
189191

190-
<h1 class="text-3xl font-bold text-center my-8">Bienvenue voyageur du futur</h1>
192+
<h1 class="text-3xl font-bold text-center my-8">Bienvenue voyageur du futur</h1>
191193

192-
<p>Vous n'êtes pas connecté !</p>
193-
<p>Pour vous connecter ou vous inscrire, cliquez ici :</p>
194+
<p>Vous n'êtes pas connecté !</p>
195+
<p>Pour vous connecter ou vous inscrire, cliquez ici :</p>
194196

195-
<div class="flex flex-row">
197+
<div class="flex flex-row">
196198

197-
<button
198-
class="text-sm my-1 mx-1 px-3 py-1 rounded bg-teal-500 hover:bg-teal-600 text-white transition duration-200"
199-
on:click={goto("/page-connection/connection/")}>Login</button>
199+
<button
200+
class="text-sm my-1 mx-1 px-3 py-1 rounded bg-teal-500 hover:bg-teal-600 text-white transition duration-200"
201+
on:click={goto("/page-connection/connection/")}>Login</button>
200202

201-
<button
202-
class="text-sm my-1 px-3 py-1 rounded bg-teal-500 hover:bg-teal-600 text-white transition duration-200"
203-
on:click={goto("/page-connection/register/")}>Sign in</button>
203+
<button
204+
class="text-sm my-1 px-3 py-1 rounded bg-teal-500 hover:bg-teal-600 text-white transition duration-200"
205+
on:click={goto("/page-connection/register/")}>Sign in</button>
204206

205-
</div>
207+
</div>
206208

207-
</div>
208-
{/if}
209+
</div>
210+
{/if}
209211

210-
</div>
212+
</div>
213+
<div class="mt-auto bg-gray-900 p-5">
214+
<Footer />
215+
</div>
216+
</div>

0 commit comments

Comments
 (0)