1 import { ChangeDetectorRef, Component, forwardRef, Input, OnChanges, SimpleChanges } from '@angular/core'
2 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'
5 selector: 'my-peertube-checkbox',
6 styleUrls: [ './peertube-checkbox.component.scss' ],
7 templateUrl: './peertube-checkbox.component.html',
10 provide: NG_VALUE_ACCESSOR,
11 useExisting: forwardRef(() => PeertubeCheckboxComponent),
16 export class PeertubeCheckboxComponent implements ControlValueAccessor {
17 @Input() checked = false
18 @Input() inputName: string
19 @Input() labelText: string
20 @Input() labelHtml: string
21 @Input() helpHtml: string
22 @Input() disabled = false
24 // FIXME: https://github.com/angular/angular/issues/10816#issuecomment-307567836
25 @Input() onPushWorkaround = false
27 constructor (private cdr: ChangeDetectorRef) { }
29 propagateChange = (_: any) => { /* empty */ }
31 writeValue (checked: boolean) {
32 this.checked = checked
34 if (this.onPushWorkaround) {
35 this.cdr.markForCheck()
39 registerOnChange (fn: (_: any) => void) {
40 this.propagateChange = fn
43 registerOnTouched () {
48 this.propagateChange(this.checked)
51 setDisabledState (isDisabled: boolean) {
52 this.disabled = isDisabled