From 0952eaae875859ef398ce603fe155fd6abeb105c Mon Sep 17 00:00:00 2001 From: mehmet-erim Date: Thu, 15 Aug 2019 08:04:43 +0300 Subject: [PATCH] docs: refactor response type add new screenshots to angular tutorial part 2 --- docs/en/Tutorials/Angular/Part-I.md | 7 ++++--- docs/en/Tutorials/Angular/Part-II.md | 8 ++++++++ 2 files changed, 12 insertions(+), 3 deletions(-) diff --git a/docs/en/Tutorials/Angular/Part-I.md b/docs/en/Tutorials/Angular/Part-I.md index 3a7baf1de4..d79d2074ce 100644 --- a/docs/en/Tutorials/Angular/Part-I.md +++ b/docs/en/Tutorials/Angular/Part-I.md @@ -446,14 +446,15 @@ First, create data types to map data returning from the backend (you can check s Modify the `books.ts` as shown below: ```typescript -import { ABP } from '@abp/ng.core'; - export namespace Books { export interface State { books: Response; } - export type Response = ABP.PagedResponse; + export interface Response { + items: Book[]; + totalCount: number; + } export interface Book { name: string; diff --git a/docs/en/Tutorials/Angular/Part-II.md b/docs/en/Tutorials/Angular/Part-II.md index c41128f7a2..acad0c3f34 100644 --- a/docs/en/Tutorials/Angular/Part-II.md +++ b/docs/en/Tutorials/Angular/Part-II.md @@ -540,6 +540,10 @@ Open `book-list.component.html` and modify the `ngbDropdownMenu` for add the del ``` +The final actions dropdown UI looks like this: + +![bookstore-final-actions-dropdown](images/bookstore-final-actions-dropdown.png) + ### Open Confirmation Popup Open `book-list.component.ts` and inject the `ConfirmationService` for show confirmation popup. @@ -570,3 +574,7 @@ delete(id: string, name: string) { ``` The `delete` method shows confirmation popup and listens to them. When close the popup, the subscribe block runs. If confirmed this popup, it will dispatch the `DeleteBook` action. + +The confirmation popup looks like this: + +![bookstore-confirmation-popup](images/bookstore-confirmation-popup.png)