software/Frontend/src/app/Home/home.component.html

@@ -10,7 +10,7 @@
     </div>
   </div>
   <div class="item-robotText">
-    <div *ngIf="!(robotIsReady$ | async)" id="robotIsOnTour">Robot is on Tour</div>
+    <div *ngIf="robotStateChange$ | async" id="robotIsOnTour">Robot is on Tour</div>
-    <div *ngIf="(robotIsReady$ | async)" id="robotIsReady">Robot is Ready</div>
+    <div *ngIf="!(robotStateChange$ | async)" id="robotIsReady">Robot is Ready</div>
   </div>
 </div>

software/Frontend/src/app/Home/home.component.ts

@@ -8,8 +8,7 @@ import { StoreService } from '../Service/store.service';
   styleUrls: ['./home.component.css']
 })
 export class HomeComponent {
-  // Aktueller RobotStatus wird subscribed
+  robotStateChange$: Observable<boolean> = this.storeService.currentRobotReady;
-  robotIsReady$: Observable<boolean> = this.storeService.currentRobotReady;
 
   constructor(private storeService: StoreService) {
   }

software/Frontend/src/app/Home/input/input.component.ts

@@ -15,43 +15,36 @@ export class InputComponent implements OnInit, OnDestroy {
   subscription: Subscription;
 
   constructor(
-    public speechService: SpeechService,
+    public service: SpeechService,
     private mqttRequestService: MqttRequestService
   ) {
-    if (!this.speechService.initSpeechServiceStarted) {
+    if (!this.service.initSpeechServiceStarted) {
-      this.speechService.init();
+      this.service.init();
     }
   }
 
   ngOnInit(): void {
-    // subscribe auf die eingegebene Spracheingabe, gibt als response einen string
+    this.subscription = this.service.currentApprovalStageMessage.subscribe(msg => {
-    this.subscription = this.speechService.currentApprovalStageMessage.subscribe(msg => {
       this.text = msg;
       if (this.text !== '') {
         this.micIsClicked = false;
-        this.mqttRequestService.publishToINPUT(this.text); // msg wird hier den Request Service weitergeleitet
+        this.mqttRequestService.publishToINPUT(this.text);
       }
     });
   }
 
-  /**
- * Beim klick auf das Mikrofon, wird die Spracheingabe gestartet. Beim 2ten klick auf das
- * Mikrofon wird die Spracheingabe gestoppt
- */
   startStopService() {
-    //
     if (this.micIsClicked) {
       this.micIsClicked = false;
-      this.speechService.stop(); // Spracheingabe stoppen
+      this.service.stop();
     } else {
       this.micIsClicked = true;
-      this.speechService.start(); //Spracheingabe starten
+      this.service.start();
     }
   }
-
   ngOnDestroy() {
     this.subscription.unsubscribe()
-    this.speechService.onDestory();
+    this.service.onDestory();
     this.text = '';
   }
 

software/Frontend/src/app/Home/output/output.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { Subscription } from 'rxjs';
+
 import { MqttRequestService } from 'src/app/Service/Mqtt/mqtt-request.service';
 
 declare var speechSynthesis: any;
@@ -15,7 +16,6 @@ export class OutputComponent implements OnInit, OnDestroy {
   constructor(private mqttRequestService: MqttRequestService) { }
 
   ngOnInit(): void {
-    // subsribe auf "responseMessage", sie wird jedes mal getriggert wenn eine Spracheingabe statt findet
     this.subscription = this.mqttRequestService.responseMessage.subscribe(msg => {
       setTimeout(() => {
         this.outputText = msg;
@@ -24,11 +24,6 @@ export class OutputComponent implements OnInit, OnDestroy {
     });
   }
 
-  /**
- * Methode spricht das übergeben string aus --> Sprachausgabe
- * @method speak
- * @param string
- */
   speak(text: string) {
     const utterance = new SpeechSynthesisUtterance(text);
     utterance.lang = 'en-US';
@@ -39,4 +34,5 @@ export class OutputComponent implements OnInit, OnDestroy {
     this.subscription.unsubscribe();
     this.mqttRequestService.onDestroy();
   }
+
 }

software/Frontend/src/app/Home/speech.service.ts

@@ -7,13 +7,8 @@ declare var webkitSpeechRecognition: any;
   providedIn: 'root'
 })
 export class SpeechService {
-  /* 
-  * currentApprovalStageMessage wird als observable festgelegt,
-  * damit man aus anderen Komponenten die änderungen mitbekommt!
-  */
   private approvalStageMessage = new BehaviorSubject('');
   currentApprovalStageMessage = this.approvalStageMessage.asObservable();
-
   initSpeechServiceStarted: boolean = false;
 
   recognition = new webkitSpeechRecognition();
@@ -23,6 +18,8 @@ export class SpeechService {
   tempWords: string | undefined;
 
   constructor() {
+    this.recognition.pitch = 10;
+    this.recognition.rate = 3;
   }
 
   init() {
@@ -36,19 +33,22 @@ export class SpeechService {
         .map((result) => result.transcript)
         .join('');
       this.tempWords = transcript;
+      console.log('init:' + transcript);
     });
   }
 
   start() {
     this.text = '';
     this.isStoppedSpeechRecog = false;
-    this.recognition.start(); // Start der Sprachaufnahme
+    this.recognition.start();
+    console.log("Speech recognition started")
     this.recognition.addEventListener('end', () => {
       this.wordConcat()
-      this.recognition.stop(); // Ende der Sprachaufnahme
+      this.recognition.stop();
       if (!this.isStoppedSpeechRecog) {
         this.isStoppedSpeechRecog = true;
-        this.approvalStageMessage.next(this.text); // String was eingelesen wurde, wird mit der Methode "next(..)" an alle subsriber weitergeleitet!
+        console.log("End speech recognition");
+        this.approvalStageMessage.next(this.text);
       }
     });
   }
@@ -62,7 +62,6 @@ export class SpeechService {
     }
   }
 
-  // addiert die Wörter bei der Sprachaufnahme zusammen
   wordConcat() {
     this.text = this.text + ' ' + this.tempWords;
     this.tempWords = '';

software/Frontend/src/app/Plants/plant-card/plant-card.component.ts

@@ -18,19 +18,10 @@ export class PlantCardComponent {
   constructor(public dialog: MatDialog, private mqttRequestService: MqttRequestService) {
   }
 
-  /**
-  * Methode wird in der HTML datei verwendet damit der Wert nicht undefined ist.
-  * @method 
-  */
   getFormattedLastRequestedTimestamp(): Observable<string> {
     return of(this.calculateTimestamp(this.plant.Timestamp))
   }
 
-  /**
-* Methode dividiert den Timestamp der Pflanze mit der aktuellen Zeit. Die Zeit wird dann in Tagen, Stunden, Minuten, Sekunden angezeigt
-* @method 
-* @return string wie z.B "1 hour ago"
-*/
   calculateTimestamp(timestamp: string): string {
     const datePlant = new Date(timestamp);
     this.currentDate = new Date();
@@ -52,10 +43,6 @@ export class PlantCardComponent {
     }
   }
 
-  /**
- * Methode öffnet den Dialog "DeleteConfirmDialogComponent"
- * @method 
- */
   onDeletePlant() {
     this.dialog.open(DeleteConfirmDialogComponent, {
       data: this.plant,
@@ -63,10 +50,6 @@ export class PlantCardComponent {
     });
   }
 
-  /**
- * Methode öffnet den Dialog "ConfigurePlantDialogComponent"
- * @method 
- */
   onConfigurePlant() {
     this.dialog.open(ConfigurePlantDialogComponent, {
       data: {
@@ -75,4 +58,5 @@ export class PlantCardComponent {
       width: '400px',
     });
   }
+
 }

software/Frontend/src/app/Plants/plants.component.ts

@@ -21,7 +21,6 @@ export class PlantsComponent {
 
 
   constructor(public dialog: MatDialog, public storeService: StoreService, private mqttRequestService: MqttRequestService) {
-    // sobald es eine änderung bei den pflanzenNamen gibt, wird bei der suchleiste ein neuer filter eingesetzt
     this.options$.subscribe(response => {
       this.filteredOptions = this.myControl.valueChanges.pipe(
         startWith(''),
@@ -31,39 +30,24 @@ export class PlantsComponent {
     })
   }
 
-  /**
-* es wird nach dem Pflanzen Namen gesucht.
-* @method 
-* @return Pflant
-*/
   onSearchPlant(plantName: string): Observable<Plant> {
     return this.storeService.getPlant(plantName);
   }
 
-  /**
- * Methode öffnet das Dialog "AddPlantDialogComponent"
- * @method 
- */
   onNewPlant() {
     this.dialog.open(AddPlantDialogComponent, {
       width: '420px',
     });
   }
 
-  /**
-* die ausgewählte Pflanze wird in "selectedPlant" geschrieben
-* @method
-*/
   onOptionSelect(value: string) {
     this.selectedPlant = value;
   }
 
-
   onOptionDefault() {
     this.selectedPlant = 'undefined';
   }
 
-
   private _filter(value: string, options: string[]): string[] {
     const filterValue = value.toLowerCase();
 

software/Frontend/src/app/Robot/robot.component.ts

@@ -17,32 +17,18 @@ export class RobotComponent {
   constructor(private storeService: StoreService) {
   }
 
-  /**
-* Methode setzt die Farbe der LoadingBar auf Rot ("warn") oder Blau ("Primary")
-* @method 
-* @return warn oder primary
-*/
   getLoadingBarColor(): Observable<ThemePalette> {
     return this.batteryChargingStatus$.pipe(
       map(chargingStatus => chargingStatus < 20 ? "warn" : "primary")
     )
   }
 
-  /**
-  * Methode wird in der HTML datei verwendet damit der Wert nicht undefined ist.
-  * @method 
-  */
   getFormattedLastRequestedBatteryState(): Observable<string> {
     return this.requestTimestamp$.pipe(
       map(timestamp => this.formatLastRequestedBatteryState(timestamp))
     )
   }
 
-  /**
-* Methode dividiert den Timestamp der Pflanze mit der aktuellen Zeit. Die Zeit wird dann in Tagen, Stunden, Minuten, Sekunden angezeigt
-* @method 
-* @return string wie z.B "1 hour ago"
-*/
   formatLastRequestedBatteryState(timestamp: string): string {
     const datePlant = new Date(timestamp);
     const currentDate = new Date();
@@ -63,4 +49,5 @@ export class RobotComponent {
       return `${seconds} second${seconds !== 1 ? 's' : ''} ago`;
     }
   }
+
 }

software/Frontend/src/app/Service/Mqtt/mqtt-request.service.ts

@@ -1,10 +1,10 @@
 import { Injectable } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { BehaviorSubject, Subscription } from 'rxjs';
-import { take } from 'rxjs/operators';
 import { ErrorDialogComponent } from 'src/app/dialog/error-dialog/error-dialog.component';
 import { Plant } from 'src/app/models/plant.model';
 import { PlantCount } from 'src/app/models/plantCount.model';
+import { Position } from 'src/app/models/position.model';
 import { RobotBattery } from 'src/app/models/robotBattery.model';
 import { StoreService } from '../store.service';
 import { MqttSetDataService } from './mqtt-set-data.service';
@@ -14,7 +14,6 @@ import { MqttService } from './mqtt.service';
   providedIn: 'root'
 })
 export class MqttRequestService {
-  // wird für die Sprachausgabe verwendet
   private sourceMessage = new BehaviorSubject('');
   responseMessage = this.sourceMessage.asObservable();
 
@@ -23,7 +22,6 @@ export class MqttRequestService {
   constructor(private mqttService: MqttService,
     private mqttSetDataService: MqttSetDataService,
     private storeService: StoreService, public dialog: MatDialog) {
-
     //Subscribe to the Topics
     this.mqttService.subscribeToTopic("BACKEND/DATA/SENSORDATA_ALL").subscribe(data => {
       if (typeof data !== "object") {
@@ -38,10 +36,11 @@ export class MqttRequestService {
       console.error('Error:', err);
     });
 
-    this.mqttService.subscribeToTopic("BACKEND/DATA/ERROR").subscribe(errorMsg => {
+    this.mqttService.subscribeToTopic("BACKEND/DATA/ERROR").subscribe(data => {
-      if (typeof errorMsg !== "object") {
+      if (typeof data !== "object") {
+        const payload = JSON.parse(data) as string;
         this.dialog.open(ErrorDialogComponent, {
-          data: errorMsg,
+          data: payload,
           width: '400px',
         });
       }
@@ -66,18 +65,18 @@ export class MqttRequestService {
       console.error('Error:', err);
     });
 
-    // this.mqttService.subscribeToTopic("BACKEND/DATA/POSITION").subscribe(data => {
+    this.mqttService.subscribeToTopic("BACKEND/DATA/POSITION").subscribe(data => {
-    //   if (typeof data !== "object") {
+      if (typeof data !== "object") {
-    //     const payload = JSON.parse(data) as Position;
+        const payload = JSON.parse(data) as Position;
-    //     this.mqttSetDataService.setRobotPosition(payload);
+        this.mqttSetDataService.setRobotPosition(payload);
-    //   }
+      }
-    // }, err => {
+    }, err => {
-    //   this.dialog.open(ErrorDialogComponent, {
+      this.dialog.open(ErrorDialogComponent, {
-    //     data: err,
+        data: err,
-    //     width: '400px',
+        width: '400px',
-    //   });
+      });
-    //   console.error('Error:', err);
+      console.error('Error:', err);
-    // });
+    });
 
     this.mqttService.subscribeToTopic("BACKEND/DATA/BATTERY").subscribe(data => {
       if (typeof data !== "object") {
@@ -93,10 +92,9 @@ export class MqttRequestService {
     });
 
     this.mqttService.subscribeToTopic("BACKEND/DATA/ROBOTREADY").subscribe(data => {
-      if (data === "False") {
+      if (typeof data !== "object") {
-        this.mqttSetDataService.setRobotReady(false);
+        const payload = JSON.parse(data) as boolean;
-      } else if (data === "True") {
+        this.mqttSetDataService.setRobotReady(payload);
-        this.mqttSetDataService.setRobotReady(true);
       }
     }, err => {
       this.dialog.open(ErrorDialogComponent, {
@@ -118,7 +116,14 @@ export class MqttRequestService {
       });
       console.error('Error:', err);
     });
-
+    // this.mqttService.subscribeToTopic("BACKEND/DATA/POSITION").subscribe(data => {
+    //   if (typeof data !== "object") {
+    //     const payload = JSON.parse(data) as Plant[];
+    //     this.mqttSetDataService.setDataAllPlants(payload);
+    //   }
+    // }, err => {
+    //   console.error('Error:', err);
+    // });
     // this.mqttService.subscribeToTopic("BACKEND/DATA/PICTURE").subscribe(data => {
     //   if (typeof data !== "object") {
     //     const payload = JSON.parse(data) as Plant;
@@ -173,15 +178,10 @@ export class MqttRequestService {
   publishToPLANTCOUNT() {
     this.mqttService.publishToTopic('BACKEND/ACTION/PLANTCOUNT');
   }
-  /**
+
-  * publishToINPUT wird die Spracheingabe übermittelt, die dann mit
-  * mehreren if else anweisungen einen Request an das Backend sendet und
-  * die Sprachausgabe mit next(..) triggert
-  * @method 
-  */
   publishToINPUT(message: string) {
-    message = message.replace(/\s/g, ""); //entfernt alle leerzeichen
+    message = message.replace(/\s/g, "");
-    console.log(":" + message + ":"); //Nachricht die übermittel wurde, wird ausgegeben auf der Konsole
+    console.log(":" + message + ":");
     let msgFound: boolean = false;
 
     if (message === "whereismyrobot") {
@@ -194,11 +194,10 @@ export class MqttRequestService {
       this.sourceMessage.next("The data is being collected and you can view it under the 'Robot' tab");
     } else if (message === "howaremyplants") {
       msgFound = true;
-      this.mqttService.publishToTopic('BACKEND/ACTION/DRIVEALL');
+      // this.mqttService.publishToTopic('BACKEND/ACTION/DRIVEALL');
       this.sourceMessage.next("Robot is driving to all plants");
     } else {
-      // schickt den Roboter zur eingegeben Pflanze..
+      this.storeService.getAllPlantNames().subscribe(result =>
-      this.storeService.getAllPlantNames().pipe(take(1)).subscribe(result =>
         result.forEach((element: string) => {
           let msgPlantName = "howismyplant".concat(element.toLowerCase())
           if (message === msgPlantName) {
@@ -211,9 +210,7 @@ export class MqttRequestService {
       )
     }
 
-    // Wenn kein case eintrifft, wird "Please try again" ausgegeben
     if (!msgFound) {
-      msgFound = false;
       this.sourceMessage.next("Please try again");
     }
 

software/Frontend/src/app/Service/Mqtt/mqtt.service.ts

@@ -6,12 +6,12 @@ import { Observable } from 'rxjs';
   providedIn: 'root'
 })
 export class MqttService {
+
   private client: MqttClient;
 
-  // Connection zu dem MQTT Broker
   constructor() {
-    // this.client = connect('wss://mqtt.eclipseprojects.io:443/mqtt'); //Je nachdem welchen Link der Broker hat
+    this.client = connect('wss://mqtt.eclipseprojects.io:443/mqtt'); //Je nachdem welchen Link der Broker hat
-    this.client = connect('mqtt://192.168.137.197:1883', { clientId: 'kemal' });
+    // this.client = connect('mqtt://192.168.137.197:1883', { clientId: 'kemal' });
   }
 
   public subscribeToTopic(topic: string): Observable<any> {

software/Frontend/src/app/Service/store.service.ts

@@ -8,8 +8,6 @@ import { RobotBattery } from '../models/robotBattery.model';
 @Injectable({
   providedIn: 'root'
 })
-
-
 export class StoreService {
   positionRobot: Position;
   plantCount: PlantCount;

software/Frontend/src/app/app.component.ts

@@ -11,7 +11,6 @@ import { MqttRequestService } from './Service/Mqtt/mqtt-request.service';
 export class AppComponent {
   header: string;
   constructor(private mqttRequestService: MqttRequestService, private location: Location) {
-    // Header in der Leiste zu bestimmen
     const actualRoute = this.location.path().slice(1);
     const lastParam = actualRoute.charAt(0).toUpperCase() + actualRoute.slice(1);
     if (lastParam === "") {

software/Frontend/src/app/dialog/add-plant-dialog/add-plant-dialog.component.html

@@ -17,11 +17,13 @@
     Soil Moisture: <br>
     <img class="icons-measurements" src="assets/images/Icons-Card/brightness_icon.png" alt="not available">
     Brightness:<br>
+    <!-- <img class="icons-measurements" src="assets/images/Icons-Card/Timestamp_icon.png" alt="not available">
+    Timestamp: -->
   </div>
   <div class="item-Measurements-Values">
     <mat-form-field class="item-option" appearance="fill">
       <mat-label>Choose an ID</mat-label>
-      <mat-select [(value)]="selected" (closed)="onOptionSelected()">
+      <mat-select [(value)]="selected" (closed)="onOptionSelected(selected)">
         <mat-option *ngFor="let option of options$ | async" [value]="option">
           {{option}}
         </mat-option>

software/Frontend/src/app/dialog/add-plant-dialog/add-plant-dialog.component.ts

@@ -12,17 +12,13 @@ import { MapPlantDialogComponent } from '../map-plant-dialog/map-plant-dialog.co
   templateUrl: './add-plant-dialog.component.html',
   styleUrls: ['./add-plant-dialog.component.css']
 })
-
-/**
- * @description
- * Mit diesem Dialog "AddPlantDialogComponent" wird eine neue Pflanze erstellt und in das Backend geschickt.
- */
 export class AddPlantDialogComponent implements OnInit {
   selected: number;
   options$: Observable<number[]>;
   plantNames: string[];
   plant = {} as Plant;
   buttonSavedisabled: boolean;
+  number: number[];
 
   constructor(public dialogRef: MatDialogRef<AddPlantDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public data: any,
@@ -32,26 +28,16 @@ export class AddPlantDialogComponent implements OnInit {
   }
 
   ngOnInit(): void {
-    this.buttonSavedisabled = true;    //Button "Save" wird disabled
+    this.buttonSavedisabled = true;
-    this.mqttRequestService.publishToPLANTCOUNT();  // Pflanzen anzahl wird angefordet#
+    this.mqttRequestService.publishToPLANTCOUNT();
-
-    // ID's bei denen noch keine Pflanze sind, werden in "option$" rein geschrieben
     this.storeService.currentPlants.subscribe(response => {
       this.options$ = this.storeService.getIDsWithoutPlant(response);
     })
-
-    // Alle aktuellen Pflanzen Namen werden in "plantNames" geschrieben
     this.storeService.getAllPlantNames().subscribe(result => {
       this.plantNames = result
     });
   }
 
-  /**
- * Nach dem der Button "Save" geklickt wurde, werden die Daten in die Pflanze geschrieben
- * die anschließend geprüft wird auf zulässige Werte, falls unzulässige werte vorhanden sind,
- * wird eine Fehlermeldung angezeigt
- * @method onSaveDialog
- */
   onSaveDialog() {
     this.plant.PlantName = (<HTMLInputElement>document.getElementById("inputName")).value;
     this.plant.AirTemperature = +(<HTMLInputElement>document.getElementById("inputAirTemperature")).value;
@@ -62,7 +48,6 @@ export class AddPlantDialogComponent implements OnInit {
 
     const plantInputString: string = this.plantInputTestFails();
 
-    // bei unzulässigen Werten --> Dialog, bei zulässigen Wertden --> Pflanze wird an das Backend geschickt 
     if (plantInputString) {
       this.dialog.open(ErrorDialogComponent, {
         data: "Error: " + plantInputString,
@@ -70,16 +55,11 @@ export class AddPlantDialogComponent implements OnInit {
       });
     } else {
       this.mqttRequestService.publishToNEWPLANT(this.plant);
-      this.mqttRequestService.publishToGETALLDATA(); // Daten werden aus dem Backend angefragt
+      this.mqttRequestService.publishToGETALLDATA();
-      window.location.reload(); // Seite neu laden
+      window.location.reload();
     }
   }
 
-  /**
- * Methode prüft ob die Werte die eingegeben wurden, korrekt sind.
- * @method 
- * @return Bei einem Fehler --> Fehlermeldung; wenn es passt --> string oder leeren string
- */
   plantInputTestFails(): string {
 
     if (this.plantNames.indexOf(this.plant.PlantName) > -1) {
@@ -97,16 +77,12 @@ export class AddPlantDialogComponent implements OnInit {
     if (this.plant.SoilMoisture > 100) {
       return "Soil Moisture is to high";
     }
-    if (this.plant.Brightness > 40000) {
+    if (this.plant.Brightness > 100) {
       return "Brightness is to high";
     }
     return ""; //Empty string is a Boolean false!
   }
 
-  /**
- * beim klick auf den Button, wird das Dialog "MapPlantDialogComponent" geöffnet
- * @method 
- */
   onOpenMap() {
     this.dialog.open(MapPlantDialogComponent, {
       width: '400px',
@@ -114,11 +90,11 @@ export class AddPlantDialogComponent implements OnInit {
     });
   }
 
-  /**
+  onOptionSelected(numb: number) {
- * nach der Auswahl der ID, wird der Button "Save" enabled
+    let num: number = numb;
- * @method 
+    if (num < 7 && num > 0) { //TODOO anzahl der Pflanzen IDS variable machen statt 7 evtl. eine variable
- */
+      this.buttonSavedisabled = false;
-  onOptionSelected() {
+    }
-    this.buttonSavedisabled = false;
   }
+
 }

software/Frontend/src/app/dialog/configure-plant-dialog/configure-plant-dialog.component.ts

@@ -1,4 +1,4 @@
-import { Component, Inject } from '@angular/core';
+import { Component, Inject, OnInit } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { MqttRequestService } from 'src/app/Service/Mqtt/mqtt-request.service';
 import { Plant } from 'src/app/models/plant.model';
@@ -9,7 +9,7 @@ import { ErrorDialogComponent } from '../error-dialog/error-dialog.component';
   templateUrl: './configure-plant-dialog.component.html',
   styleUrls: ['./configure-plant-dialog.component.css']
 })
-export class ConfigurePlantDialogComponent {
+export class ConfigurePlantDialogComponent implements OnInit {
   plant: Plant;
 
   constructor(public dialogRef: MatDialogRef<ConfigurePlantDialogComponent>,
@@ -19,12 +19,9 @@ export class ConfigurePlantDialogComponent {
     this.plant = data.plant;
   }
 
-  /**
+  ngOnInit(): void {
- * Nach dem der Button "Save" geklickt wurde, werden die Daten in die Pflanze geschrieben
+  }
- * die anschließend geprüft wird auf zulässige Werte, falls unzulässige werte vorhanden sind,
+
- * wird eine Fehlermeldung angezeigt
- * @method onSaveDialog
- */
   onSaveDialog() {
     this.plant.AirTemperature = +(<HTMLInputElement>document.getElementById("inputAirTemperature")).value;
     this.plant.AirHumidity = +(<HTMLInputElement>document.getElementById("inputAirHumidity")).value;
@@ -32,25 +29,19 @@ export class ConfigurePlantDialogComponent {
     this.plant.Brightness = +(<HTMLInputElement>document.getElementById("inputBrightness")).value;
 
     const plantInputString: string = this.plantInputTestFails();
-
-    // bei unzulässigen Werten --> Dialog, bei zulässigen Wertden --> Pflanze wird an das Backend geschickt 
     if (plantInputString) {
       this.dialog.open(ErrorDialogComponent, {
         data: "Error: " + plantInputString,
         width: '400px',
       });
     } else {
-      this.mqttRequestService.publishToCONFIGUREPLANT(this.plant); //Request to the Backend, to change the data of the plant
+      //Request to the Backend, to change the data of the plant
-      this.mqttRequestService.publishToGETALLDATA(); // Daten werden aus dem Backend angefragt
+      this.mqttRequestService.publishToCONFIGUREPLANT(this.plant);
-      window.location.reload(); // Seite neu laden
+      this.mqttRequestService.publishToGETALLDATA();
+      window.location.reload();
     }
   }
 
-  /**
- * Methode prüft ob die Werte die eingegeben wurden, korrekt sind.
- * @method 
- * @return Bei einem Fehler --> Fehlermeldung; wenn es passt --> string oder leeren string
- */
   plantInputTestFails(): string {
     if (this.plant.AirTemperature > 100) {
       return "Air Temperature is to high";
@@ -61,7 +52,7 @@ export class ConfigurePlantDialogComponent {
     if (this.plant.SoilMoisture > 100) {
       return "Soil Moisture is to high";
     }
-    if (this.plant.Brightness > 40000) {
+    if (this.plant.Brightness > 100) {
       return "Brightness is to high";
     }
     return ""; //Empty string is a Boolean false!

software/Frontend/src/app/dialog/delete-confirm-dialog/delete-confirm-dialog.component.ts

@@ -11,15 +11,12 @@ import { ConfigurePlantDialogComponent } from '../configure-plant-dialog/configu
 })
 export class DeleteConfirmDialogComponent {
   plant: Plant;
-
   constructor(public dialogRef: MatDialogRef<ConfigurePlantDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public data: Plant, private mqttRequestService: MqttRequestService) {
     this.plant = data;
   }
-  /**
+
- * beim Click auf "Delete" wird eine anfrage an das Backend geschickt um die Pflanze zu löschen.
+
- * @method 
- */
   onDelete() {
     this.mqttRequestService.publishToDELETEPLANT(this.plant.PlantID);
   }

software/Frontend/src/app/dialog/error-dialog/error-dialog.component.ts

@@ -1,4 +1,4 @@
-import { Component, Inject } from '@angular/core';
+import { Component, Inject, OnInit } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { ConfigurePlantDialogComponent } from '../configure-plant-dialog/configure-plant-dialog.component';
 
@@ -7,15 +7,19 @@ import { ConfigurePlantDialogComponent } from '../configure-plant-dialog/configu
   templateUrl: './error-dialog.component.html',
   styleUrls: ['./error-dialog.component.css']
 })
-export class ErrorDialogComponent {
+export class ErrorDialogComponent implements OnInit {
-  text: string = "";
 
+  text: string = "";
   constructor(public dialogRef: MatDialogRef<ConfigurePlantDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public data: any) {
     this.text = data;
   }
 
-  onClose() {
+  ngOnInit(): void {
-    window.location.reload(); // Seite neu laden
   }
+
+  onClose() {
+    window.location.reload();
+  }
+
 }

software/Frontend/src/app/dialog/map-plant-dialog/map-plant-dialog.component.ts

@@ -1,10 +1,15 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 
 @Component({
   selector: 'app-map-plant-dialog',
   templateUrl: './map-plant-dialog.component.html',
   styleUrls: ['./map-plant-dialog.component.css']
 })
-export class MapPlantDialogComponent {
+export class MapPlantDialogComponent implements OnInit {
+
   constructor() { }
+
+  ngOnInit(): void {
+  }
+
 }