diff options
Diffstat (limited to 'client/src/app/+my-library/my-video-channel-syncs/video-channel-sync-edit/video-channel-sync-edit.component.html')
-rw-r--r-- | client/src/app/+my-library/my-video-channel-syncs/video-channel-sync-edit/video-channel-sync-edit.component.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/client/src/app/+my-library/my-video-channel-syncs/video-channel-sync-edit/video-channel-sync-edit.component.html b/client/src/app/+my-library/my-video-channel-syncs/video-channel-sync-edit/video-channel-sync-edit.component.html new file mode 100644 index 000000000..611146c1a --- /dev/null +++ b/client/src/app/+my-library/my-video-channel-syncs/video-channel-sync-edit/video-channel-sync-edit.component.html | |||
@@ -0,0 +1,64 @@ | |||
1 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> | ||
2 | |||
3 | <div class="margin-content"> | ||
4 | <form role="form" (ngSubmit)="formValidated()" [formGroup]="form"> | ||
5 | |||
6 | <div class="row"> | ||
7 | <div class="col-12 col-lg-4 col-xl-3"> | ||
8 | <div class="video-channel-sync-title" i18n>NEW SYNCHRONIZATION</div> | ||
9 | </div> | ||
10 | |||
11 | <div class="col-12 col-lg-8 col-xl-9"> | ||
12 | <div class="form-group"> | ||
13 | <label i18n for="externalChannelUrl">Remote channel URL</label> | ||
14 | |||
15 | <div class="input-group"> | ||
16 | <input | ||
17 | type="text" | ||
18 | id="externalChannelUrl" | ||
19 | i18n-placeholder | ||
20 | placeholder="Example: https://youtube.com/channel/UC_fancy_channel" | ||
21 | formControlName="externalChannelUrl" | ||
22 | [ngClass]="{ 'input-error': formErrors['externalChannelUrl'] }" | ||
23 | class="form-control" | ||
24 | > | ||
25 | </div> | ||
26 | |||
27 | <div *ngIf="formErrors['externalChannelUrl']" class="form-error"> | ||
28 | {{ formErrors['externalChannelUrl'] }} | ||
29 | </div> | ||
30 | </div> | ||
31 | |||
32 | <div class="form-group"> | ||
33 | <label i18n for="videoChannel">Video Channel</label> | ||
34 | <my-select-channel required [items]="userVideoChannels" formControlName="videoChannel"></my-select-channel> | ||
35 | |||
36 | <div *ngIf="formErrors['videoChannel']" class="form-error"> | ||
37 | {{ formErrors['videoChannel'] }} | ||
38 | </div> | ||
39 | </div> | ||
40 | |||
41 | <div class="form-group"> | ||
42 | <label for="existingVideoStrategy" i18n>Options for existing videos on remote channel:</label> | ||
43 | |||
44 | <div class="peertube-radio-container"> | ||
45 | <input type="radio" name="existingVideoStrategy" id="import" value="import" formControlName="existingVideoStrategy" required /> | ||
46 | <label for="import" i18n>Import all and watch for new publications</label> | ||
47 | </div> | ||
48 | |||
49 | <div class="peertube-radio-container"> | ||
50 | <input type="radio" name="existingVideoStrategy" id="doNothing" value="nothing" formControlName="existingVideoStrategy" required /> | ||
51 | <label for="doNothing" i18n>Only watch for new publications</label> | ||
52 | </div> | ||
53 | </div> | ||
54 | </div> | ||
55 | </div> | ||
56 | |||
57 | <div class="row"> <!-- submit placement block --> | ||
58 | <div class="col-md-7 col-xl-5"></div> | ||
59 | <div class="col-md-5 col-xl-5 d-inline-flex"> | ||
60 | <input type="submit" class="peertube-button orange-button ms-auto" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid"> | ||
61 | </div> | ||
62 | </div> | ||
63 | </form> | ||
64 | </div> | ||