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 @@
-
+