interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Use progress bar from bootstrap for the upload

This commit is contained in:
Chocobozzz 2016-05-23 09:50:26 +02:00
parent 471bc22f19
commit 8140a704bb
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/angular/videos/components/add/videos-add.component.html
View File

@ -34,7 +34,7 @@
</div> </div>
<div id="progress" *ngIf="progressBar.max !== 0"> <div id="progress" *ngIf="progressBar.max !== 0">
<progress [value]="progressBar.value" [max]="progressBar.max"></progress> <progressbar [value]="progressBar.value" [max]="progressBar.max">{{ progressBar.value | bytes }} / {{ progressBar.max | bytes }}</progressbar>
</div> </div>
<input type="submit" value="Upload" class="btn btn-default" [disabled]="!videoForm.form.valid || !fileToUpload"> <input type="submit" value="Upload" class="btn btn-default" [disabled]="!videoForm.form.valid || !fileToUpload">

7
client/angular/videos/components/add/videos-add.component.ts
View File

@ -1,6 +1,9 @@
import { Component, ElementRef, OnInit } from '@angular/core'; import { Component, ElementRef, OnInit } from '@angular/core';
import { Router } from '@angular/router-deprecated'; import { Router } from '@angular/router-deprecated';
import { PROGRESSBAR_DIRECTIVES } from 'ng2-bootstrap/components/progressbar';
import { BytesPipe } from 'angular-pipes/src/math/bytes.pipe';
import { AuthService } from '../../../users/services/auth.service'; import { AuthService } from '../../../users/services/auth.service';
import { User } from '../../../users/models/user'; import { User } from '../../../users/models/user';
@ -10,7 +13,9 @@ declare var jQuery:any;
@Component({ @Component({
selector: 'my-videos-add', selector: 'my-videos-add',
styleUrls: [ 'app/angular/videos/components/add/videos-add.component.css' ], styleUrls: [ 'app/angular/videos/components/add/videos-add.component.css' ],
templateUrl: 'app/angular/videos/components/add/videos-add.component.html' templateUrl: 'app/angular/videos/components/add/videos-add.component.html',
directives: [ PROGRESSBAR_DIRECTIVES ],
pipes: [ BytesPipe ]
}) })
export class VideosAddComponent implements OnInit { export class VideosAddComponent implements OnInit {

1
client/angular/videos/components/watch/videos-watch.component.ts
View File

@ -1,5 +1,6 @@
import { Component, OnInit, ElementRef } from '@angular/core'; import { Component, OnInit, ElementRef } from '@angular/core';
import { RouteParams, CanDeactivate, ComponentInstruction } from '@angular/router-deprecated'; import { RouteParams, CanDeactivate, ComponentInstruction } from '@angular/router-deprecated';
import { BytesPipe } from 'angular-pipes/src/math/bytes.pipe'; import { BytesPipe } from 'angular-pipes/src/math/bytes.pipe';
// TODO import it with systemjs // TODO import it with systemjs