feat: chagne title

phodal · Mar 11, 2020 · ad779a5 · ad779a5
1 parent b4285c7
commit ad779a5
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 21 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,16 +1,17 @@
 <mat-toolbar color="accent">
-    <mat-toolbar-row>
-        <button mat-button routerLink="/home" routerLinkActive="active">DevOps</button>
-        <span class="spacer"></span>
-        <div class="right">
-            <button mat-button routerLink="/" routerLinkActive="active">Home</button>
-            <button mat-button routerLink="/casestudy" routerLinkActive="active">案例学习</button>
-            <button mat-button routerLink="/pattern" routerLinkActive="active">模式与原则</button>
-            <button mat-button routerLink="/design" routerLinkActive="active">设计 DevOps</button>
-            <button mat-button routerLink="/practise" routerLinkActive="active">最佳实践</button>
-            <button mat-button routerLink="/manual" routerLinkActive="active">操作手册</button>
-        </div>
-    </mat-toolbar-row>
+  <mat-toolbar-row>
+    <button mat-button routerLink="/home" routerLinkActive="active">DevOps</button>
+    <span class="spacer"></span>
+    <div class="right">
+      <button mat-button routerLink="/" routerLinkActive="active">Home</button>
+      <button mat-button routerLink="/casestudy" routerLinkActive="active">案例学习</button>
+      <button mat-button routerLink="/pattern" routerLinkActive="active">模式与原则</button>
+      <button mat-button routerLink="/design" routerLinkActive="active">设计 DevOps</button>
+      <button mat-button routerLink="/practise" routerLinkActive="active">最佳实践</button>
+      <button mat-button routerLink="/manual" routerLinkActive="active">操作手册</button>
+      <a mat-button href="https://migration.ink/" target="_blank">系统重构</a>
+    </div>
+  </mat-toolbar-row>
 </mat-toolbar>
 
 <router-outlet></router-outlet>
diff --git a/src/app/presentation/case-study/case-study.component.ts b/src/app/presentation/case-study/case-study.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import {Title} from '@angular/platform-browser';
 
 @Component({
   selector: 'app-case-study',
@@ -7,7 +8,9 @@ import { Component, OnInit } from '@angular/core';
 })
 export class CaseStudyComponent implements OnInit {
 
-  constructor() { }
+  constructor(title: Title) {
+    title.setTitle('DevOps 学习平台 Ledge - 案例学习');
+  }
 
   ngOnInit(): void {
   }

diff --git a/src/app/presentation/design/design.component.ts b/src/app/presentation/design/design.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import {Title} from '@angular/platform-browser';
 
 @Component({
   selector: 'app-design',
@@ -7,7 +8,9 @@ import { Component, OnInit } from '@angular/core';
 })
 export class DesignComponent implements OnInit {
 
-  constructor() { }
+  constructor(title: Title) {
+    title.setTitle('DevOps 学习平台 Ledge - 设计 Devops');
+  }
 
   ngOnInit(): void {
   }

diff --git a/src/app/presentation/home/home.component.ts b/src/app/presentation/home/home.component.ts
@@ -11,12 +11,8 @@ export class HomeComponent implements OnInit {
   highlightState: HighlightState;
   category: string;
 
-  constructor(titleService: Title) {
-    titleService.setTitle('Ledge - Periodic Table');
-  }
-
-  highlightElement(highlightState: HighlightState) {
-    this.highlightState = highlightState;
+  constructor(title: Title) {
+    title.setTitle('DevOps 学习平台 Ledge - Periodic Table');
   }
 
   setCurrentAtomCategory(category: string) {

diff --git a/src/app/presentation/pattern/pattern.component.ts b/src/app/presentation/pattern/pattern.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import {Title} from '@angular/platform-browser';
 
 @Component({
   selector: 'app-pattern',
@@ -7,6 +8,10 @@ import { Component, OnInit } from '@angular/core';
 })
 export class PatternComponent implements OnInit {
 
+  constructor(title: Title) {
+    title.setTitle('DevOps 学习平台 Ledge - 原则与模式');
+  }
+
   ngOnInit(): void {
   }
 

diff --git a/src/app/presentation/practise/practise.component.ts b/src/app/presentation/practise/practise.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import {Title} from '@angular/platform-browser';
 
 @Component({
   selector: 'app-practise',
@@ -7,7 +8,9 @@ import { Component, OnInit } from '@angular/core';
 })
 export class PractiseComponent implements OnInit {
 
-  constructor() { }
+  constructor(title: Title) {
+    title.setTitle('DevOps 学习平台 Ledge - 最佳实践');
+  }
 
   ngOnInit(): void {
   }