home apge added

Author: SergeyPirogov

src/app/app.module.ts

@@ -25,6 +25,7 @@ import { AddUserComponent } from './add-user/add-user.component';
 import { PatronsListComponent } from './patrons-list/patrons-list.component';
 import { AuthErrorComponent } from './auth-error/auth-error.component';
 import { TrimPipe } from './pipes/trim.pipe';
+import { HomePageComponent } from './home-page/home-page.component';
 
 
 @NgModule({
@@ -42,7 +43,8 @@ import { TrimPipe } from './pipes/trim.pipe';
     UserManagementComponent,
     AddUserComponent,
     PatronsListComponent,
-    AuthErrorComponent
+    AuthErrorComponent,
+    HomePageComponent
   ],
   imports: [
     BrowserModule,

src/app/app.routing.ts

@@ -13,6 +13,7 @@ import { AddUserComponent } from './add-user/add-user.component';
 import { PatronsListComponent } from "./patrons-list/patrons-list.component";
 import { AdminGuardService as AdminGuard } from './service/admin-guard.service';
 import { AuthErrorComponent } from './auth-error/auth-error.component';
+import { HomePageComponent } from './home-page/home-page.component';
 
 
 const routes: Routes = [
@@ -25,7 +26,8 @@ const routes: Routes = [
   { path: 'link-themes/:id', component: LinkThemesComponent, canActivate: [AuthGuard, AdminGuard] },
   { path: 'episode-details/:id', component: EpisodeDetailsComponent, canActivate: [AuthGuard] },
   { path: 'patrons-list', component: PatronsListComponent, canActivate: [AuthGuard, AdminGuard] },
-  { path: '**', component: LoginComponent }
+  { path: 'login', component: LoginComponent },
+  { path: '**', component: HomePageComponent }
 ]
 
 export const routing = RouterModule.forRoot(routes, {onSameUrlNavigation: 'reload'});

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

@@ -0,0 +1,35 @@
+<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>
+    </div>  
+  </div>
+
+<div class="row mb-2">
+  <div class="col-2"></div>
+  <div class="col-8">
+      <h3>Recent episodes:</h3>
+  </div>
+</div>
+
+<div class="row mb-2">
+  <div class="col-2"></div>
+  <div class="col-8">
+    <iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/563784393&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
+  </div>  
+</div>
+
+<div class="row mb-2">
+    <div class="col-2"></div>
+    <div class="col-8">
+        <iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/550937883&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
+    </div>  
+</div>
+
+<div class="row mb-2">
+    <div class="col-2"></div>
+    <div class="col-8">
+        <iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/542095626&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
+    </div>  
+</div>
+

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

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-home-page',
+  templateUrl: './home-page.component.html',
+  styleUrls: ['./home-page.component.css']
+})
+export class HomePageComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

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

@@ -1,5 +1,5 @@
 <nav class="navbar navbar-dark bg-dark mb-2">
-    <a class="navbar-brand" href="/list">Timecoder</a>
+    <a class="navbar-brand" href="/list">QAGuild podcast</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>

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

@@ -2,11 +2,11 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>TimecoderUi</title>
+  <title>QAGuild</title>
   <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <!-- <link rel="icon" type="image/x-icon" href="favicon.ico"> -->
   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>