prettify

Author: SergeyPirogov

src/app/add-theme/add-theme.component.html

@@ -1,28 +1,19 @@
-  <div class="row">
-    <div class="col-2"></div>
-    <div class="col-8">
-          <a class="btn btn-outline-warning btn-block mb-3" href="https://www.patreon.com/join/automation_remarks?">Support podcast</a>
-    </div>  
-  </div>
-
   <div class="row">  
     <div class="col-2"></div>
     <div class="col-8 mb-2">
       <form [formGroup]="addForm" (ngSubmit)="onSubmit()">
         <div class="form-group mb-2">
-          <label for="themeTitle">Theme for the next QAGuild podcast episode</label>
+          <label for="themeTitle">Topic for the next QAGuild podcast episode</label>
           <input type="text" formControlName="title" placeholder="Theme text" name="title" class="form-control" id="themeTitle" required>
-          <!-- <div *ngIf="submitted && added" class="valid-feedback">
-              Your record sucesfully added! Thank you!
-          </div> -->
+
           <div *ngIf="submitted && error" class="invalid-feedback">
               {{ error.error.message }}
           </div>
           <div *ngIf="submitted && f.title.errors" class="invalid-feedback">
               <div *ngIf="f.title.errors.required || f.title.errors.minlength">Field must be at least 10  characters</div>
           </div>
         </div>
-        <button type="submit" class="btn btn-outline-success">Add theme</button>
+        <button type="submit" class="btn btn-outline-success">Add topic</button>
       </form>
     </div>
   </div>

src/app/episode-list/episode-list.component.html

@@ -4,7 +4,7 @@
         <button *ngIf="currentUser.isAdmin" type="button" class="btn btn-block btn btn-warning mb-3" (click)="userManagement()">User management</button>
       </div>
       <div class="col-6">
-        <button type="button" class="btn btn-block btn-dark mb-3" (click)="addTheme()">Add theme</button>
+        <button type="button" class="btn btn-block btn-dark mb-3" (click)="addTheme()">Add topic</button>
       </div>  
   </div>
   <div class="row">

src/app/home-page/home-page.component.html

@@ -1,9 +1,9 @@
 <div class="row">
     <div class="col-2"></div>
     <div class="col-8">
-          <a class="btn btn-warning btn-block mb-3" href="https://www.patreon.com/join/automation_remarks?">Support podcast</a>
+          <button class="btn btn-dark btn-block mb-3" (click)="goToAddTheme()">Add topic for the next episode</button>
     </div>  
-  </div>
+</div>
 
 <div class="row mb-2">
   <div class="col-2"></div>

src/app/home-page/home-page.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-home-page',
@@ -7,9 +8,13 @@ import { Component, OnInit } from '@angular/core';
 })
 export class HomePageComponent implements OnInit {
 
-  constructor() { }
+  constructor(private router: Router) { }
 
   ngOnInit() {
   }
 
+  goToAddTheme(){
+    this.router.navigate(["add-theme"])
+  }
+
 }

src/app/ui/header/header.component.html

@@ -2,6 +2,7 @@
     <a class="navbar-brand" href="/list">QAGuild podcast</a>
     <div class="navbar-expand mr-auto">
       <div class="navbar-nav">
+          <a href="https://www.patreon.com/join/automation_remarks?" class="btn btn-outline-warning mx-2">Donate</a>
           <button *ngIf="isLogged()" type="button" class="btn btn-outline-light mx-2" (click)="goHome()">Home</button>
           <button *ngIf="isLogged() && isAdmin()" type="button" class="btn btn-outline-light mx-2" (click)="patronsList()">Patrons</button>
       </div>