]>
Commit | Line | Data |
---|---|---|
2a491182 F |
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> |