Fix #69

salah3x · Apr 18, 2019 · d0c9994 · d0c9994
1 parent 6b91f09
commit d0c9994
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 1 deletion.
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
@@ -7,11 +7,12 @@ import { Component, OnInit, OnDestroy, Renderer2, ElementRef } from '@angular/co
 })
 export class HomeComponent implements OnInit, OnDestroy {
 
+  next = 2;
   constructor(private renderer: Renderer2, private el: ElementRef) { }
 
   ngOnInit() {
     (this.renderer.selectRootElement('mat-sidenav-content', true) as HTMLElement)
-      .style.backgroundImage = 'url("/assets/empty-gym.jpg")';
+      .style.backgroundImage = 'url("/assets/background1.jpg';
     (this.renderer.selectRootElement('mat-sidenav-content', true) as HTMLElement)
       .style.backgroundPosition = 'center';
     (this.renderer.selectRootElement('mat-sidenav-content', true) as HTMLElement)
@@ -20,6 +21,18 @@ export class HomeComponent implements OnInit, OnDestroy {
       .style.background = '#00000090';
     (this.renderer.selectRootElement('.footer', true) as HTMLElement)
       .style.visibility = 'hidden';
+    this.changeBackground();
+  }
+
+  changeBackground() {
+    setTimeout(() => {
+      if (this.next === 6) {
+        this.next = 1;
+      }
+      (this.renderer.selectRootElement('mat-sidenav-content', true) as HTMLElement)
+      .style.backgroundImage = `url("/assets/background${this.next++}.jpg")`;
+      this.changeBackground();
+    }, 10000);
   }
 
   ngOnDestroy() {

diff --git a/src/assets/empty-gym.jpg → src/assets/background1.jpg b/src/assets/empty-gym.jpg → src/assets/background1.jpg
diff --git a/src/assets/background2.jpg b/src/assets/background2.jpg
diff --git a/src/assets/background3.jpg b/src/assets/background3.jpg
diff --git a/src/assets/background4.jpg b/src/assets/background4.jpg
diff --git a/src/assets/background5.jpg b/src/assets/background5.jpg