diff --git a/src/app/app.component.html b/src/app/app.component.html
index 607b352..6807861 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,16 +1,16 @@
-
+
|
-
+
|
-
+
|
-
+
|
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 97cc3bf..9367c91 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -7,6 +7,7 @@ import { LedindicatorComponent } from './ledindicator/ledindicator.component';
import { OnOffButtonComponent } from './on-off-button/on-off-button.component';
import { LedButtonGroupComponent } from './led-button-group/led-button-group.component';
import { NumberFieldComponent } from './number-field/number-field.component';
+import { LedButtonGroup2Component } from './led-button-group2/led-button-group2.component';
@NgModule({
@@ -15,7 +16,8 @@ import { NumberFieldComponent } from './number-field/number-field.component';
LedindicatorComponent,
OnOffButtonComponent,
LedButtonGroupComponent,
- NumberFieldComponent
+ NumberFieldComponent,
+ LedButtonGroup2Component
],
imports: [
BrowserModule
diff --git a/src/app/led-button-group2/led-button-group2.component.spec.ts b/src/app/led-button-group2/led-button-group2.component.spec.ts
new file mode 100644
index 0000000..2ae671a
--- /dev/null
+++ b/src/app/led-button-group2/led-button-group2.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LedButtonGroup2Component } from './led-button-group2.component';
+
+describe('LedButtonGroup2Component', () => {
+ let component: LedButtonGroup2Component;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ LedButtonGroup2Component ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(LedButtonGroup2Component);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/led-button-group2/led-button-group2.component.ts b/src/app/led-button-group2/led-button-group2.component.ts
new file mode 100644
index 0000000..e76f239
--- /dev/null
+++ b/src/app/led-button-group2/led-button-group2.component.ts
@@ -0,0 +1,41 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { MqttclientService } from '../mqttclient.service'
+
+@Component({
+ selector: 'ledbutton2',
+ template: `
+
+ {{label}}
+
+
+
+
+ `
+})
+export class LedButtonGroup2Component implements OnInit {
+
+ actionTopic : string
+ feedbackTopic : string
+ @Input('topic') topicPre : string
+ @Input() label : string
+
+ constructor(private mqttclientService : MqttclientService) { }
+
+ ngOnInit() {
+ this.actionTopic = this.topicPre + '/state'
+ this.feedbackTopic = this.topicPre + '/feedback'
+ }
+
+
+ clickOn() {
+ this.mqttclientService.publish(this.actionTopic, "ON")
+ }
+
+ clickOff() {
+ this.mqttclientService.publish(this.actionTopic, "OFF")
+ }
+
+
+}
diff --git a/src/app/ledindicator/ledindicator.component.ts b/src/app/ledindicator/ledindicator.component.ts
index 6e19b59..f2b896d 100644
--- a/src/app/ledindicator/ledindicator.component.ts
+++ b/src/app/ledindicator/ledindicator.component.ts
@@ -4,7 +4,7 @@ import { MqttclientService } from '../mqttclient.service'
@Component({
selector: 'led',
template: `
- ●
+ ●
`
})
export class LedindicatorComponent implements OnInit {