From 7b1371dff91c79a30ea42b185bfcc2a6b167b6f9 Mon Sep 17 00:00:00 2001
From: ziajka <dominik@gns3.net>
Date: Thu, 4 Apr 2019 09:13:06 +0200
Subject: [PATCH] Styles and fixes switching between pages, Ref: #361

---
 src/app/components/adbutler/adbutler.component.html |  3 ++-
 src/app/components/adbutler/adbutler.component.scss |  7 +++++++
 src/app/components/adbutler/adbutler.component.ts   | 13 ++++++++++---
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/app/components/adbutler/adbutler.component.html b/src/app/components/adbutler/adbutler.component.html
index 54cd4178..4e7940a3 100644
--- a/src/app/components/adbutler/adbutler.component.html
+++ b/src/app/components/adbutler/adbutler.component.html
@@ -1,4 +1,5 @@
-<table style="width: 600px; border: 0px solid #C0C0C0; background-color: #263238" cellSpacing=0 cellPadding=3>
+
+<table class="butler" style="width: 600px; border: 0px solid #C0C0C0; background-color: #263238" cellSpacing=0 cellPadding=3>
   <tr><td height=80 style="background-color: #263238" #code>
   <div id="{{ this.divId }}"></div>
 
diff --git a/src/app/components/adbutler/adbutler.component.scss b/src/app/components/adbutler/adbutler.component.scss
index e69de29b..cdb7ea77 100644
--- a/src/app/components/adbutler/adbutler.component.scss
+++ b/src/app/components/adbutler/adbutler.component.scss
@@ -0,0 +1,7 @@
+.butler a {
+  color: #0097a7;
+}
+
+.butler {
+  font-size: 14px;
+}
\ No newline at end of file
diff --git a/src/app/components/adbutler/adbutler.component.ts b/src/app/components/adbutler/adbutler.component.ts
index 69c3020e..54c5ae1d 100644
--- a/src/app/components/adbutler/adbutler.component.ts
+++ b/src/app/components/adbutler/adbutler.component.ts
@@ -1,11 +1,12 @@
-import { Component, OnInit, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
+import { Component, OnInit, ElementRef, ViewChild, AfterViewInit, ViewEncapsulation, OnDestroy } from '@angular/core';
 
 @Component({
   selector: 'app-adbutler',
   templateUrl: './adbutler.component.html',
-  styleUrls: ['./adbutler.component.scss']
+  styleUrls: ['./adbutler.component.scss'],
+  encapsulation: ViewEncapsulation.None
 })
-export class AdbutlerComponent implements OnInit, AfterViewInit {
+export class AdbutlerComponent implements OnInit, AfterViewInit, OnDestroy {
   id: number;
   setId: number;
   rnd: number;
@@ -58,4 +59,10 @@ export class AdbutlerComponent implements OnInit, AfterViewInit {
     this.code.nativeElement.appendChild(scriptElement);
   }
 
+  ngOnDestroy() {
+    // start from 0 when switching pages
+    (window as any).sparkCounter355353 = 0;
+    delete (window as any).loadedTextAds355353[this.sparkCounter];
+  }
+
 }