1 <div *
ngIf=
"!hasImportedVideo" class=
"upload-video-container">
2 <div class=
"import-video">
3 <div class=
"icon icon-upload"></div>
5 <div class=
"form-group">
6 <label i18n
for=
"targetUrl">URL
</label>
8 helpType=
"custom" i18n-customHtml
9 customHtml=
"You can import any URL <a href='https://rg3.github.io/youtube-dl/supportedsites.html'>supported by youtube-dl</a> or URL that points to a raw MP4 file. Failure to secure these rights could cause legal trouble to yourself and your instance."
12 <input type=
"text" id=
"targetUrl" [(ngModel)]=
"targetUrl" />
15 <div class=
"form-group">
16 <label i18n
for=
"first-step-channel">Channel
</label>
17 <div class=
"peertube-select-container">
18 <select id=
"first-step-channel" [(ngModel)]=
"firstStepChannelId">
19 <option *
ngFor=
"let channel of userVideoChannels" [value]=
"channel.id">{{ channel.label }}
</option>
24 <div class=
"form-group">
25 <label i18n
for=
"first-step-privacy">Privacy
</label>
26 <div class=
"peertube-select-container">
27 <select id=
"first-step-privacy" [(ngModel)]=
"firstStepPrivacyId">
28 <option *
ngFor=
"let privacy of videoPrivacies" [value]=
"privacy.id">{{ privacy.label }}
</option>
34 type=
"button" i18n-value
value=
"Import"
35 [disabled]=
"!isTargetUrlValid() || isImportingVideo" (click)=
"importVideo()"
40 <div *
ngIf=
"hasImportedVideo" class=
"alert alert-info" i18n
>
41 Congratulations, the video behind {{ targetUrl }} will be imported! You can already add information about this video.
44 <!-- Hidden because we want to load the component -->
45 <form [hidden]=
"!hasImportedVideo" novalidate [formGroup]=
"form">
47 [form]=
"form" [formErrors]=
"formErrors" [videoCaptions]=
"videoCaptions" [schedulePublicationPossible]=
"false"
48 [validationMessages]=
"validationMessages" [videoPrivacies]=
"videoPrivacies" [userVideoChannels]=
"userVideoChannels"
51 <div class=
"submit-container">
52 <div class=
"submit-button"
53 (click)=
"updateSecondStep()"
54 [ngClass]=
"{ disabled: !form.valid || isUpdatingVideo === true }"
56 <span class=
"icon icon-validate"></span>
57 <input type=
"button" i18n-value
value=
"Update" />