Projets/NewTube
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update Angular cache and TypeScript build info

Browse Source
This commit is contained in:
bruno
2025-09-21 10:04:52 -04:00
parent 5d6aa17b81
commit 2420140cad
7 changed files with 174 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/shared/components/like-button/like-button.component.ts
+52 -32
View File
@@ -11,37 +11,39 @@ import { AuthService } from '../../../../services/auth.service';
imports: [CommonModule, HttpClientModule],
// Le service est déjà fourni via providedIn: 'root' dans le service
template: `
<button
(click)="onClick($event)"
[class.text-red-500]="isLiked()"
[class.text-slate-400]="!isLiked()"
[class.hover\:text-red-500]="!isLiked()"
[disabled]="isLoading() || !isAuthenticated()"
class="transition-colors duration-200 p-1 rounded-full hover:bg-slate-700/50 flex items-center justify-center"
[attr.aria-label]="!isAuthenticated() ? 'Connectez-vous pour aimer' : (isLiked() ? 'Retirer des vidéos aimées' : 'Ajouter aux vidéos aimées')"
[attr.aria-pressed]="isLiked()"
>
@if (isLoading()) {
<svg class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
</svg>
<span class="sr-only">Chargement...</span>
} @else {
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 24 24"
fill="currentColor"
[attr.aria-hidden]="true"
>
<path
[attr.d]="isLiked() ? 'M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' : 'M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'"
/>
</svg>
<span class="sr-only">{{ isLiked() ? 'Retirer des vidéos aimées' : 'Ajouter aux vidéos aimées' }}</span>
}
</button>
@if (isAuthenticated()) {
<button
(click)="onClick($event)"
[class.text-red-500]="isLiked()"
[class.text-slate-400]="!isLiked()"
[class.hover\:text-red-500]="!isLiked()"
[disabled]="isLoading()"
class="transition-colors duration-200 p-1 rounded-full hover:bg-slate-700/50 flex items-center justify-center"
[attr.aria-label]="isLiked() ? 'Retirer des vidéos aimées' : 'Ajouter aux vidéos aimées'"
[attr.aria-pressed]="isLiked()"
>
@if (isLoading()) {
<svg class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
</svg>
<span class="sr-only">Chargement...</span>
} @else {
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 24 24"
fill="currentColor"
[attr.aria-hidden]="true"
>
<path
[attr.d]="isLiked() ? 'M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' : 'M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'"
/>
</svg>
<span class="sr-only">{{ isLiked() ? 'Retirer des vidéos aimées' : 'Ajouter aux vidéos aimées' }}</span>
}
</button>
}
`,
styles: [
`
@@ -107,11 +109,23 @@ export class LikeButtonComponent implements OnInit, OnDestroy, OnChanges {
ngOnInit() {
// Vérifie le statut du like à l'initialisation
this.isAuthenticated.set(!!this.auth.currentUser());
if (!this.isAuthenticated()) {
// Utilisateur non connecté: ne pas appeler l'API et ne rien afficher
this.isLiked.set(false);
this.isLoading.set(false);
return;
}
this.checkLikeStatus();
}
ngOnChanges(changes: SimpleChanges) {
// Vérifie le statut du like lorsque les propriétés d'entrée changent
this.isAuthenticated.set(!!this.auth.currentUser());
if (!this.isAuthenticated()) {
this.isLiked.set(false);
this.isLoading.set(false);
return;
}
if (changes['videoId'] && !changes['videoId'].firstChange) {
this.checkLikeStatus();
}
@@ -134,7 +148,13 @@ export class LikeButtonComponent implements OnInit, OnDestroy, OnChanges {
this.isLoading.set(false);
return;
}
// Ne rien faire si l'utilisateur n'est pas connecté
if (!this.isAuthenticated()) {
this.isLiked.set(false);
this.isLoading.set(false);
return;
}
this.isLoading.set(true);
try {
this.likesService.isLiked(this.provider, this.videoId)