-
Notifications
You must be signed in to change notification settings - Fork 0
/
account.html
143 lines (136 loc) · 10.1 KB
/
account.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Spring Halloween Front</title>
<meta name="description" content="Frontend du site de fête d'Halloween du projet Spring">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>console.warn = function () { }</script>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.4/flowbite.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.4/flowbite.min.js"></script>
<script defer>
console.warn = function () { }
tailwind.config = {
darkMode: 'media',
theme: {
extend: {
colors: {
}
}
}
}
</script>
<script src="checkLogin.js" defer></script>
<script src="api.js" defer></script>
<script src="account.js" defer></script>
</head>
<body>
<nav class="bg-white border-gray-200 ">
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
<a href="/" class="flex items-center">
<span class="self-center text-2xl font-semibold whitespace-nowrap ">Spring Halloween</span>
</a>
<div class="flex items-center md:order-2">
<button type="button" class="flex mr-3 text-sm bg-gray-800 rounded-full md:mr-0 focus:ring-4 focus:ring-gray-300 " id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown" data-dropdown-placement="bottom">
<span class="sr-only">Open user menu</span>
<img class="w-8 h-8 rounded-full" src="https://cdn-icons-png.flaticon.com/512/147/147144.png" alt="user photo">
</button>
<!-- Dropdown menu -->
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow "
id="user-dropdown">
<div class="px-4 py-3">
<span class="block text-sm text-gray-900 " id="user_name_label">User name</span>
<span class="block text-sm text-gray-500 truncate " id="user_email_label">[email protected]</span>
</div>
<ul class="py-2" aria-labelledby="user-menu-button">
<li>
<a href="account.html" class="block py-2 ml-4 pl-3 pr-4 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 md:" aria-current="page">Mon compte</a>
</li>
<li>
<a href="logout.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 ">Déconnexion</a>
</li>
</ul>
</div>
<button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 " aria-controls="mobile-menu-2" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
<div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="mobile-menu-2">
<ul
class="flex flex-col font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:border-0 md:bg-white ">
<li>
<!-- active classes block py-2 pl-3 pr-4 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500 -->
<!-- inactive classes block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700 -->
<a href="/" class="block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 ">Accueil</a>
</li>
<li>
<a href="products.html" class="block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 ">Produits</a>
</li>
<li>
<a href="entreprises.html" class="block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 ">Entreprises</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="flex justify-center">
<div class="w-1/2 grid grid-cols-3 gap-8 mt-8 pb-24 ml-8" id="account">
<div class="col-span-2 md:col-span-1">
<label for="firstName" class="block text-center text-sm font-medium text-gray-700">Prénom</label>
<input disabled type="text" name="firstName" id="firstName" autocomplete="given-name" class="cursor-not-allowed block w-full mt-1 text-sm border-gray-300 rounded-md shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50 " placeholder="Prénom">
</div>
<div class="col-span-2 md:col-span-1">
<label for="lastName" class="block text-center text-sm font-medium text-gray-700">Nom</label>
<input disabled type="text" name="lastName" id="lastName" autocomplete="family-name" class="cursor-not-allowed block w-full mt-1 text-sm border-gray-300 rounded-md shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50 " placeholder="Nom">
</div>
<div class="col-span-2 md:col-span-1">
<label for="email" class="block text-center text-sm font-medium text-gray-700">Email</label>
<input disabled type="email" name="email" id="email" autocomplete="email" class="cursor-not-allowed block w-full mt-1 text-sm border-gray-300 rounded-md shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50 " placeholder="Addresse email">
</div>
<div class="col-span-2 md:col-span-1">
<label for="isAdmin" class="block text-center text-sm font-medium text-gray-700">Administrateur</label>
<input disabled type="checkbox" name="isAdmin" id="isAdmin" class="cursor-not-allowed block mx-auto w-1/2 h-8 mt-1 text-sm border-gray-300 rounded-full shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50 ">
</div>
<div class="col-span-2 md:col-span-1">
<label for="isEnterprise" class="block text-center text-sm font-medium text-gray-700">Entreprise</label>
<input disabled type="checkbox" name="isEnterprise" id="isEnterprise" class="cursor-not-allowed block mx-auto w-1/2 h-8 mt-1 text-sm border-gray-300 rounded-full shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50 ">
</div>
<div class="col-span-2 md:col-span-1">
<label for="address" class="block text-center text-sm font-medium text-gray-700">Adresse</label>
<div class="grid grid-cols-2 gap-2 mt-2 pb-4">
<input disabled type="number" name="address" id="address" class="cursor-not-allowed block w-full mt-1 text-sm border-gray-300 rounded-md shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" placeholder="Numéro de rue">
<input disabled type="text" name="addressName" id="addressName" class="cursor-not-allowed block w-full mt-1 text-sm border-gray-300 rounded-md shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" placeholder="Nom de rue">
<input disabled type="text" name="zipCode" id="zipCode" class="cursor-not-allowed block w-full mt-1 text-sm border-gray-300 rounded-md shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" placeholder="Code postal">
<input disabled type="text" name="city" id="city" class="cursor-not-allowed block w-full mt-1 text-sm border-gray-300 rounded-md shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" placeholder="Ville">
<input disabled type="text" name="country" id="country" class="cursor-not-allowed block w-full mt-1 text-sm border-gray-300 rounded-md shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" placeholder="Pays">
</div>
</div>
</div>
</div>
</body>
<footer
class="fixed bottom-0 left-0 z-20 w-full p-4 bg-white border-t border-gray-200 shadow md:flex md:items-center md:justify-between md:p-6 ">
<span class="text-sm text-gray-500 sm:text-center ">© 2023 <a href="/" class="hover:underline">Spring Halloween</a>. Tous droits réservés.
</span>
<ul class="flex flex-wrap items-center mt-3 text-sm font-medium text-gray-500 ">
<li>
<a href="#" class="mr-4 hover:underline md:mr-6">A propos</a>
</li>
<li>
<a href="#" class="mr-4 hover:underline md:mr-6">Politique de confidentialité</a>
</li>
<li>
<a href="#" class="mr-4 hover:underline md:mr-6">Conditions générales de ventes</a>
</li>
<li>
<a href="#" class="hover:underline">Nous contacter</a>
</li>
</ul>
</footer>
</html>