1 <div class=
"margin-content">
2 <div class=
"title-page title-page-single">
3 <ng-template [ngIf]=
"!videoFileName">Upload your video
</ng-template>
4 <ng-template [ngIf]=
"videoFileName">Upload {{ videoFileName }}
</ng-template>
7 <div *
ngIf=
"!isUploadingVideo" class=
"upload-video-container">
8 <div class=
"upload-video">
9 <div class=
"icon icon-upload"></div>
11 <div class=
"button-file">
12 <span>Select the file to upload
</span>
13 <input #videofileInput
type=
"file" name=
"videofile" id=
"videofile" [accept]=
"videoExtensions" (change)=
"fileChange()" />
16 <div class=
"form-group form-group-channel">
17 <label for=
"first-step-channel">Channel
</label>
18 <div class=
"peertube-select-container">
19 <select id=
"first-step-channel" [(ngModel)]=
"firstStepChannelId">
20 <option *
ngFor=
"let channel of userVideoChannels" [value]=
"channel.id">{{ channel.label }}
</option>
25 <div class=
"form-group">
26 <label for=
"first-step-privacy">Privacy
</label>
27 <div class=
"peertube-select-container">
28 <select id=
"first-step-privacy" [(ngModel)]=
"firstStepPrivacyId">
29 <option *
ngFor=
"let privacy of videoPrivacies" [value]=
"privacy.id">{{ privacy.label }}
</option>
36 <div *
ngIf=
"isUploadingVideo" class=
"upload-progress-cancel">
38 [value]=
"videoUploadPercents"
39 [ngClass]=
"{ processing: videoUploadPercents === 100 && videoUploaded === false }"
41 <input *
ngIf=
"videoUploaded === false" type=
"button" value=
"Cancel" (click)=
"cancelUpload()" />
44 <!-- Hidden because we want to load the component -->
45 <form [hidden]=
"!isUploadingVideo" novalidate [formGroup]=
"form">
47 [form]=
"form" [formErrors]=
"formErrors"
48 [validationMessages]=
"validationMessages" [videoPrivacies]=
"videoPrivacies" [userVideoChannels]=
"userVideoChannels"
51 <div class=
"submit-container">
52 <div *
ngIf=
"videoUploaded === false" class=
"message-submit">Publish will be available when upload is finished
</div>
54 <div class=
"submit-button"
55 (click)=
"updateSecondStep()"
56 [ngClass]=
"{ disabled: !form.valid || isUpdatingVideo === true || videoUploaded !== true }"
58 <span class=
"icon icon-validate"></span>
59 <input type=
"button" value=
"Publish" />