Commit a9caaef

author

Your Name

committed

Firebase & AngularFire In Depth

1 parent 35933d0 commit a9caaefCopy full SHA for a9caaef

File tree

+18

-0

lines changed

+18

-0

lines changed

Lines changed: 12 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,18 @@ <h3>Create New Course</h3>`
`18`	`18`
`19`	`19`	`<input type="file" (change)="uploadThumbnail($event)">`
`20`	`20`
	`21`	`+ <div class="upload-progress" *ngIf="(percentageChanges$ \| async) as percentage">`
	`22`	`+`
	`23`	`+ <mat-progress-bar class="progress-bar"`
	`24`	`+ mode="determinate"`
	`25`	`+ [value]="percentage">`
	`26`	`+`
	`27`	`+ </mat-progress-bar>`
	`28`	`+`
	`29`	`+ <span>{{percentage / 100 \| percent}}</span>`
	`30`	`+`
	`31`	`+ </div>`
	`32`	`+`
`21`	`33`	`</div>`
`22`	`34`
`23`	`35`	`<mat-form-field appearance="outline">`

Lines changed: 6 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,9 @@ export class CreateCourseComponent implements OnInit {`
`19`	`19`
`20`	`20`	`courseId:string;`
`21`	`21`
	`22`	`+ percentageChanges$: Observable<number>;`
	`23`	`+`
	`24`	`+`
`22`	`25`	`form = this.fb.group({`
`23`	`26`	`description: ['', Validators.required],`
`24`	`27`	`category: ["BEGINNER", Validators.required],`
`@@ -48,6 +51,9 @@ export class CreateCourseComponent implements OnInit {`
`48`	`51`	`cacheControl: "max-age=2592000,public"`
`49`	`52`	`})`
`50`	`53`
	`54`	`+ this.percentageChanges$ = task.percentageChanges();`
	`55`	`+`
	`56`	`+`
`51`	`57`	`task.snapshotChanges().subscribe();`
`52`	`58`
`53`	`59`

Comments

(0)