YoutubeDL-Material/src/app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html

<h4 mat-dialog-title>{{sub.name}}</h4>

<mat-dialog-content>
    <div class="info-item">
        <strong>Type: </strong>
        <span class="info-item-value">{{(sub.isPlaylist ? 'Playlist' : 'Channel')}}</span>
    </div>
    <div class="info-item">
        <strong>URL: </strong>
        <span class="info-item-value">{{sub.url}}</span>
    </div>
    <div class="info-item">
        <strong>ID: </strong>
        <span class="info-item-value">{{sub.id}}</span>
    </div>
    <div class="info-item" *ngIf="sub.archive">
        <strong>Archive: </strong>
        <span class="info-item-value">{{sub.archive}}</span>
    </div>
</mat-dialog-content>

<mat-dialog-actions>
    <button mat-button mat-dialog-close>Close</button>
    <button mat-button (click)="unsubscribe()" color="warn">Unsubscribe</button>
</mat-dialog-actions>