From 03a473ef5b5e63e5da87773871d42dc2cc19ed00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Halil=20=C4=B0brahim=20Kalkan?= <hi_kalkan@yahoo.com>
Date: Tue, 7 Jul 2020 14:34:00 +0300
Subject: [PATCH] Hide the New Book Button section completed.

---
 docs/en/Tutorials/Part-5.md | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/docs/en/Tutorials/Part-5.md b/docs/en/Tutorials/Part-5.md
index c4aeb97361..67b124bb33 100644
--- a/docs/en/Tutorials/Part-5.md
+++ b/docs/en/Tutorials/Part-5.md
@@ -354,6 +354,22 @@ Open the `/src/app/route.provider.ts` and add `requiredPolicy: 'BookStore.Books'
 }
 ````
 
+### Hide the New Book Button
 
+The book management page has a *New Book* button that should be invisible if the current user has no *Book Creation* permission.
+
+![bookstore-new-book-button-small](images/bookstore-new-book-button-small.png)
+
+Open the `/src/app/book/book.component.html` file and replace the create button HTML content as shown below:
+
+````html
+<!-- Add the abpPermission directive -->
+<button abpPermission="BookStore.Books.Create" id="create" class="btn btn-primary" type="button" (click)="createBook()">
+  <i class="fa fa-plus mr-1"></i>
+  <span>{{ '::NewBook' | abpLocalization }}</span>
+</button>
+````
+
+* Just added `abpPermission="BookStore.Books.Create"` that hides the button if the current user has no permission.
 
 {{end}}
\ No newline at end of file