Allow post-article-edit-button show or hide options via @input()

Author: FawzyMokhtar

src/app/shared/components/post-article/post-article.component.html

@@ -1,5 +1,5 @@
 <!-- Header -->
-<app-post-header [title]="title"></app-post-header>
+<app-post-header [title]="title" [showEditBtn]="showEditBtn"></app-post-header>
 <!-- End Header -->
 
 <article id="post-article">

src/app/shared/components/post-article/post-article.component.ts

@@ -7,4 +7,5 @@ import {Component, Input} from "@angular/core";
 })
 export class PostArticleComponent {
   @Input() title: string;
+  @Input() showEditBtn = true;
 }

src/app/shared/components/post-header/post-header.component.html

@@ -1,6 +1,6 @@
 <header class="post-header">
     <h1 class="post-header-text">{{title}}</h1>
-    <a class="edit-button button btn btn-sm" href="{{settings.gitHubRepo}}" target="blank">
+    <a *ngIf="showEditBtn" class="edit-button button btn btn-sm" href="{{settings.gitHubRepo}}" target="blank">
         <i class="fa fa-pencil"></i>
         Edit
     </a>

src/app/shared/components/post-header/post-header.component.ts

@@ -8,5 +8,6 @@ import {environment} from "../../../../environments/environment";
 })
 export class PostHeaderComponent {
   @Input() title: string;
+  @Input() showEditBtn = true;
   settings = environment;
 }

src/app/shared/components/versions/versions.component.html

@@ -2,7 +2,7 @@
 
     <div class="post">
         <!-- Article -->
-        <app-post-article [title]="'DotNet Validator Versions'">
+        <app-post-article [title]="'DotNet Validator Versions'" [showEditBtn]="false">
 
             <ng-container class="article">