diff options
author | Chocobozzz <me@florianbigard.com> | 2020-06-23 14:10:17 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-06-23 16:00:49 +0200 |
commit | 67ed6552b831df66713bac9e672738796128d33f (patch) | |
tree | 59c97d41e0b49d75a90aa3de987968ab9b1ff447 /client/src/app/shared/shared-forms/peertube-checkbox.component.html | |
parent | 0c4bacbff53bc732f5a2677d62a6ead7752e2405 (diff) | |
download | PeerTube-67ed6552b831df66713bac9e672738796128d33f.tar.gz PeerTube-67ed6552b831df66713bac9e672738796128d33f.tar.zst PeerTube-67ed6552b831df66713bac9e672738796128d33f.zip |
Reorganize client shared modules
Diffstat (limited to 'client/src/app/shared/shared-forms/peertube-checkbox.component.html')
-rw-r--r-- | client/src/app/shared/shared-forms/peertube-checkbox.component.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/client/src/app/shared/shared-forms/peertube-checkbox.component.html b/client/src/app/shared/shared-forms/peertube-checkbox.component.html new file mode 100644 index 000000000..704f3e696 --- /dev/null +++ b/client/src/app/shared/shared-forms/peertube-checkbox.component.html | |||
@@ -0,0 +1,45 @@ | |||
1 | <div class="root flex-column"> | ||
2 | <div class="d-flex"> | ||
3 | <label class="form-group-checkbox"> | ||
4 | <input | ||
5 | type="checkbox" | ||
6 | [(ngModel)]="checked" | ||
7 | (ngModelChange)="onModelChange()" | ||
8 | [id]="inputName" | ||
9 | [disabled]="disabled" | ||
10 | /> | ||
11 | <span role="checkbox" [attr.aria-checked]="checked"></span> | ||
12 | <span *ngIf="labelText">{{ labelText }}</span> | ||
13 | <span | ||
14 | *ngIf="!labelText && labelInnerHTML" | ||
15 | [innerHTML]="labelInnerHTML" | ||
16 | ></span> | ||
17 | |||
18 | <span *ngIf="labelTemplate"> | ||
19 | <ng-container *ngTemplateOutlet="labelTemplate"></ng-container> | ||
20 | </span> | ||
21 | </label> | ||
22 | |||
23 | <my-help | ||
24 | *ngIf="helpTemplate" | ||
25 | [tooltipPlacement]="helpPlacement" | ||
26 | helpType="custom" | ||
27 | > | ||
28 | <ng-template ptTemplate="customHtml"> | ||
29 | <ng-template *ngTemplateOutlet="helpTemplate"></ng-template> | ||
30 | </ng-template> | ||
31 | </my-help> | ||
32 | |||
33 | <div *ngIf="recommended" class="recommended" i18n>Recommended</div> | ||
34 | </div> | ||
35 | |||
36 | <div class="ml-4 d-flex flex-column"> | ||
37 | <small class="wrapper mt-2 text-muted"> | ||
38 | <ng-content select="description"></ng-content> | ||
39 | </small> | ||
40 | |||
41 | <span class="wrapper mt-3"> | ||
42 | <ng-content select="extra"></ng-content> | ||
43 | </span> | ||
44 | </div> | ||
45 | </div> | ||