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

Added download button to the ui 

For personal needs, I've added the download button to the completed downloads
This commit is contained in:
CavazzaTommaso 2022-09-01 11:12:55 +02:00
parent fb2e6d71ef
commit 2a227bc760
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
<nav class="navbar navbar-expand-md navbar-dark bg-dark"> <nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="#">MeTube</a> <a class="navbar-brand" href="#">Youtube downloader</a>
<!-- <!--
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsDefault" aria-controls="navbarsDefault" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsDefault" aria-controls="navbarsDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
@ -106,6 +106,7 @@
<th scope="col" style="width: 2rem;"></th> <th scope="col" style="width: 2rem;"></th>
<th scope="col" style="width: 2rem;"></th> <th scope="col" style="width: 2rem;"></th>
<th scope="col" style="width: 2rem;"></th> <th scope="col" style="width: 2rem;"></th>
<th scope="col" style="width: 2rem;"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -124,6 +125,9 @@
<td> <td>
<button *ngIf="download.value.status == 'error'" type="button" class="btn btn-link" (click)="retryDownload(download.key, download.value.url, download.value.quality)"><fa-icon [icon]="faRedoAlt"></fa-icon></button> <button *ngIf="download.value.status == 'error'" type="button" class="btn btn-link" (click)="retryDownload(download.key, download.value.url, download.value.quality)"><fa-icon [icon]="faRedoAlt"></fa-icon></button>
</td> </td>
<td>
<a *ngIf="!!download.value.filename; else noDownloadLink" href="download/{{download.value.filename | encodeURIComponent}}" download target="_blank"><fa-icon [icon]="faDownload"></fa-icon></a>
</td>
<td> <td>
<a href="{{download.value.url}}" target="_blank"><fa-icon [icon]="faExternalLinkAlt"></fa-icon></a> <a href="{{download.value.url}}" target="_blank"><fa-icon [icon]="faExternalLinkAlt"></fa-icon></a>
</td> </td>

3
ui/src/app/app.component.ts
View File

@ -1,6 +1,6 @@
import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core'; import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
import { faTrashAlt, faCheckCircle, faTimesCircle } from '@fortawesome/free-regular-svg-icons'; import { faTrashAlt, faCheckCircle, faTimesCircle } from '@fortawesome/free-regular-svg-icons';
import { faRedoAlt, faSun, faMoon, faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons'; import { faRedoAlt, faSun, faMoon, faExternalLinkAlt, faDownload } from '@fortawesome/free-solid-svg-icons';
import { CookieService } from 'ngx-cookie-service'; import { CookieService } from 'ngx-cookie-service';
import { DownloadsService, Status } from './downloads.service'; import { DownloadsService, Status } from './downloads.service';
@ -34,6 +34,7 @@ export class AppComponent implements AfterViewInit {
faRedoAlt = faRedoAlt; faRedoAlt = faRedoAlt;
faSun = faSun; faSun = faSun;
faMoon = faMoon; faMoon = faMoon;
faDownload = faDownload;
faExternalLinkAlt = faExternalLinkAlt; faExternalLinkAlt = faExternalLinkAlt;
constructor(public downloads: DownloadsService, private cookieService: CookieService) { constructor(public downloads: DownloadsService, private cookieService: CookieService) {