Miko/metube
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactored with feedback

Browse Source
This commit is contained in:
rdiaz738
2025-03-04 16:16:19 -08:00
parent 2e86a4875d
commit 92f5d34ce2
4 changed files with 34 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
ui/src/app/app.component.html
View File

@@ -75,7 +75,7 @@
</select>
</div>
</div>
<div class="col-md-6 col-lg-3 add-url-component">
<div class="col-md-6 col-lg-3 add-url-component d-flex align-items-center">
<div [attr.class]="showAdvanced() ? 'btn-group add-url-group' : 'add-url-group'" ngbDropdown #advancedDropdown="ngbDropdown" display="dynamic" placement="bottom-end">
<button class="btn btn-primary add-url" type="submit" (click)="addDownload()" [disabled]="addInProgress || downloads.loading">
<span class="spinner-border spinner-border-sm" role="status" id="add-spinner" *ngIf="addInProgress"></span>
@@ -115,24 +115,30 @@
</div>
</div>
</div>
<div class="btn-group ms-2" ngbDropdown>
<button type="button" class="btn btn-secondary" (click)="openBatchImportModal()">
Import
</button>
<button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" ngbDropdownToggle>
<span class="visually-hidden">Toggle Dropdown</span>
</button>
<ul ngbDropdownMenu class="dropdown-menu dropdown-menu-end">
<li>
<button class="dropdown-item" (click)="exportBatchUrls('all')">
Export All URLs
</button>
</li>
<li>
<button class="dropdown-item" (click)="copyBatchUrls('all')">
Copy All URLs
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</form>
<div class="d-flex justify-content-end align-items-center my-3">
<!-- Batch Import Button (opens modal) -->
<button class="btn btn-secondary me-2" (click)="openBatchImportModal()">
Batch Import
</button>
<!-- Batch Export All -->
<button class="btn btn-secondary me-2" (click)="exportBatchUrls('all')">
Batch Export All
</button>
<!-- Batch Copy All -->
<button class="btn btn-secondary me-2" (click)="copyBatchUrls('all')">
Batch Copy All
</button>
</div>
<!-- Batch Import Modal -->
<div class="modal fade" tabindex="-1" role="dialog" [ngClass]="{'show': batchImportModalOpen}" [ngStyle]="{'display': batchImportModalOpen ? 'block' : 'none'}">