1 <div *
ngIf=
"!hasImportedVideo" class=
"upload-video-container">
2 <div class=
"first-step-block">
3 <my-global-icon class=
"upload-icon" iconName=
"upload" aria-hidden=
"true"></my-global-icon>
5 <div class=
"form-group">
6 <label i18n
for=
"targetUrl">URL
</label>
9 <ng-template ptTemplate=
"customHtml">
11 You can import any URL
<a href='https://rg3.github.io/youtube-dl/supportedsites.html' target='_blank' rel='noopener noreferrer'
>supported by youtube-dl
</a>
12 or URL that points to a media file.
13 You should make sure you have diffusion rights over the content it points to, otherwise it could cause legal trouble to yourself and your instance.
18 <input type=
"text" id=
"targetUrl" [(ngModel)]=
"targetUrl" class=
"form-control" />
21 <div class=
"form-group">
22 <label i18n
for=
"first-step-channel">Channel
</label>
24 labelForId=
"first-step-channel" [items]=
"userVideoChannels" [(ngModel)]=
"firstStepChannelId"
28 <div class=
"form-group">
29 <label i18n
for=
"first-step-privacy">Privacy
</label>
31 labelForId=
"first-step-privacy" [items]=
"videoPrivacies" [(ngModel)]=
"firstStepPrivacyId"
36 type=
"button" i18n-value
value=
"Import"
37 [disabled]=
"!isTargetUrlValid() || isImportingVideo" (click)=
"importVideo()"
43 <div *
ngIf=
"error" class=
"alert alert-danger">
44 <div i18n
>Sorry, but something went wrong
</div>
48 <div *
ngIf=
"!error && hasImportedVideo" class=
"alert alert-info" i18n
>
49 Congratulations, the video behind {{ targetUrl }} will be imported! You can already add information about this video.
52 <!-- Hidden because we want to load the component -->
53 <form [hidden]=
"!hasImportedVideo" novalidate [formGroup]=
"form">
55 [form]=
"form" [formErrors]=
"formErrors" [videoCaptions]=
"videoCaptions" [forbidScheduledPublication]=
"true"
56 [validationMessages]=
"validationMessages" [userVideoChannels]=
"userVideoChannels"
60 <div class=
"submit-container">
61 <my-button className=
"orange-button" i18n-label
label=
"Update" icon=
"circle-tick"
62 (click)=
"updateSecondStep()"
63 [disabled]=
"!form.valid || isUpdatingVideo === true"