TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-04-11 18:11:27 +03:00
Code Issues Packages Projects Releases Wiki Activity

Added configuration option for file manager

Browse Source
This commit is contained in:
Isaac Grynsztein
2018-01-22 23:49:13 -05:00
parent 1cdd4d0e15
commit dd62f1a7b3
5 changed files with 71 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/app/app.component.html
View File

@@ -45,43 +45,47 @@
<ng-template #nofile> <ng-template #nofile>
</ng-template> </ng-template>
<mat-accordion> <div *ngIf="fileManagerEnabled">
<mat-expansion-panel class="big"> <mat-accordion>
<mat-expansion-panel-header> <mat-expansion-panel class="big">
<mat-panel-title> <mat-expansion-panel-header>
Audio <mat-panel-title>
</mat-panel-title> Audio
<mat-panel-description> </mat-panel-title>
Your audio files are here <mat-panel-description>
</mat-panel-description> Your audio files are here
</mat-expansion-panel-header> </mat-panel-description>
<div *ngIf="mp3s.length > 0;else nomp3s"> </mat-expansion-panel-header>
<mat-grid-list cols="4" rowHeight="150px"> <div *ngIf="mp3s.length > 0;else nomp3s">
<mat-grid-tile *ngFor="let file of mp3s; index as i;"> <mat-grid-list cols="4" rowHeight="150px">
<app-file-card [title]="file.title" [name]="file.id" [thumbnailURL]="file.thumbnailURL" [length]="file.duration" [isAudio]="true"></app-file-card> <mat-grid-tile *ngFor="let file of mp3s; index as i;">
</mat-grid-tile> <app-file-card (removeFile)="removeFromMp3($event)" [title]="file.title" [name]="file.id" [thumbnailURL]="file.thumbnailURL"
</mat-grid-list> [length]="file.duration" [isAudio]="true"></app-file-card>
</div> </mat-grid-tile>
</mat-grid-list>
</div>
</mat-expansion-panel> </mat-expansion-panel>
<mat-expansion-panel class="big"> <mat-expansion-panel class="big">
<mat-expansion-panel-header> <mat-expansion-panel-header>
<mat-panel-title> <mat-panel-title>
Video Video
</mat-panel-title> </mat-panel-title>
<mat-panel-description> <mat-panel-description>
Your video files are here Your video files are here
</mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header> </mat-expansion-panel-header>
<div *ngIf="mp4s.length > 0;else nomp4s"> <div *ngIf="mp4s.length > 0;else nomp4s">
<mat-grid-list cols="4" rowHeight="150px"> <mat-grid-list cols="4" rowHeight="150px">
<mat-grid-tile *ngFor="let file of mp4s; index as i;"> <mat-grid-tile *ngFor="let file of mp4s; index as i;">
<app-file-card [title]="file.title" [name]="file.id" [thumbnailURL]="file.thumbnailURL" [length]="file.duration" [isAudio]="false"></app-file-card> <app-file-card (removeFile)="removeFromMp4($event)" [title]="file.title" [name]="file.id" [thumbnailURL]="file.thumbnailURL"
</mat-grid-tile> [length]="file.duration" [isAudio]="false"></app-file-card>
</mat-grid-list> </mat-grid-tile>
</div> </mat-grid-list>
</mat-expansion-panel> </div>
</mat-accordion> </mat-expansion-panel>
</mat-accordion>
</div>
<ng-template #nomp3s> <ng-template #nomp3s>

23
src/app/app.component.ts
View File

