sidebar fixed

Author: SergeyPirogov

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

@@ -47,4 +47,5 @@
 
 .logo img {
     width: 100%;
+    padding: 15px;
 }

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

@@ -24,15 +24,30 @@ <h3>
 
     <div class="col-md-4">
         <div class="sidebar-card mb-2">
-            <div class="logo">
+            <div class="logo mb-4">
               <a href="about.html"><img src="assets/img/black_logo.png" alt="" class="img-responsive img-circle" style="margin: 0 auto;"></a>
             </div>
-           
+           <p class="mb-4">
+              QAGuild подкаст — первый подкаст про тестирование, автоматизацию в тестировании и просто за жизнь.
+           </p>
+
+           <hr>
+           <button type="button" class="btn btn-block btn-outline-dark" (click)="goToAddTheme()">Предложить тему для подкаста</button>
+
+           <a *ngIf="!isLogged()" href="https://www.patreon.com/join/automation_remarks?" class="btn btn-block btn-outline-warning">Задонатить</a>
+
+           <a *ngIf="!isLogged()" href="https://qaguild-slack.herokuapp.com" class="btn btn-block btn-outline-success">Чат подкаста в Slack</a>
         </div>
 
-        <div class="sidebar-card">
-            <button type="button" class="btn btn-block btn-dark" (click)="goToAddTheme()">Предложить тему для подкаста</button>
-        </div>  
+        <!-- <div class="sidebar-card">
+            <button type="button" class="btn btn-block btn-outline-dark" (click)="goToAddTheme()">Предложить тему для подкаста</button>
+
+            <a *ngIf="!isLogged()" href="https://www.patreon.com/join/automation_remarks?" class="btn btn-block btn-outline-warning">Задонатить</a>
+
+            <a *ngIf="!isLogged()" href="https://qaguild-slack.herokuapp.com" class="btn btn-block btn-outline-success">Чат подкаста в Slack</a>
+        </div> -->
+
+        
     </div>
   </div>
 </div>

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

@@ -3,6 +3,7 @@ import { Router } from '@angular/router';
 import {PostService} from "../service/post.service";
 import {Post} from "../model/post";
 import { Page } from '../model/paged.post';
+import { AuthService } from '../service/auth.service';
 
 @Component({
   selector: 'app-home-page',
@@ -13,7 +14,9 @@ export class HomePageComponent implements OnInit {
 
   page: Page
 
-  constructor(private router: Router, private postService: PostService) { }
+  constructor(private router: Router, 
+              private postService: PostService,
+              private authSerice: AuthService) { }
 
   ngOnInit() {
     this.postService.getPostList()
@@ -27,4 +30,9 @@ export class HomePageComponent implements OnInit {
   postDetails(post: Post){
     this.router.navigate([`post-details/${post.id}`]);
   }
+
+  isLogged(): boolean {
+    return this.authSerice.isAuthenticated()
+  }
+
 }

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

@@ -1,5 +1,5 @@
 <nav class="navbar navbar-dark bg-dark mb-2">
-    <a class="navbar-brand" href="/">QAGuild podcast</a>
+    <a class="navbar-brand" href="/">QAGuild</a>
     <div class="navbar-expand mr-auto">
       <div class="navbar-nav">
           <button *ngIf="isLogged()" type="button" class="btn btn-outline-light mx-2" (click)="goHome()">Home</button>
@@ -10,7 +10,6 @@
     </div>
     <div class="navbar-expand ml-auto navbar-nav">
       <div class="navbar-nav">
-        <a *ngIf="!isLogged()" href="https://www.patreon.com/join/automation_remarks?" class="btn btn-outline-warning mx-2">Donate</a>
         <a *ngIf="isLogged()" class="nav-item nav-link">{{ getCurrentUserName() }}</a>
         <button *ngIf="isLogged()" type="button" class="btn btn-outline-light mx-2" (click)="logout()">Logout</button>
       </div>