diff --git a/src/components/layers/layers.component.html b/src/components/layers/layers.component.html index a4a5521f..a52d30fb 100644 --- a/src/components/layers/layers.component.html +++ b/src/components/layers/layers.component.html @@ -1,16 +1,8 @@
- - - -
\ No newline at end of file diff --git a/src/components/layers/layers.component.ts b/src/components/layers/layers.component.ts index 9c68cf7b..21b65f17 100644 --- a/src/components/layers/layers.component.ts +++ b/src/components/layers/layers.component.ts @@ -1,6 +1,4 @@ -import { - Component, Output, EventEmitter, ElementRef, QueryList, ViewChildren, Renderer, Input -} from '@angular/core'; +import { Component, Input, Output, EventEmitter } from '@angular/core'; @Component({ selector: 'layers', @@ -9,43 +7,25 @@ import { }) export class LayersComponent { @Input() current: number; - @Output() selected = new EventEmitter(); + @Output() select = new EventEmitter(); - @ViewChildren('baseButton,modButton,fnButton,mouseButton') - buttonsQueryList: QueryList; + private buttons: string[]; - private buttons: ElementRef[]; - private selectedLayerIndex: number; - - constructor(private renderer: Renderer) { - this.buttons = []; - this.selectedLayerIndex = 0; - } - - ngOnChanges() { - if (this.buttons.length > 0 && this.current !== this.selectedLayerIndex) { - this.buttons.forEach((button: ElementRef) => { - this.renderer.setElementClass(button.nativeElement, 'btn-primary', false); - }); - this.renderer.setElementClass(this.buttons[this.current].nativeElement, 'btn-primary', true); - this.selectedLayerIndex = 0; - } + constructor() { + this.buttons = ['Base', 'Mod', 'Fn', 'Mouse']; + this.current = 0; } selectLayer(index: number) { - if (index === this.selectedLayerIndex) { + if (this.current === index) { return; } - this.buttons = this.buttonsQueryList.toArray(); - this.selected.emit({ - oldIndex: this.selectedLayerIndex, + this.select.emit({ + oldIndex: this.current, index: index }); - this.renderer.setElementClass(this.buttons[this.selectedLayerIndex].nativeElement, 'btn-primary', false); - this.renderer.setElementClass(this.buttons[index].nativeElement, 'btn-primary', true); - - this.selectedLayerIndex = index; + this.current = index; } } diff --git a/src/components/svg/wrap/svg-keyboard-wrap.component.html b/src/components/svg/wrap/svg-keyboard-wrap.component.html index 01dce6d2..ac45a820 100644 --- a/src/components/svg/wrap/svg-keyboard-wrap.component.html +++ b/src/components/svg/wrap/svg-keyboard-wrap.component.html @@ -1,5 +1,5 @@