Merge pull request #1263 from Feilner/smokeSensor

Smoke sensor

ui/src/app/core/accessories/accessories.module.ts

@@ -44,6 +44,7 @@ import { SpeakerManageComponent } from './types/speaker/speaker.manage.component
 import { SecuritysystemComponent } from './types/securitysystem/securitysystem.component';
 import { SecuritysystemManageComponent } from './types/securitysystem/securitysystem.manage.component';
 import { LeaksensorComponent } from './types/leaksensor/leaksensor.component';
+import { SmokesensorComponent } from './types/smokesensor/smokesensor.component';
 import { ValveComponent } from './types/valve/valve.component';
 import { ValveManageComponent } from './types/valve/valve.manage.component';
 import { IrrigationSystemComponent } from './types/irrigationsystem/irrigationsystem.component';
@@ -109,6 +110,7 @@ import { AccessoryTileComponent } from './accessory-tile/accessory-tile.componen
     SecuritysystemComponent,
     SecuritysystemManageComponent,
     LeaksensorComponent,
+    SmokesensorComponent,
     ValveComponent,
     ValveManageComponent,
     IrrigationSystemComponent,

ui/src/app/core/accessories/accessory-tile/accessory-tile.component.html

@@ -44,6 +44,8 @@
   </app-securitysystem>
   <app-leaksensor *ngSwitchCase="'LeakSensor'" [service]="service">Leak Sensor
   </app-leaksensor>
+  <app-smokesensor *ngSwitchCase="'SmokeSensor'" [service]="service">Smoke Sensor
+  </app-smokesensor>
   <app-valve *ngSwitchCase="'Valve'" [service]="service">Valve
   </app-valve>
   <app-irrigationsystem *ngSwitchCase="'IrrigationSystem'" [service]="service">Irrigation System

ui/src/app/core/accessories/types/smokesensor/smokesensor.component.html

@@ -0,0 +1,13 @@
+<div class="accessory-box" [ngClass]="{
+  'switch-on': service.values.SmokeDetected,
+  'switch-off': !service.values.SmokeDetected
+}">
+  <div class="d-flex flex-column h-100">
+    <div [inlineSVG]="'/assets/hap-icons/smokesensor.svg'" aria-label="Smoke Sensor" class="accessory-svg"></div>
+    <div class="accessory-label mt-auto">{{ service.customName || service.serviceName }}</div>
+    <div class="accessory-label red-text" *ngIf="service.values.SmokeDetected">
+      {{ 'accessories.control.label_triggered' | translate }}
+    </div>
+  </div>
+</div>
+

ui/src/app/core/accessories/types/smokesensor/smokesensor.component.scss

@@ -0,0 +1,13 @@
+::ng-deep {
+  .switch-off {
+    svg {
+      .smoke_sensor_trigger_lines {
+        display: none;
+      }
+      .smoke_sensor_box {
+        fill: #808080;
+      }
+    }
+  }
+}
+

ui/src/app/core/accessories/types/smokesensor/smokesensor.component.ts

@@ -0,0 +1,17 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { ServiceTypeX } from '../../accessories.interfaces';
+
+@Component({
+  selector: 'app-smokesensor',
+  templateUrl: './smokesensor.component.html',
+  styleUrls: ['./smokesensor.component.scss'],
+})
+export class SmokesensorComponent implements OnInit {
+  @Input() public service: ServiceTypeX;
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}