adiciona possibilidade de remover e renovar o script que já está na tela

HenriqueVilela · Sep 29, 2022 · 7244a96 · 7244a96
1 parent f5c3fe9
commit 7244a96
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 21 deletions.
diff --git a/front/src/app/app.component.ts b/front/src/app/app.component.ts
@@ -1,10 +1,18 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss']
 })
-export class AppComponent {
+export class AppComponent implements OnInit {
   title = 'front';
+  constructor(
+    public router: Router
+  ) {}
+
+  ngOnInit(): void {
+      this.router.navigate(['/main']);
+  }
 }
diff --git a/front/src/app/app.module.ts b/front/src/app/app.module.ts
@@ -4,7 +4,6 @@ import { BrowserModule } from '@angular/platform-browser';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CustomScriptInjectComponent } from './components/custom-script-inject/custom-script-inject.component';
 import { MainPageComponent } from './components/main-page/main-page.component';
 import { SubPageComponent } from './components/sub-page/sub-page.component';
 import { MatButtonModule } from '@angular/material/button';
@@ -13,7 +12,6 @@ import { MatButtonModule } from '@angular/material/button';
 @NgModule({
   declarations: [
     AppComponent,
-    CustomScriptInjectComponent,
     MainPageComponent,
     SubPageComponent
   ],

diff --git a/front/src/app/components/main-page/main-page.component.ts b/front/src/app/components/main-page/main-page.component.ts
@@ -1,12 +1,12 @@
-import { Component, OnInit, Input, AfterViewInit, Renderer2 } from '@angular/core';
+import { Component, OnInit} from '@angular/core';
 import { InjectCustomScriptService } from '../../services/custom-script/inject-custom-script.service'
 
 @Component({
   selector: 'main-page',
   templateUrl: './main-page.component.html',
   styleUrls: ['./main-page.component.scss']
 })
-export class MainPageComponent implements OnInit, AfterViewInit {
+export class MainPageComponent implements OnInit {
 
 
   script = '<script>console.log(\'script da pagina principal executando\');</script>';
@@ -17,11 +17,7 @@ export class MainPageComponent implements OnInit, AfterViewInit {
 
   ngOnInit(): void {
     console.log("Você entrou na pagina principal");
-    this.injectCustomScriptService.setScriptToHeader(this.script)
-  }
-
-  ngAfterViewInit(): void {
-
+    this.injectCustomScriptService.setScriptToHeader(this.script, true)
   }
 
 }
diff --git a/front/src/app/components/sub-page/sub-page.component.ts b/front/src/app/components/sub-page/sub-page.component.ts
@@ -1,12 +1,12 @@
-import { Component, OnInit, Input, AfterViewInit } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { InjectCustomScriptService } from 'src/app/services/custom-script/inject-custom-script.service';
 
 @Component({
   selector: 'sub-page',
   templateUrl: './sub-page.component.html',
   styleUrls: ['./sub-page.component.scss']
 })
-export class SubPageComponent implements OnInit, AfterViewInit {
+export class SubPageComponent implements OnInit {
 
   script = `<script>console.log(\'script da pagina secundaria executando\');</script>`;
 
@@ -19,8 +19,4 @@ export class SubPageComponent implements OnInit, AfterViewInit {
     this.injectCustomScriptService.setScriptToBody(this.script)
   }
 
-  ngAfterViewInit(): void {
-
-  }
-
 }
diff --git a/front/src/app/services/custom-script/inject-custom-script.service.ts b/front/src/app/services/custom-script/inject-custom-script.service.ts
@@ -10,9 +10,11 @@ export class InjectCustomScriptService {
   constructor(
   ) { }
 
-  public setScriptToBody(data: string): void {
-    console.log(document.getElementsByClassName("script_personalizado_body").length);
-    if (document.getElementsByClassName("script_personalizado").length === 0) {
+  public setScriptToBody(data: string, $replaceSript: boolean = false): void {
+    if ($replaceSript) {
+      this.removeOldScript("body");
+    }
+    if (document.getElementsByClassName("script_personalizado_body").length === 0) {
       $(data).toArray().forEach(element => {
         if (element.tagName === "SCRIPT" || element.tagName === "NOSCRIPT") {
           element.classList.add("script_personalizado_body");
@@ -22,7 +24,10 @@ export class InjectCustomScriptService {
     }
   }
 
-  public setScriptToHeader(data: string): void {
+  public setScriptToHeader(data: string, $replaceSript: boolean = false): void {
+    if ($replaceSript) {
+      this.removeOldScript("header");
+    }
     if (document.getElementsByClassName("script_personalizado_header").length === 0) {
       $(data).toArray().forEach(element => {
         if (element.tagName === "SCRIPT" || element.tagName === "NOSCRIPT") {
@@ -33,4 +38,11 @@ export class InjectCustomScriptService {
     }
   }
 
+  private removeOldScript($location: string) {
+    const elements = document.getElementsByClassName("script_personalizado_" + $location);
+    while(elements.length > 0) {
+      elements[0].remove();
+   }
+  }
+
 }