From a8cd52f08b13bd15a7771621cb7e31c64f53921f 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 11:52:18 +0300
Subject: [PATCH] Complete the part 3

---
 docs/en/Tutorials/Part-3.md | 45 ++++++++++++++++---------------------
 1 file changed, 19 insertions(+), 26 deletions(-)

diff --git a/docs/en/Tutorials/Part-3.md b/docs/en/Tutorials/Part-3.md
index 2a8d8ec34b..275f1b9730 100644
--- a/docs/en/Tutorials/Part-3.md
+++ b/docs/en/Tutorials/Part-3.md
@@ -1122,36 +1122,25 @@ This template will show **Edit** text for edit record operation, **New Book** fo
 
 ## Deleting a Book
 
-### Delete confirmation popup
-
-Open `book-list.component.ts` in `app\book\book-list` folder and inject the `ConfirmationService`.
+Open the `/src/app/book/book.component.ts` and inject the `ConfirmationService`.
 
 Replace the constructor as below:
 
 ```js
-import { ConfirmationService } from '@abp/ng.theme.shared';
-//...
+// ...
+
+// add new imports
+import { ConfirmationService, Confirmation } from '@abp/ng.theme.shared';
 
+//change the constructor
 constructor(
   public readonly list: ListService,
   private bookService: BookService,
   private fb: FormBuilder,
-  private confirmation: ConfirmationService // <== added this line ==>
+  private confirmation: ConfirmationService // inject the ConfirmationService
 ) {}
-```
-
-* We imported `ConfirmationService`.
-* We injected `ConfirmationService` to the constructor.
-
-See the [Confirmation Popup documentation](https://docs.abp.io/en/abp/latest/UI/Angular/Confirmation-Service)
-
-In the `book-list.component.ts` add a delete method:
-
-```js
-import { ConfirmationService, Confirmation } from '@abp/ng.theme.shared'; //<== imported Confirmation namespace ==>
-
-//...
 
+// Add a delete method
 delete(id: string) {
   this.confirmation.warn('::AreYouSureToDelete', 'AbpAccount::AreYouSure').subscribe((status) => {
     if (status === Confirmation.Status.confirm) {
@@ -1161,20 +1150,20 @@ delete(id: string) {
 }
 ```
 
+* We imported `ConfirmationService`.
+* We injected `ConfirmationService` to the constructor.
+* Added a `delete` method.
 
-The `delete` method shows a confirmation popup and subscribes for the user response. The `deleteById` method of `BookService` called only if user clicks to the `Yes` button. The confirmation popup looks like below:
-
-![bookstore-confirmation-popup](./images/bookstore-confirmation-popup.png)
-
+> See the [Confirmation Popup documentation](../UI/Angular/Confirmation-Service) for more about this service.
 
-### Add a delete button
+### Add a Delete Button
 
 
-Open `book-list.component.html` in `app\book\book-list` folder and modify the `ngbDropdownMenu` to add the delete button as shown below:
+Open `/src/app/book/book.component.html` and modify the `ngbDropdownMenu` to add the delete button as shown below:
 
 ```html
 <div ngbDropdownMenu>
-  <!-- added Delete button -->
+  <!-- add the Delete button -->
     <button ngbDropdownItem (click)="delete(row.id)">
         {%{{{ 'AbpAccount::Delete' | abpLocalization }}}%}
     </button>
@@ -1185,6 +1174,10 @@ The final actions dropdown UI looks like below:
 
 ![bookstore-final-actions-dropdown](./images/bookstore-final-actions-dropdown.png)
 
+Clicking the "Delete" action calls the `delete` method which then shows a confirmation popup as shown below:
+
+![bookstore-confirmation-popup](./images/bookstore-confirmation-popup.png)
+
 {{end}}
 
 ## The Next Part