danvics/metube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fixing inflated line count change because of automatic whitespace changes

Browse source
This commit is contained in:
DaKheera47 2025-10-15 12:20:47 +01:00
parent 1e37e63b67
commit 851c47d9e6
1 changed files with 55 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

110
ui/src/app/app.component.html
View file

@ -73,17 +73,17 @@
<div class="row mb-4"> <div class="row mb-4">
<div class="col"> <div class="col">
<div class="input-group input-group-lg shadow-sm"> <div class="input-group input-group-lg shadow-sm">
<input type="text" <input type="text"
autocomplete="off" autocomplete="off"
spellcheck="false" spellcheck="false"
class="form-control form-control-lg" class="form-control form-control-lg"
placeholder="Enter video or playlist URL" placeholder="Enter video or playlist URL"
name="addUrl" name="addUrl"
[(ngModel)]="addUrl" [(ngModel)]="addUrl"
[disabled]="addInProgress || downloads.loading"> [disabled]="addInProgress || downloads.loading">
<button class="btn btn-primary btn-lg px-4" <button class="btn btn-primary btn-lg px-4"
type="submit" type="submit"
(click)="addDownload()" (click)="addDownload()"
[disabled]="addInProgress || downloads.loading"> [disabled]="addInProgress || downloads.loading">
<span class="spinner-border spinner-border-sm" role="status" id="add-spinner" *ngIf="addInProgress"></span> <span class="spinner-border spinner-border-sm" role="status" id="add-spinner" *ngIf="addInProgress"></span>
{{ addInProgress ? "Adding..." : "Download" }} {{ addInProgress ? "Adding..." : "Download" }}
@ -113,10 +113,10 @@
<div class="col-md-4"> <div class="col-md-4">
<div class="input-group"> <div class="input-group">
<span class="input-group-text">Quality</span> <span class="input-group-text">Quality</span>
<select class="form-select" <select class="form-select"
name="quality" name="quality"
[(ngModel)]="quality" [(ngModel)]="quality"
(change)="qualityChanged()" (change)="qualityChanged()"
[disabled]="addInProgress || downloads.loading"> [disabled]="addInProgress || downloads.loading">
<option *ngFor="let q of qualities" [ngValue]="q.id">{{ q.text }}</option> <option *ngFor="let q of qualities" [ngValue]="q.id">{{ q.text }}</option>
</select> </select>
@ -125,18 +125,18 @@
<div class="col-md-4"> <div class="col-md-4">
<div class="input-group"> <div class="input-group">
<span class="input-group-text">Format</span> <span class="input-group-text">Format</span>
<select class="form-select" <select class="form-select"
name="format" name="format"
[(ngModel)]="format" [(ngModel)]="format"
(change)="formatChanged()" (change)="formatChanged()"
[disabled]="addInProgress || downloads.loading"> [disabled]="addInProgress || downloads.loading">
<option *ngFor="let f of formats" [ngValue]="f.id">{{ f.text }}</option> <option *ngFor="let f of formats" [ngValue]="f.id">{{ f.text }}</option>
</select> </select>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<button type="button" <button type="button"
class="btn btn-outline-secondary w-100 h-100" class="btn btn-outline-secondary w-100 h-100"
(click)="toggleAdvanced()"> (click)="toggleAdvanced()">
Advanced Options Advanced Options
</button> </button>
@ -153,10 +153,10 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="input-group"> <div class="input-group">
<span class="input-group-text">Auto Start</span> <span class="input-group-text">Auto Start</span>
<select class="form-select" <select class="form-select"
name="autoStart" name="autoStart"
[(ngModel)]="autoStart" [(ngModel)]="autoStart"
(change)="autoStartChanged()" (change)="autoStartChanged()"
[disabled]="addInProgress || downloads.loading" [disabled]="addInProgress || downloads.loading"
ngbTooltip="Automatically start downloads when added"> ngbTooltip="Automatically start downloads when added">
<option [ngValue]="true">Yes</option> <option [ngValue]="true">Yes</option>
@ -167,12 +167,12 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="input-group"> <div class="input-group">
<span class="input-group-text">Download Folder</span> <span class="input-group-text">Download Folder</span>
<ng-select [items]="customDirs$ | async" <ng-select [items]="customDirs$ | async"
placeholder="Default" placeholder="Default"
[addTag]="allowCustomDir.bind(this)" [addTag]="allowCustomDir.bind(this)"
addTagText="Create directory" addTagText="Create directory"
bindLabel="folder" bindLabel="folder"
[(ngModel)]="folder" [(ngModel)]="folder"
[disabled]="addInProgress || downloads.loading" [disabled]="addInProgress || downloads.loading"
[virtualScroll]="true" [virtualScroll]="true"
[clearable]="true" [clearable]="true"
@ -186,11 +186,11 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="input-group"> <div class="input-group">
<span class="input-group-text">Custom Name Prefix</span> <span class="input-group-text">Custom Name Prefix</span>
<input type="text" <input type="text"
class="form-control" class="form-control"
placeholder="Default" placeholder="Default"
name="customNamePrefix" name="customNamePrefix"
[(ngModel)]="customNamePrefix" [(ngModel)]="customNamePrefix"
[disabled]="addInProgress || downloads.loading" [disabled]="addInProgress || downloads.loading"
ngbTooltip="Add a prefix to downloaded filenames"> ngbTooltip="Add a prefix to downloaded filenames">
</div> </div>
@ -198,24 +198,24 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="input-group"> <div class="input-group">
<span class="input-group-text">Items Limit</span> <span class="input-group-text">Items Limit</span>
<input type="number" <input type="number"
min="0" min="0"
class="form-control" class="form-control"
placeholder="Default" placeholder="Default"
name="playlistItemLimit" name="playlistItemLimit"
(keydown)="isNumber($event)" (keydown)="isNumber($event)"
[(ngModel)]="playlistItemLimit" [(ngModel)]="playlistItemLimit"
[disabled]="addInProgress || downloads.loading" [disabled]="addInProgress || downloads.loading"
ngbTooltip="Maximum number of items to download from a playlist (0 = no limit)"> ngbTooltip="Maximum number of items to download from a playlist (0 = no limit)">
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="form-check form-switch"> <div class="form-check form-switch">
<input class="form-check-input" <input class="form-check-input"
type="checkbox" type="checkbox"
role="switch" role="switch"
name="playlistStrictMode" name="playlistStrictMode"
[(ngModel)]="playlistStrictMode" [(ngModel)]="playlistStrictMode"
[disabled]="addInProgress || downloads.loading" [disabled]="addInProgress || downloads.loading"
ngbTooltip="Only download playlists when URL explicitly points to a playlist"> ngbTooltip="Only download playlists when URL explicitly points to a playlist">
<label class="form-check-label">Strict Playlist Mode</label> <label class="form-check-label">Strict Playlist Mode</label>
@ -229,24 +229,24 @@
<hr class="my-3"> <hr class="my-3">
<div class="row g-2"> <div class="row g-2">
<div class="col-md-4"> <div class="col-md-4">
<button type="button" <button type="button"
class="btn btn-secondary w-100" class="btn btn-secondary w-100"
(click)="openBatchImportModal()"> (click)="openBatchImportModal()">
<fa-icon [icon]="faFileImport" class="me-2"></fa-icon> <fa-icon [icon]="faFileImport" class="me-2"></fa-icon>
Import URLs Import URLs
</button> </button>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<button type="button" <button type="button"
class="btn btn-secondary w-100" class="btn btn-secondary w-100"
(click)="exportBatchUrls('all')"> (click)="exportBatchUrls('all')">
<fa-icon [icon]="faFileExport" class="me-2"></fa-icon> <fa-icon [icon]="faFileExport" class="me-2"></fa-icon>
Export URLs Export URLs
</button> </button>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<button type="button" <button type="button"
class="btn btn-secondary w-100" class="btn btn-secondary w-100"
(click)="copyBatchUrls('all')"> (click)="copyBatchUrls('all')">
<fa-icon [icon]="faCopy" class="me-2"></fa-icon> <fa-icon [icon]="faCopy" class="me-2"></fa-icon>
Copy URLs Copy URLs
@ -261,7 +261,7 @@
</div> </div>
</div> </div>
</form> </form>
<!-- Batch Import Modal --> <!-- Batch Import Modal -->
<div class="modal fade" tabindex="-1" role="dialog" [ngClass]="{'show': batchImportModalOpen}" [ngStyle]="{'display': batchImportModalOpen ? 'block' : 'none'}"> <div class="modal fade" tabindex="-1" role="dialog" [ngClass]="{'show': batchImportModalOpen}" [ngStyle]="{'display': batchImportModalOpen ? 'block' : 'none'}">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
@ -289,7 +289,7 @@
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="downloads.loading" class="alert alert-info" role="alert"> <div *ngIf="downloads.loading" class="alert alert-info" role="alert">
Connecting to server... Connecting to server...