TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-03-15 17:20:57 +03:00
Code Issues Packages Projects Releases Wiki Activity

Updated to material design v15

Browse Source
This commit is contained in:
Isaac Abadi
2022-11-26 17:28:10 -05:00
parent 3795a6564b
commit b11a4e006c
32 changed files with 1329 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/dialogs/subscribe-dialog/subscribe-dialog.component.html
View File

@@ -3,9 +3,10 @@
<mat-dialog-content>
<div class="container-fluid">
<div class="row">
<div class="col-12 mb-4">
<div class="col-12 mb-3">
<mat-form-field color="accent">
<input [(ngModel)]="url" matInput placeholder="URL" i18n-placeholder="Subscription URL input placeholder" required aria-required="true">
<mat-label i18n="URL">URL</mat-label>
<input [(ngModel)]="url" matInput required aria-required="true">
<mat-hint><ng-container i18n="Subscription URL input hint">The playlist or channel URL</ng-container></mat-hint>
</mat-form-field>
</div>
@@ -14,12 +15,13 @@
<mat-divider></mat-divider>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="col-12 mt-2">
<mat-form-field color="accent">
<input [(ngModel)]="name" matInput placeholder="Custom name" i18n-placeholder="Subscription custom name placeholder">
<mat-label i18n="Custom name">Custom name</mat-label>
<input [(ngModel)]="name" matInput>
</mat-form-field>
</div>
<div class="col-12 mt-3">
<div class="col-12">
<mat-checkbox [(ngModel)]="download_all"><ng-container i18n="Download all uploads subscription setting">Download all uploads</ng-container></mat-checkbox>
</div>
<div class="col-12" *ngIf="!download_all">
@@ -37,7 +39,8 @@
</div>
<div class="col-12 mt-2">
<mat-form-field>
<mat-select placeholder="Max quality" i18n-placeholder="Max quality placeholder" [disabled]="audioOnlyMode" [(ngModel)]="maxQuality">
<mat-label i18n="Max quality">Max quality</mat-label>
<mat-select [disabled]="audioOnlyMode" [(ngModel)]="maxQuality">
<mat-option *ngFor="let available_quality of available_qualities" [value]="available_quality['value']">{{available_quality['label']}}</mat-option>
</mat-select>
</mat-form-field>
@@ -47,9 +50,10 @@
<mat-checkbox [(ngModel)]="audioOnlyMode"><ng-container i18n="Streaming-only mode">Audio-only mode</ng-container></mat-checkbox>
</div>
</div>
<div class="col-12 mb-3">
<div class="col-12 mb-4">
<mat-form-field color="accent">
<input [(ngModel)]="customArgs" matInput placeholder="Custom args" i18n-placeholder="Subscription custom args placeholder">
<mat-label i18n="Custom args">Custom args</mat-label>
<input [(ngModel)]="customArgs" matInput>
<button class="args-edit-button" (click)="openArgsModifierDialog()" mat-icon-button><mat-icon>edit</mat-icon></button>
<mat-hint>
<ng-container i18n="Custom args hint">These are added after the standard args.</ng-container>
@@ -58,7 +62,8 @@
</div>
<div class="col-12">
<mat-form-field color="accent">
<input [(ngModel)]="customFileOutput" matInput placeholder="Custom file output" i18n-placeholder="Subscription custom file output placeholder">
<mat-label i18n="Custom file output">Custom file output</mat-label>
<input [(ngModel)]="customFileOutput" matInput>
<mat-hint>
<a target="_blank" href="https://github.com/ytdl-org/youtube-dl/blob/master/README.md#output-template">
<ng-container i18n="Custom output template documentation link">Documentation</ng-container></a>.