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

feat(sync): sélecteur de chaîne YouTube (multi-chaînes/marque) via PageId

Browse Source
This commit is contained in:
bruno
2026-09-27 08:05:01 -04:00
parent d3836989ea
commit f038f19b71
7 changed files with 216 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/library/import/import.component.html
+33
View File
@@ -89,6 +89,39 @@
</div>
</div>
<!-- ==================== CHAÎNE YOUTUBE ==================== -->
<div *ngIf="!loading() && isConnected('google')" class="mt-4 rounded-xl border border-slate-800 bg-slate-900/60 p-4">
<h3 class="text-lg font-semibold text-slate-100"><span class="mr-2">📺</span>Chaîne YouTube utilisée</h3>
<p class="mt-1 text-sm text-slate-400">
Comptes multi-chaînes / marque : la chaîne par défaut est parfois vide (pas d’historique ni de Regarder plus tard).
Choisissez la chaîne où se trouve votre activité réelle.
</p>
<div class="mt-3 flex flex-wrap gap-2">
<button type="button" (click)="loadYtChannels()" [disabled]="ytChannelsLoading()"
class="rounded-md border border-slate-700 bg-slate-800 px-3 py-1.5 text-sm text-slate-200 transition hover:border-slate-500">
{{ ytChannelsLoading() ? 'Chargement…' : (ytChannels().length ? 'Recharger' : 'Lister mes chaînes') }}
</button>
</div>
<div *ngIf="ytChannelsError()" class="mt-2 rounded-lg border border-red-700 bg-red-900/30 p-2 text-xs text-red-200">{{ ytChannelsError() }}</div>
<div *ngIf="ytChannels().length" class="mt-3 space-y-2">
<label *ngFor="let c of ytChannels()" class="flex cursor-pointer items-center gap-3 rounded-lg border border-slate-700 bg-slate-800/60 px-3 py-2 text-sm transition hover:border-slate-500">
<input type="radio" name="yt-channel" [value]="c.channelId || ''" [ngModel]="ytSelectedChannelId()" (ngModelChange)="ytSelectedChannelId.set($event)" class="accent-red-600" />
<span class="flex-1">
<span class="block font-medium text-slate-100">{{ c.title }}</span>
<span *ngIf="c.handle" class="block text-xs text-slate-400">{{ c.handle }}</span>
</span>
<span *ngIf="c.selected" class="rounded-full bg-slate-700 px-2 py-0.5 text-xs text-slate-300">actuelle</span>
</label>
<div class="flex flex-wrap items-center gap-2">
<button type="button" (click)="saveYtChannel()" [disabled]="ytSavingChannel()"
class="rounded-md bg-red-600 px-3 py-1.5 text-sm font-semibold text-white transition hover:bg-red-500 disabled:opacity-40">
{{ ytSavingChannel() ? 'Enregistrement…' : 'Utiliser cette chaîne' }}
</button>
<span *ngIf="ytChannelSaved()" class="text-xs text-green-200">{{ ytChannelSaved() }}</span>
</div>
</div>
</div>
<!-- ==================== HISTORIQUE TAKEOUT ==================== -->
<div *ngIf="!loading()" class="mt-4 rounded-xl border border-slate-800 bg-slate-900/60 p-4">
<h3 class="text-lg font-semibold text-slate-100"><span class="mr-2">🕘</span>Historique YouTube (Takeout)</h3>