74 lines
1.9 KiB
TypeScript
74 lines
1.9 KiB
TypeScript
import { AfterContentInit, ChangeDetectorRef, Component, ContentChildren, forwardRef, Input, QueryList, TemplateRef } from '@angular/core'
|
|
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'
|
|
import { PeerTubeTemplateDirective } from '@app/shared/shared-main'
|
|
|
|
@Component({
|
|
selector: 'my-peertube-checkbox',
|
|
styleUrls: [ './peertube-checkbox.component.scss' ],
|
|
templateUrl: './peertube-checkbox.component.html',
|
|
providers: [
|
|
{
|
|
provide: NG_VALUE_ACCESSOR,
|
|
useExisting: forwardRef(() => PeertubeCheckboxComponent),
|
|
multi: true
|
|
}
|
|
]
|
|
})
|
|
export class PeertubeCheckboxComponent implements ControlValueAccessor, AfterContentInit {
|
|
@Input() checked = false
|
|
@Input() inputName: string
|
|
@Input() labelText: string
|
|
@Input() labelInnerHTML: string
|
|
@Input() helpPlacement = 'top auto'
|
|
@Input() disabled = false
|
|
@Input() recommended = false
|
|
|
|
@ContentChildren(PeerTubeTemplateDirective) templates: QueryList<PeerTubeTemplateDirective<'label' | 'help'>>
|
|
|
|
// FIXME: https://github.com/angular/angular/issues/10816#issuecomment-307567836
|
|
@Input() onPushWorkaround = false
|
|
|
|
labelTemplate: TemplateRef<any>
|
|
helpTemplate: TemplateRef<any>
|
|
|
|
constructor (private cdr: ChangeDetectorRef) { }
|
|
|
|
ngAfterContentInit () {
|
|
{
|
|
const t = this.templates.find(t => t.name === 'label')
|
|
if (t) this.labelTemplate = t.template
|
|
}
|
|
|
|
{
|
|
const t = this.templates.find(t => t.name === 'help')
|
|
if (t) this.helpTemplate = t.template
|
|
}
|
|
}
|
|
|
|
propagateChange = (_: any) => { /* empty */ }
|
|
|
|
writeValue (checked: boolean) {
|
|
this.checked = checked
|
|
|
|
if (this.onPushWorkaround) {
|
|
this.cdr.markForCheck()
|
|
}
|
|
}
|
|
|
|
registerOnChange (fn: (_: any) => void) {
|
|
this.propagateChange = fn
|
|
}
|
|
|
|
registerOnTouched () {
|
|
// Unused
|
|
}
|
|
|
|
onModelChange () {
|
|
this.propagateChange(this.checked)
|
|
}
|
|
|
|
setDisabledState (isDisabled: boolean) {
|
|
this.disabled = isDisabled
|
|
}
|
|
}
|