feat(go back): add go back button with location service

Author: Ismaestro

src/app/heroes/hero-detail/hero-detail.component.html

@@ -25,3 +25,7 @@ <h1 class="section-title">{{'heroDetail' | translate}}</h1>
         </mat-card>
     </ng-container>
 </div>
+
+<button mat-raised-button type="button" (click)="goBack()">
+    {{'goBack' | translate | uppercase}}
+</button>

src/app/heroes/hero-detail/hero-detail.component.scss

@@ -2,4 +2,9 @@
   width: 65%;
   margin: 0 auto;
   margin-top: 2em;
+}
+
+button {
+  margin: 2rem auto;
+  display: block;
 }

src/app/heroes/hero-detail/hero-detail.component.ts

@@ -2,6 +2,7 @@ import {Component, OnInit} from '@angular/core';
 import {Hero} from '../shared/hero.model';
 import {HeroService} from '../shared/hero.service';
 import {ActivatedRoute} from '@angular/router';
+import {Location} from '@angular/common';
 
 @Component({
   selector: 'app-hero-detail',
@@ -15,6 +16,7 @@ export class HeroDetailComponent implements OnInit {
   canVote: boolean;
 
   constructor(private heroService: HeroService,
+              private location: Location,
               private activatedRoute: ActivatedRoute) {
   }
 
@@ -35,4 +37,8 @@ export class HeroDetailComponent implements OnInit {
       });
     });
   }
+
+  goBack(): void {
+    this.location.back();
+  }
 }

src/assets/i18n/en.json

@@ -48,5 +48,6 @@
   "mayTheForce": "May the force be with you",
   "updateBrowser": "You are using an old browser, please update it and reload the page.",
   "firstTwoHeroesById": "Heroes (1-2)",
-  "offlineMessage": "Without connection we can not load anything!"
+  "offlineMessage": "Without connection we can not load anything!",
+  "goBack": "Go back"
 }

src/assets/i18n/es.json

@@ -48,5 +48,6 @@
   "mayTheForce": "Que la fuerza te acompañe",
   "updateBrowser": "Estas usando un navegador antiguo, por favor actualiza la versión y recarga la página.",
   "firstTwoHeroesById": "Heroes (1-2)",
-  "offlineMessage": "Sin conexión no podemos cargar nada!"
+  "offlineMessage": "Sin conexión no podemos cargar nada!",
+  "goBack": "Volver"
 }

src/assets/i18n/pt-br.json

@@ -48,5 +48,6 @@
   "mayTheForce": "Que a força te acompanhe",
   "updateBrowser": "Você está usando um navegador antigo, atualize a versão e recarregue a página.",
   "firstTwoHeroesById": "Heróis (1-2)",
-  "offlineMessage": "Sem conexão não podemos carregar nada!"
+  "offlineMessage": "Sem conexão não podemos carregar nada!",
+  "goBack": "Voltar"
 }

src/assets/i18n/zh.json

@@ -48,5 +48,6 @@
   "mayTheForce": "愿力量与你同在",
   "updateBrowser": "您正在使用一个旧版本浏览器，请更新它并重新加载页面。",
   "firstTwoHeroesById": "英雄 (1-2)",
-  "offlineMessage": "沒有連接，我們無法加載任何東西!"
+  "offlineMessage": "沒有連接，我們無法加載任何東西!",
+  "goBack": "回來"
 }