1 <div *
ngIf=
"!isUploadingVideo" class=
"upload-video-container">
2 <div class=
"first-step-block">
3 <my-global-icon class=
"upload-icon" iconName=
"upload"></my-global-icon>
5 <div class=
"button-file">
6 <span i18n
>Select the file to upload
</span>
7 <input #videofileInput
type=
"file" name=
"videofile" id=
"videofile" [accept]=
"videoExtensions" (change)=
"fileChange()" />
9 <span class=
"button-file-extension">({{ videoExtensions }})
</span>
11 <div class=
"form-group form-group-channel">
12 <label i18n
for=
"first-step-channel">Channel
</label>
13 <div class=
"peertube-select-container">
14 <select id=
"first-step-channel" [(ngModel)]=
"firstStepChannelId">
15 <option *
ngFor=
"let channel of userVideoChannels" [value]=
"channel.id">{{ channel.label }}
</option>
20 <div class=
"form-group">
21 <label i18n
for=
"first-step-privacy">Privacy
</label>
22 <div class=
"peertube-select-container">
23 <select id=
"first-step-privacy" [(ngModel)]=
"firstStepPrivacyId">
24 <option *
ngFor=
"let privacy of videoPrivacies" [value]=
"privacy.id">{{ privacy.label }}
</option>
25 <option i18n [value]=
"SPECIAL_SCHEDULED_PRIVACY">Scheduled
</option>
30 <ng-container *
ngIf=
"isUploadingAudioFile">
31 <div class=
"form-group audio-preview">
32 <label i18n
for=
"previewfileUpload">Video background image
</label>
34 <div i18n
class=
"audio-image-info">
35 Image that will be merged with your audio file.
37 The chosen image will be definitive and cannot be modified.
41 i18n-inputLabel
inputLabel=
"Edit" inputName=
"previewfileUpload" [(ngModel)]=
"previewfileUpload"
42 previewWidth=
"360px" previewHeight=
"200px"
46 <div class=
"form-group upload-audio-button">
47 <my-button className=
"orange-button" i18n-label [label]=
"getAudioUploadLabel()" icon=
"upload" (click)=
"uploadFirstStep(true)"></my-button>
53 <div *
ngIf=
"isUploadingVideo && !error" class=
"upload-progress-cancel">
55 [value]=
"videoUploadPercents"
56 [ngClass]=
"{ processing: videoUploadPercents === 100 && videoUploaded === false }"
58 <input *
ngIf=
"videoUploaded === false" type=
"button" value=
"Cancel" (click)=
"cancelUpload()" />
61 <div *
ngIf=
"error" class=
"alert alert-danger">
62 <div i18n
>Sorry, but something went wrong
</div>
66 <div *
ngIf=
"videoUploaded && !error" class=
"alert alert-info" i18n
>
67 Congratulations! Your video is now available in your private library.
70 <!-- Hidden because we want to load the component -->
71 <form [hidden]=
"!isUploadingVideo" novalidate [formGroup]=
"form">
73 [form]=
"form" [formErrors]=
"formErrors" [videoCaptions]=
"videoCaptions"
74 [validationMessages]=
"validationMessages" [userVideoChannels]=
"userVideoChannels"
75 [waitTranscodingEnabled]=
"waitTranscodingEnabled"
78 <div class=
"submit-container">
79 <div i18n *
ngIf=
"videoUploaded === false" class=
"message-submit">Publish will be available when upload is finished
</div>
81 <div class=
"submit-button"
82 (click)=
"updateSecondStep()"
83 [ngClass]=
"{ disabled: isPublishingButtonDisabled() }"
85 <my-global-icon iconName=
"validate"></my-global-icon>
86 <input [disabled]=
"isPublishingButtonDisabled()" type=
"button" i18n-value
value=
"Publish" />