switch on or off all appareils

Author: majid noureddine

src/app/app.component.html

@@ -11,6 +11,9 @@ <h2>Mes appareils</h2>
       <button class="btn btn-success"
               [disabled]="!isAuth"
               (click)="onAllumer()">Tout allumer</button>
+      <button class="btn btn-danger"
+              [disabled]="!isAuth"
+              (click)="onEteindre()">Tout éteindre</button>
     </div>
   </div>
 </div>

src/app/app.component.ts

@@ -1,12 +1,12 @@
-import { Component } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 import { AppareilService } from './services/appareil.service';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss']
 })
-export class AppComponent {
+export class AppComponent implements OnInit {
 
   isAuth = false;
   lastUpdate = new Promise((resolve, reject) => {
@@ -17,20 +17,7 @@ export class AppComponent {
         }, 2000
     );
   });
-  appareils = [
-    {
-      name: 'Machine à laver',
-      status: 'éteint'
-    },
-    {
-      name: 'Frigo',
-      status: 'allumé'
-    },
-    {
-      name: 'Ordinateur',
-      status: 'éteint'
-    }
-  ];
+  appareils: any[];
 
   constructor(private appareilService: AppareilService) {
     setTimeout(
@@ -40,7 +27,19 @@ export class AppComponent {
     );
   }
 
+  ngOnInit() {
+    this.appareils = this.appareilService.appareils;
+  }
+
   onAllumer() {
-    console.log('On allume tout !');
+    this.appareilService.switchOnAll();
+  }
+
+  onEteindre() {
+    if (confirm('Etes-vous sûr de vouloir éteindre tous vos appareils ?')) {
+      this.appareilService.switchOffAll();
+    } else {
+      return null;
+    }
   }
 }

src/app/services/appareil.service.ts

@@ -1,2 +1,28 @@
 export class AppareilService {
+    appareils = [
+        {
+            name: 'Machine à laver',
+            status: 'éteint'
+        },
+        {
+            name: 'Frigo',
+            status: 'allumé'
+        },
+        {
+            name: 'Ordinateur',
+            status: 'éteint'
+        }
+    ];
+
+    switchOnAll() {
+        for (let appareil of this.appareils) {
+            appareil.status = 'allumé';
+        }
+    }
+
+    switchOffAll() {
+        for (let appareil of this.appareils) {
+            appareil.status = 'éteint';
+        }
+    }
 }