diff options
author | Erazor2 <jeromewhweb@gmail.com> | 2022-01-04 22:04:53 +0000 |
---|---|---|
committer | Erazor2 <jeromewhweb@gmail.com> | 2022-01-04 22:04:53 +0000 |
commit | d11934f3d820188065519c7e32a8d1502ee1007d (patch) | |
tree | 190e5051b83df0d576dc79b0c276c7148ff4d907 | |
parent | upgraded yt-dlp (diff) | |
download | metube-d11934f3d820188065519c7e32a8d1502ee1007d.tar.gz metube-d11934f3d820188065519c7e32a8d1502ee1007d.tar.bz2 metube-d11934f3d820188065519c7e32a8d1502ee1007d.zip |
Added URL-Button
-rw-r--r-- | ui/src/app/app.component.html | 4 | ||||
-rw-r--r-- | ui/src/app/app.component.ts | 5 |
2 files changed, 7 insertions, 2 deletions
diff --git a/ui/src/app/app.component.html b/ui/src/app/app.component.html index cebd97f..74da172 100644 --- a/ui/src/app/app.component.html +++ b/ui/src/app/app.component.html @@ -87,6 +87,7 @@ <td>{{ download.value.speed | speed }}</td> <td>{{ download.value.eta | eta }}</td> <td><button type="button" class="btn btn-link" (click)="delDownload('queue', download.key)"><fa-icon [icon]="faTrashAlt"></fa-icon></button></td> + <td><a href="{{download.value.url}}" target="_blank"><fa-icon [icon]="faExternalLinkAlt"></fa-icon></a></td> </tr> </tbody> </table> @@ -124,6 +125,9 @@ <button *ngIf="download.value.status == 'error'" type="button" class="btn btn-link" (click)="retryDownload(download.key, download.value.quality)"><fa-icon [icon]="faRedoAlt"></fa-icon></button> </td> <td> + <a href="{{download.value.url}}" target="_blank"><fa-icon [icon]="faExternalLinkAlt"></fa-icon></a> + </td> + <td> <button type="button" class="btn btn-link" (click)="delDownload('done', download.key)"><fa-icon [icon]="faTrashAlt"></fa-icon></button> </td> </tr> diff --git a/ui/src/app/app.component.ts b/ui/src/app/app.component.ts index 8f7d965..2ae880b 100644 --- a/ui/src/app/app.component.ts +++ b/ui/src/app/app.component.ts @@ -1,6 +1,6 @@ import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core'; import { faTrashAlt, faCheckCircle, faTimesCircle } from '@fortawesome/free-regular-svg-icons'; -import { faRedoAlt, faSun, faMoon } from '@fortawesome/free-solid-svg-icons'; +import { faRedoAlt, faSun, faMoon, faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons'; import { CookieService } from 'ngx-cookie-service'; import { DownloadsService, Status } from './downloads.service'; @@ -33,7 +33,8 @@ export class AppComponent implements AfterViewInit { faTimesCircle = faTimesCircle; faRedoAlt = faRedoAlt; faSun = faSun; - faMoon = faMoon; + faMoon = faMoon; + faExternalLinkAlt = faExternalLinkAlt; constructor(public downloads: DownloadsService, private cookieService: CookieService) { this.format = cookieService.get('metube_format') || 'any'; |