1 <div class=
"margin-content">
2 <div class=
"title-page title-page-single">
6 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
8 <div *
ngIf=
"!isUploadingVideo" class=
"upload-video-container">
9 <div class=
"upload-video">
10 <div class=
"icon icon-upload"></div>
12 <div class=
"button-file">
13 <span>Select the file to upload
</span>
14 <input #videofileInput
type=
"file" name=
"videofile" id=
"videofile" (change)=
"fileChange()" />
17 <div class=
"form-group">
18 <select [(ngModel)]=
"firstStepPrivacy">
19 <option *
ngFor=
"let privacy of videoPrivacies" [value]=
"privacy.id">{{ privacy.label }}
</option>
23 <div class=
"form-group">
24 <select [(ngModel)]=
"firstStepChannel">
25 <option *
ngFor=
"let channel of userVideoChannels" [value]=
"channel.id">{{ channel.label }}
</option>
31 <p-progressBar *
ngIf=
"isUploadingVideo" [value]=
"videoUploadPercents"></p-progressBar>
33 <!-- Hidden because we need to load the component -->
34 <form [hidden]=
"!isUploadingVideo" novalidate [formGroup]=
"form">
36 [form]=
"form" [formErrors]=
"formErrors"
37 [validationMessages]=
"validationMessages" [videoPrivacies]=
"videoPrivacies"
40 <div class=
"submit-container">
41 <div class=
"submit-button" [ngClass]=
"{ disabled: !form.valid }">
42 <span class=
"icon icon-validate"></span>
43 <input type=
"button" value=
"Publish" (click)=
"upload()" />