|
35 | 35 | /> |
36 | 36 |
|
37 | 37 | <span |
38 | | - class="mt-2 text-xl font-semibold text-primary dark:text-primaryDark" |
| 38 | + class="text-primary dark:text-primaryDark mt-2 text-xl font-semibold" |
39 | 39 | >{{ currentPlayer.nickname }}</span |
40 | 40 | > |
41 | 41 | <span class="text-gray-500 dark:text-gray-400">{{ |
|
46 | 46 |
|
47 | 47 | <div class="mt-8"> |
48 | 48 | <div |
49 | | - class="mt-4 flex animate-fade justify-between px-4" |
| 49 | + class="animate-fade mt-4 flex justify-between px-4" |
50 | 50 | *ngIf=" |
51 | 51 | loading == false && isAdmin == true && (player$ | async) as currentPlayer |
52 | 52 | " |
53 | 53 | > |
54 | | - <span class="text-lg font-semibold text-primary dark:text-primaryDark" |
| 54 | + <span class="text-primary dark:text-primaryDark text-lg font-semibold" |
55 | 55 | >Administration</span |
56 | 56 | > |
57 | 57 | </div> |
58 | 58 |
|
59 | 59 | <section |
60 | 60 | id="player-admin" |
61 | | - class="mt-4 animate-fade px-4" |
| 61 | + class="animate-fade mt-4 px-4" |
62 | 62 | *ngIf=" |
63 | 63 | loading == false && isAdmin == true && (player$ | async) as currentPlayer |
64 | 64 | " |
65 | 65 | > |
66 | 66 | <div |
67 | | - class="rounded-lg bg-bgLight p-4 text-sm drop-shadow-lg dark:bg-bgDark" |
| 67 | + class="bg-bgLight dark:bg-bgDark rounded-lg p-4 text-sm drop-shadow-lg" |
68 | 68 | > |
69 | 69 | <div |
70 | | - class="flex cursor-pointer flex-row justify-between text-customRed" |
| 70 | + class="text-customRed flex cursor-pointer flex-row justify-between" |
71 | 71 | [routerLink]="['/admin']" |
72 | 72 | > |
73 | 73 | <a |
|
81 | 81 | <hr class="my-4" /> |
82 | 82 |
|
83 | 83 | <div |
84 | | - class="flex cursor-pointer flex-row justify-between text-customYellow" |
| 84 | + class="text-customYellow flex cursor-pointer flex-row justify-between" |
85 | 85 | [cdkCopyToClipboard]="token" |
86 | 86 | > |
87 | 87 | <a |
|
94 | 94 | </section> |
95 | 95 |
|
96 | 96 | <div |
97 | | - class="mt-4 flex animate-fade justify-between px-4" |
| 97 | + class="animate-fade mt-4 flex justify-between px-4" |
98 | 98 | *ngIf="loading == false && (player$ | async) as currentPlayer" |
99 | 99 | > |
100 | | - <span class="text-lg font-semibold text-primary dark:text-primaryDark" |
| 100 | + <span class="text-primary dark:text-primaryDark text-lg font-semibold" |
101 | 101 | >FIFA</span |
102 | 102 | > |
103 | 103 | </div> |
104 | 104 |
|
105 | 105 | <section |
106 | 106 | id="player-fifa" |
107 | | - class="mt-4 animate-fade px-4" |
| 107 | + class="animate-fade mt-4 px-4" |
108 | 108 | *ngIf="loading == false && (player$ | async) as currentPlayer" |
109 | 109 | > |
110 | 110 | <div |
111 | | - class="rounded-lg bg-bgLight p-4 text-sm drop-shadow-lg dark:bg-bgDark" |
| 111 | + class="bg-bgLight dark:bg-bgDark rounded-lg p-4 text-sm drop-shadow-lg" |
112 | 112 | > |
113 | 113 | <div |
114 | | - class="flex cursor-pointer flex-row justify-between text-primary dark:text-primaryDark" |
| 114 | + class="text-primary dark:text-primaryDark flex cursor-pointer flex-row justify-between" |
115 | 115 | [routerLink]="['/player', currentPlayer.id]" |
116 | 116 | > |
117 | 117 | <a |
|
125 | 125 | </section> |
126 | 126 |
|
127 | 127 | <div |
128 | | - class="mt-4 flex animate-fade justify-between px-4" |
| 128 | + class="animate-fade mt-4 flex justify-between px-4" |
129 | 129 | *ngIf="loading == false && (player$ | async) as currentPlayer" |
130 | 130 | > |
131 | | - <span class="text-lg font-semibold text-primary dark:text-primaryDark" |
| 131 | + <span class="text-primary dark:text-primaryDark text-lg font-semibold" |
132 | 132 | >League of Legends</span |
133 | 133 | > |
134 | 134 | </div> |
135 | 135 |
|
136 | 136 | <section |
137 | 137 | id="player-lol" |
138 | | - class="mt-4 animate-fade" |
| 138 | + class="animate-fade mt-4" |
139 | 139 | *ngIf="loading == false && (player$ | async) as currentPlayer" |
140 | 140 | > |
141 | 141 | <app-info-message |
|
146 | 146 | ></app-info-message> |
147 | 147 |
|
148 | 148 | <div |
149 | | - class="mx-4 rounded-lg bg-bgLight p-4 text-sm drop-shadow-lg dark:bg-bgDark" |
| 149 | + class="bg-bgLight dark:bg-bgDark mx-4 rounded-lg p-4 text-sm drop-shadow-lg" |
150 | 150 | > |
151 | 151 | <div |
152 | | - class="flex cursor-pointer flex-row justify-between text-primary dark:text-primaryDark" |
| 152 | + class="text-primary dark:text-primaryDark flex cursor-pointer flex-row justify-between" |
153 | 153 | [routerLink]="['/lol/summoner', currentPlayer.id]" |
154 | 154 | > |
155 | 155 | <div class="flex items-center space-x-2"> |
|
163 | 163 | </section> |
164 | 164 |
|
165 | 165 | <div |
166 | | - class="mt-4 flex animate-fade justify-between px-4" |
| 166 | + class="animate-fade mt-4 flex justify-between px-4" |
167 | 167 | *ngIf="loading == false && (player$ | async) as currentPlayer" |
168 | 168 | > |
169 | | - <span class="text-lg font-semibold text-primary dark:text-primaryDark" |
| 169 | + <span class="text-primary dark:text-primaryDark text-lg font-semibold" |
170 | 170 | >Préférences</span |
171 | 171 | > |
172 | 172 | </div> |
173 | 173 |
|
174 | 174 | <section |
175 | 175 | id="player-preferences" |
176 | | - class="mt-4 animate-fade px-4" |
| 176 | + class="animate-fade mt-4 px-4" |
177 | 177 | *ngIf="loading == false && (player$ | async) as currentPlayer" |
178 | 178 | > |
179 | 179 | <div |
180 | | - class="rounded-lg bg-bgLight p-4 text-sm drop-shadow-lg dark:bg-bgDark" |
| 180 | + class="bg-bgLight dark:bg-bgDark rounded-lg p-4 text-sm drop-shadow-lg" |
181 | 181 | > |
182 | 182 | <div |
183 | | - class="flex cursor-pointer flex-row justify-between text-primary dark:text-primaryDark" |
| 183 | + class="text-primary dark:text-primaryDark flex cursor-pointer flex-row justify-between" |
184 | 184 | > |
185 | 185 | <span |
186 | 186 | ><fa-icon [icon]="calendarIcon" class="mr-2"></fa-icon> |
|
195 | 195 | <input |
196 | 196 | type="text" |
197 | 197 | id="fullname" |
198 | | - class="peer block w-full appearance-none border-0 border-b-2 border-gray-300 bg-transparent px-0 py-2.5 text-sm text-primary focus:border-secondary focus:outline-none focus:ring-0 dark:text-primaryDark" |
| 198 | + class="peer text-primary focus:border-secondary dark:text-primaryDark block w-full appearance-none border-0 border-b-2 border-gray-300 bg-transparent px-0 py-2.5 text-sm focus:ring-0 focus:outline-none" |
199 | 199 | required |
200 | 200 | formControlName="fullName" |
201 | 201 | /> |
202 | 202 | <label |
203 | 203 | for="fullname" |
204 | | - class="absolute top-3 -z-10 origin-[0] -translate-y-6 scale-75 transform text-sm text-gray-300 duration-300 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:left-0 peer-focus:-translate-y-6 peer-focus:scale-75 peer-focus:font-medium peer-focus:text-secondary" |
| 204 | + class="peer-focus:text-secondary absolute top-3 -z-10 origin-[0] -translate-y-6 scale-75 transform text-sm text-gray-300 duration-300 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:left-0 peer-focus:-translate-y-6 peer-focus:scale-75 peer-focus:font-medium" |
205 | 205 | > |
206 | 206 | Nom complet |
207 | 207 | <span class="text-customRed">*</span> |
|
212 | 212 | <input |
213 | 213 | type="text" |
214 | 214 | id="nickname" |
215 | | - class="peer block w-full appearance-none border-0 border-b-2 border-gray-300 bg-transparent px-0 py-2.5 text-sm text-primary focus:border-secondary focus:outline-none focus:ring-0 dark:text-primaryDark" |
| 215 | + class="peer text-primary focus:border-secondary dark:text-primaryDark block w-full appearance-none border-0 border-b-2 border-gray-300 bg-transparent px-0 py-2.5 text-sm focus:ring-0 focus:outline-none" |
216 | 216 | required |
217 | 217 | formControlName="nickname" |
218 | 218 | /> |
219 | 219 | <label |
220 | 220 | for="nickname" |
221 | | - class="absolute top-3 -z-10 origin-[0] -translate-y-6 scale-75 transform text-sm text-gray-300 duration-300 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:left-0 peer-focus:-translate-y-6 peer-focus:scale-75 peer-focus:font-medium peer-focus:text-secondary" |
| 221 | + class="peer-focus:text-secondary absolute top-3 -z-10 origin-[0] -translate-y-6 scale-75 transform text-sm text-gray-300 duration-300 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:left-0 peer-focus:-translate-y-6 peer-focus:scale-75 peer-focus:font-medium" |
222 | 222 | > |
223 | 223 | Pseudo |
224 | 224 | <span class="text-customRed">*</span> |
|
229 | 229 | <input |
230 | 230 | type="text" |
231 | 231 | id="profilePictureUrl" |
232 | | - class="peer block w-full appearance-none border-0 border-b-2 border-gray-300 bg-transparent px-0 py-2.5 text-sm text-primary focus:border-secondary focus:outline-none focus:ring-0 dark:text-primaryDark" |
233 | | - required |
| 232 | + class="peer text-primary focus:border-secondary dark:text-primaryDark block w-full appearance-none border-0 border-b-2 border-gray-300 bg-transparent px-0 py-2.5 text-sm focus:ring-0 focus:outline-none" |
234 | 233 | formControlName="profilePictureUrl" |
235 | 234 | /> |
236 | 235 | <label |
237 | 236 | for="profilePictureUrl" |
238 | | - class="absolute top-3 -z-10 origin-[0] -translate-y-6 scale-75 transform text-sm text-gray-300 duration-300 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:left-0 peer-focus:-translate-y-6 peer-focus:scale-75 peer-focus:font-medium peer-focus:text-secondary" |
| 237 | + class="peer-focus:text-secondary absolute top-3 -z-10 origin-[0] -translate-y-6 scale-75 transform text-sm text-gray-300 duration-300 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:left-0 peer-focus:-translate-y-6 peer-focus:scale-75 peer-focus:font-medium" |
239 | 238 | > |
240 | 239 | Photo de profil (URL) |
241 | | - <span class="text-customRed">*</span> |
242 | 240 | </label> |
243 | 241 | </div> |
244 | 242 |
|
|
248 | 246 | <input |
249 | 247 | type="text" |
250 | 248 | id="riotGamesNickname" |
251 | | - class="peer block w-full appearance-none border-0 border-b-2 border-gray-300 bg-transparent px-0 py-2.5 text-sm text-primary focus:border-secondary focus:outline-none focus:ring-0 dark:text-primaryDark" |
| 249 | + class="peer text-primary focus:border-secondary dark:text-primaryDark block w-full appearance-none border-0 border-b-2 border-gray-300 bg-transparent px-0 py-2.5 text-sm focus:ring-0 focus:outline-none" |
252 | 250 | required |
253 | 251 | formControlName="riotGamesNickname" |
254 | 252 | /> |
255 | 253 | <label |
256 | 254 | for="riotGamesNickname" |
257 | | - class="absolute top-3 -z-10 origin-[0] -translate-y-6 scale-75 transform text-sm text-gray-300 duration-300 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:left-0 peer-focus:-translate-y-6 peer-focus:scale-75 peer-focus:font-medium peer-focus:text-secondary" |
| 255 | + class="peer-focus:text-secondary absolute top-3 -z-10 origin-[0] -translate-y-6 scale-75 transform text-sm text-gray-300 duration-300 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:left-0 peer-focus:-translate-y-6 peer-focus:scale-75 peer-focus:font-medium" |
258 | 256 | > |
259 | 257 | Nom de compte Riot Games |
260 | 258 | </label> |
|
264 | 262 | <input |
265 | 263 | type="text" |
266 | 264 | id="riotGamesTagLine" |
267 | | - class="peer block w-full appearance-none border-0 border-b-2 border-gray-300 bg-transparent px-0 py-2.5 text-sm text-primary focus:border-secondary focus:outline-none focus:ring-0 dark:text-primaryDark" |
| 265 | + class="peer text-primary focus:border-secondary dark:text-primaryDark block w-full appearance-none border-0 border-b-2 border-gray-300 bg-transparent px-0 py-2.5 text-sm focus:ring-0 focus:outline-none" |
268 | 266 | required |
269 | 267 | formControlName="riotGamesTagLine" |
270 | 268 | /> |
271 | 269 | <label |
272 | 270 | for="riotGamesTagLine" |
273 | | - class="absolute top-3 -z-10 origin-[0] -translate-y-6 scale-75 transform text-sm text-gray-300 duration-300 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:left-0 peer-focus:-translate-y-6 peer-focus:scale-75 peer-focus:font-medium peer-focus:text-secondary" |
| 271 | + class="peer-focus:text-secondary absolute top-3 -z-10 origin-[0] -translate-y-6 scale-75 transform text-sm text-gray-300 duration-300 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:left-0 peer-focus:-translate-y-6 peer-focus:scale-75 peer-focus:font-medium" |
274 | 272 | > |
275 | 273 | Tag (exemple: EUW) |
276 | 274 | </label> |
277 | 275 | </div> |
278 | 276 |
|
279 | 277 | <button |
280 | 278 | (click)="updateUser()" |
281 | | - class="delay-50 w-full rounded-lg border border-customGreen bg-bgLight px-5 py-2.5 text-center text-sm text-customGreen transition ease-in-out hover:bg-customGreen hover:text-white focus:outline-none focus:ring-4 focus:ring-customGreen dark:bg-bgDark" |
| 279 | + class="border-customGreen bg-bgLight text-customGreen hover:bg-customGreen focus:ring-customGreen dark:bg-bgDark w-full rounded-lg border px-5 py-2.5 text-center text-sm transition delay-50 ease-in-out hover:text-white focus:ring-4 focus:outline-none" |
282 | 280 | > |
283 | 281 | Mettre à jour |
284 | 282 | </button> |
|
287 | 285 | <hr class="my-4" /> |
288 | 286 |
|
289 | 287 | <div |
290 | | - class="flex cursor-pointer flex-row justify-between text-customRed" |
| 288 | + class="text-customRed flex cursor-pointer flex-row justify-between" |
291 | 289 | (click)="logout()" |
292 | 290 | > |
293 | 291 | <a><fa-icon [icon]="logoutIcon" class="mr-2"></fa-icon> Déconnexion </a> |
|
0 commit comments