MycroftAI
/
selene-ui
mirror of https://github.com/MycroftAI/selene-ui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

yet another stab at fixing a compile error

pull/4/head
Chris Veilleux 2019-04-18 15:02:22 -05:00
parent ccbc88fab6
commit 5f1700d143
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
projects/account/src/app/shared/components/option-btn/option-btn.component.ts
View File

@ -1,21 +1,27 @@
import { Component, Input, Self, ViewChild } from '@angular/core'; import { Component, Input, forwardRef, ViewChild } from '@angular/core';
import { OptionButtonsConfig } from '@account/models/option-buttons-config.model'; import { OptionButtonsConfig } from '@account/models/option-buttons-config.model';
import { MatButtonToggleGroup } from '@angular/material'; import { MatButtonToggleGroup } from '@angular/material';
import { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms'; import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
@Component({ @Component({
selector: 'account-option-btn', selector: 'account-option-btn',
templateUrl: './option-btn.component.html', templateUrl: './option-btn.component.html',
styleUrls: ['./option-btn.component.scss'], styleUrls: ['./option-btn.component.scss'],
providers: [{provide: NG_VALUE_ACCESSOR, multi: true, useExisting: OptionBtnComponent}] providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => OptionBtnComponent),
multi: true
}
]
}) })
export class OptionBtnComponent implements ControlValueAccessor { export class OptionBtnComponent implements ControlValueAccessor {
@Input() config: OptionButtonsConfig; @Input() config: OptionButtonsConfig;
@Input() disabled = false;
@ViewChild(MatButtonToggleGroup) options: MatButtonToggleGroup; @ViewChild(MatButtonToggleGroup) options: MatButtonToggleGroup;
public onChange; public onChange;
public onTouched; public onTouched;
constructor(@Self() public controlDirective: NgControl) { constructor() {
controlDirective.valueAccessor = this;
} }
writeValue(value: any) { writeValue(value: any) {
@ -29,4 +35,8 @@ export class OptionBtnComponent implements ControlValueAccessor {
registerOnTouched(fn: () => void) { registerOnTouched(fn: () => void) {
this.onTouched = fn; this.onTouched = fn;
} }
setDisabledState(isDisabled: boolean): void {
this.disabled = isDisabled;
}
} }