mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-08 17:06:15 -08:00
Confirmations: ConfirmDialogData.confirmLabel is required, so no dialog can
fall back to "Yes"/"No"; the dismiss defaults to "Cancel" and
`tone: 'destructive'` styles the confirm with .app-destructive-button. Every
caller names its action ("Remove playlist", "Clear", "Refresh playlist",
"Cancel download" with a "Close" dismiss). The confirm button has the
confirm-dialog-confirm test id and drops its no-op color="primary".
The no-op `warn` color input becomes .app-destructive-button on the EPG
mapping, playlist item, error view, EPG/reset settings, delete-all and source
cleanup buttons, and on the unsaved-changes dialog's Discard.
Provider icons come from SOURCE_TYPE_ICONS in shared/interfaces (Xtream
cloud, Stalker cast, M3U playlist_play / link / description / subject) in the
add dialog, auto-import, empty state, playlist switcher, playlist rows,
dashboard source rail, command palette, Sources filters and both reset
summaries. Stalker no longer borrows the Dashboard icon, and Xtream no longer
shares a glyph with M3U URL playlists.
The playlist error view removed a playlist through the stale
PlaylistActions.removePlaylist: it dropped the playlist from state before the
delete ran, swallowed failures, skipped the source activity guard and showed
no toast. It now uses PlaylistDeleteActionService like every other removal,
commits only a completed delete, toasts and goes home. The unused action and
its effect are removed.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
91 lines
3.5 KiB
HTML
91 lines
3.5 KiB
HTML
<section class="settings-group" id="reset">
|
|
<header class="settings-group__header">
|
|
<div class="settings-group__header-icon">
|
|
<mat-icon>delete_sweep</mat-icon>
|
|
</div>
|
|
<div class="settings-group__header-text">
|
|
<h3>{{ 'SETTINGS.RESET' | translate }}</h3>
|
|
<p>{{ 'SETTINGS.RESET_DESCRIPTION' | translate }}</p>
|
|
</div>
|
|
</header>
|
|
|
|
<div
|
|
class="setting-item danger-zone"
|
|
data-setting-id="remove-all-playlists"
|
|
>
|
|
<div class="danger-zone__header">
|
|
<div class="setting-item__meta">
|
|
<h4>{{ 'SETTINGS.REMOVE_ALL' | translate }}</h4>
|
|
<p>{{ 'SETTINGS.REMOVE_ALL_DESCRIPTION' | translate }}</p>
|
|
</div>
|
|
<button
|
|
mat-button
|
|
class="danger-zone__button app-destructive-button"
|
|
[class.danger-zone__button--busy]="isRemovingAllPlaylists()"
|
|
[disabled]="!canRemoveAllPlaylists()"
|
|
[attr.aria-busy]="isRemovingAllPlaylists()"
|
|
(click)="
|
|
$event.preventDefault();
|
|
$event.stopPropagation();
|
|
removeAll.emit()
|
|
"
|
|
>
|
|
@if (isRemovingAllPlaylists()) {
|
|
<mat-progress-spinner
|
|
class="button-spinner"
|
|
diameter="16"
|
|
mode="indeterminate"
|
|
/>
|
|
<span class="inline-actions__label">{{
|
|
'SETTINGS.REMOVE_ALL_IN_PROGRESS' | translate
|
|
}}</span>
|
|
} @else {
|
|
<span class="inline-actions__label">{{
|
|
'SETTINGS.REMOVE_ALL_BUTTON' | translate
|
|
}}</span>
|
|
}
|
|
</button>
|
|
</div>
|
|
<div class="danger-zone__summary" aria-live="polite">
|
|
<span class="danger-zone__summary-pill">
|
|
<mat-icon class="danger-zone__summary-icon">{{
|
|
sourceIcons.m3u
|
|
}}</mat-icon>
|
|
<span class="danger-zone__summary-label">{{
|
|
'HOME.PLAYLIST_TYPES.M3U' | translate
|
|
}}</span>
|
|
<span class="danger-zone__summary-count">{{
|
|
playlistDeleteSummary().m3u
|
|
}}</span>
|
|
</span>
|
|
<span class="danger-zone__summary-pill">
|
|
<mat-icon class="danger-zone__summary-icon">{{
|
|
sourceIcons.xtream
|
|
}}</mat-icon>
|
|
<span class="danger-zone__summary-label">{{
|
|
'HOME.PLAYLIST_TYPES.XTREAM' | translate
|
|
}}</span>
|
|
<span class="danger-zone__summary-count">{{
|
|
playlistDeleteSummary().xtream
|
|
}}</span>
|
|
</span>
|
|
<span class="danger-zone__summary-pill">
|
|
<mat-icon class="danger-zone__summary-icon">{{
|
|
sourceIcons.stalker
|
|
}}</mat-icon>
|
|
<span class="danger-zone__summary-label">{{
|
|
'HOME.PLAYLIST_TYPES.STALKER' | translate
|
|
}}</span>
|
|
<span class="danger-zone__summary-count">{{
|
|
playlistDeleteSummary().stalker
|
|
}}</span>
|
|
</span>
|
|
</div>
|
|
@if (removeAllProgressLabel(); as progressLabel) {
|
|
<p class="danger-zone__progress">
|
|
{{ progressLabel }}
|
|
</p>
|
|
}
|
|
</div>
|
|
</section>
|