@@ -24,6 +24,7 @@ export class AppComponent {
exists: string = ""; exists: string = "";
topBarTitle: string = "Youtube Downloader"; topBarTitle: string = "Youtube Downloader";
percentDownloaded: number; percentDownloaded: number;
fileManagerEnabled: boolean = false;
mp3s: any[] = []; mp3s: any[] = [];
mp4s: any[] = []; mp4s: any[] = [];
@@ -36,13 +37,17 @@ export class AppComponent {
this.postsService.loadNavItems().subscribe(result => { // loads settings this.postsService.loadNavItems().subscribe(result => { // loads settings
var backendUrl = result.YoutubeDLMaterial.Host.backendurl; var backendUrl = result.YoutubeDLMaterial.Host.backendurl;
this.topBarTitle = result.YoutubeDLMaterial.Extra.title_top; this.topBarTitle = result.YoutubeDLMaterial.Extra.title_top;
this.fileManagerEnabled = result.YoutubeDLMaterial.Extra.file_manager_enabled;
this.postsService.path = backendUrl; this.postsService.path = backendUrl;
this.postsService.startPath = backendUrl; this.postsService.startPath = backendUrl;
this.postsService.startPathSSL = backendUrl; this.postsService.startPathSSL = backendUrl;
this.getMp3s(); if (this.fileManagerEnabled)
this.getMp4s(); {
this.getMp3s();
this.getMp4s();
}
}, },
error => { error => {
console.log(error); console.log(error);
@@ -96,6 +101,18 @@ export class AppComponent {
}); });
} }
public goToFile(name, isAudio)
{
if (isAudio)
{
this.downloadHelperMp3(name);
}
else
{
this.downloadHelperMp4(name);
}
}
public removeFromMp3(name: string) public removeFromMp3(name: string)
{ {
for (var i = 0; i < this.mp3s.length; i++) for (var i = 0; i < this.mp3s.length; i++)
@@ -109,6 +126,8 @@ export class AppComponent {
public removeFromMp4(name: string) public removeFromMp4(name: string)
{ {
console.log(name);
console.log(this.mp4s);
for (var i = 0; i < this.mp4s.length; i++) for (var i = 0; i < this.mp4s.length; i++)
{ {
if (this.mp4s[i].id == name) if (this.mp4s[i].id == name)

6
src/app/app.module.ts
View File

@@ -8,10 +8,11 @@ import {MatNativeDateModule, MatRadioModule, MatInputModule, MatButtonModule, Ma
import { AppComponent } from './app.component'; import { AppComponent } from './app.component';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import { HttpModule } from '@angular/http'; import { HttpModule } from '@angular/http';
import { HttpClientModule } from '@angular/common/http'; import { HttpClientModule, HttpClient } from '@angular/common/http';
import { PostsService } from 'app/posts.services'; import { PostsService } from 'app/posts.services';
import {APP_BASE_HREF} from '@angular/common'; import {APP_BASE_HREF} from '@angular/common';
import { FileCardComponent } from './file-card/file-card.component'; import { FileCardComponent } from './file-card/file-card.component';
import {RouterModule} from '@angular/router';
@NgModule({ @NgModule({
declarations: [ declarations: [
@@ -39,7 +40,8 @@ import { FileCardComponent } from './file-card/file-card.component';
MatListModule, MatListModule,
MatGridListModule, MatGridListModule,
MatExpansionModule, MatExpansionModule,
MatProgressBarModule MatProgressBarModule,
RouterModule
], ],
providers: [PostsService], providers: [PostsService],
bootstrap: [AppComponent] bootstrap: [AppComponent]

2
src/app/file-card/file-card.component.html
View File

@@ -1,7 +1,7 @@
<mat-card class="example-card"> <mat-card class="example-card">
<button (click)="deleteFile()" class="deleteButton" mat-icon-button><mat-icon>delete_forever</mat-icon></button> <button (click)="deleteFile()" class="deleteButton" mat-icon-button><mat-icon>delete_forever</mat-icon></button>
<div style="padding:5px"> <div style="padding:5px">
<b>{{title}}</b> <b><a href="javascript:void(0)" (click)="appComponent.goToFile(name, isAudio)">{{title}}</a></b>
<br/> <br/>
ID: {{name}} ID: {{name}}
</div> </div>

11
src/app/file-card/file-card.component.ts
View File

@@ -1,7 +1,8 @@
import { Component, OnInit, Input } from '@angular/core'; import { Component, OnInit, Input, Output } from '@angular/core';
import {PostsService} from '../posts.services'; import {PostsService} from '../posts.services';
import {MatSnackBar} from '@angular/material'; import {MatSnackBar} from '@angular/material';
import {AppComponent} from '../app.component'; import {AppComponent} from '../app.component';
import {EventEmitter} from '@angular/core';
@Component({ @Component({
selector: 'app-file-card', selector: 'app-file-card',
@@ -15,8 +16,9 @@ export class FileCardComponent implements OnInit {
@Input() name:string; @Input() name:string;
@Input() thumbnailURL: string; @Input() thumbnailURL: string;
@Input() isAudio: boolean = true; @Input() isAudio: boolean = true;
@Output() removeFile: EventEmitter<string> = new EventEmitter<string>();
constructor(private postsService: PostsService, public snackBar: MatSnackBar, private appComponent: AppComponent) { } constructor(private postsService: PostsService, public snackBar: MatSnackBar, public appComponent: AppComponent) { }
ngOnInit() { ngOnInit() {
} }
@@ -27,10 +29,7 @@ export class FileCardComponent implements OnInit {
if (result == true) if (result == true)
{ {
this.openSnackBar("Delete success!", "OK."); this.openSnackBar("Delete success!", "OK.");
if (this.isAudio) this.removeFile.emit(this.name);
this.appComponent.removeFromMp3(name);
else
this.appComponent.removeFromMp4(name);
} }
else else
{ {