LightSensor Accessory

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

@@ -19,6 +19,7 @@ import { FanManageComponent } from './types/fan/fan.manage.component';
 import { UnknownComponent } from './types/unknown/unknown.component';
 import { LightbulbComponent } from './types/lightbulb/lightbulb.component';
 import { LightbulbManageComponent } from './types/lightbulb/lightbulb.manage.component';
+import { LightsensorComponent } from './types/lightsensor/lightsensor.component';
 import { LockmechanismComponent } from './types/lockmechanism/lockmechanism.component';
 import { TemperaturesensorComponent } from './types/temperaturesensor/temperaturesensor.component';
 import { GaragedooropenerComponent } from './types/garagedooropener/garagedooropener.component';
@@ -64,6 +65,7 @@ import { IrrigationSystemComponent } from './types/irrigationsystem/irrigationsy
     UnknownComponent,
     LightbulbComponent,
     LightbulbManageComponent,
+    LightsensorComponent,
     LockmechanismComponent,
     TemperaturesensorComponent,
     GaragedooropenerComponent,
@@ -106,6 +108,7 @@ import { IrrigationSystemComponent } from './types/irrigationsystem/irrigationsy
     UnknownComponent,
     LightbulbComponent,
     LightbulbManageComponent,
+    LightsensorComponent,
     LockmechanismComponent,
     TemperaturesensorComponent,
     GaragedooropenerComponent,

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

@@ -0,0 +1,7 @@
+<div class="accessory-box">
+  <div class="d-flex flex-column h-100 mt-auto">
+    <div [inlineSVG]="'/assets/hap-icons/light.svg'" aria-label="Light Sensor" class="accessory-svg"></div>
+    <div class="accessory-label">{{ service.customName || service.serviceName }}</div>
+    <div class="accessory-label grey-text">{{ service.values.CurrentAmbientLightLevel }} lux</div>
+  </div>
+</div>

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

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

ui/src/app/modules/accessories/accessories.component.html

@@ -45,6 +45,8 @@ <h5 class="primary-text drag-handle room-title" [ngClass]="{'cursor-move': !isMo
               <app-outlet *ngSwitchCase="'Outlet'" [service]="service">Outlet</app-outlet>
               <app-fan *ngSwitchCase="'Fan'" [service]="service" class="w-100">Fan</app-fan>
               <app-lightbulb *ngSwitchCase="'Lightbulb'" [service]="service">Lightbulb</app-lightbulb>
+              <app-lightsensor *ngSwitchCase="'LightSensor'" [service]="service">Light Sensor
+              </app-lightsensor>
               <app-lockmechanism *ngSwitchCase="'LockMechanism'" [service]="service">Lock Mechanism</app-lockmechanism>
               <app-temperaturesensor *ngSwitchCase="'TemperatureSensor'" [service]="service">Temperature Sensor
               </app-temperaturesensor>

ui/src/app/modules/status/widgets/accessories-widget/accessories-widget.component.html

@@ -14,6 +14,8 @@
         <app-outlet *ngSwitchCase="'Outlet'" [service]="service">Outlet</app-outlet>
         <app-fan *ngSwitchCase="'Fan'" [service]="service" class="w-100">Fan</app-fan>
         <app-lightbulb *ngSwitchCase="'Lightbulb'" [service]="service">Lightbulb</app-lightbulb>
+        <app-lightsensor *ngSwitchCase="'LightSensor'" [service]="service">Light Sensor
+        </app-lightsensor>
         <app-lockmechanism *ngSwitchCase="'LockMechanism'" [service]="service">Lock Mechanism</app-lockmechanism>
         <app-temperaturesensor *ngSwitchCase="'TemperatureSensor'" [service]="service">Temperature Sensor
         </app-temperaturesensor>