Browse Source

Merge pull request #15484 from abpframework/Onur/BookStore-Angular-document-editing

Changes to BookStore Angular documentation
pull/15506/head
Mahmut Gundogdu 4 years ago
committed by GitHub
parent
commit
34cd67a581
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 12
      docs/en/Tutorials/Part-3.md
  2. 2
      docs/en/Tutorials/Part-5.md
  3. 6
      docs/en/Tutorials/Part-9.md

12
docs/en/Tutorials/Part-3.md

@ -653,7 +653,7 @@ Open `/src/app/book/book.component.html` and make the following changes:
<!-- Add the "new book" button here --> <!-- Add the "new book" button here -->
<div class="text-lg-end pt-2"> <div class="text-lg-end pt-2">
<button id="create" class="btn btn-primary" type="button" (click)="createBook()"> <button id="create" class="btn btn-primary" type="button" (click)="createBook()">
<i class="fa fa-plus mr-1"></i> <i class="fa fa-plus me-1"></i>
<span>{%{{{ "::NewBook" | abpLocalization }}}%}</span> <span>{%{{{ "::NewBook" | abpLocalization }}}%}</span>
</button> </button>
</div> </div>
@ -773,17 +773,17 @@ Open `/src/app/book/book.component.html` and replace `<ng-template #abpBody> </n
```html ```html
<ng-template #abpBody> <ng-template #abpBody>
<form [formGroup]="form" (ngSubmit)="save()"> <form [formGroup]="form" (ngSubmit)="save()">
<div class="form-group"> <div class="mt-2">
<label for="book-name">Name</label><span> * </span> <label for="book-name">Name</label><span> * </span>
<input type="text" id="book-name" class="form-control" formControlName="name" autofocus /> <input type="text" id="book-name" class="form-control" formControlName="name" autofocus />
</div> </div>
<div class="form-group"> <div class="mt-2">
<label for="book-price">Price</label><span> * </span> <label for="book-price">Price</label><span> * </span>
<input type="number" id="book-price" class="form-control" formControlName="price" /> <input type="number" id="book-price" class="form-control" formControlName="price" />
</div> </div>
<div class="form-group"> <div class="mt-2">
<label for="book-type">Type</label><span> * </span> <label for="book-type">Type</label><span> * </span>
<select class="form-control" id="book-type" formControlName="type"> <select class="form-control" id="book-type" formControlName="type">
<option [ngValue]="null">Select a book type</option> <option [ngValue]="null">Select a book type</option>
@ -791,7 +791,7 @@ Open `/src/app/book/book.component.html` and replace `<ng-template #abpBody> </n
</select> </select>
</div> </div>
<div class="form-group"> <div class="mt-2">
<label>Publish date</label><span> * </span> <label>Publish date</label><span> * </span>
<input <input
#datepicker="ngbDatepicker" #datepicker="ngbDatepicker"
@ -1038,7 +1038,7 @@ Open `/src/app/book/book.component.html`  and add the following `ngx-datatable-
aria-haspopup="true" aria-haspopup="true"
ngbDropdownToggle ngbDropdownToggle
> >
<i class="fa fa-cog mr-1"></i>{%{{{ '::Actions' | abpLocalization }}}%} <i class="fa fa-cog me-1"></i>{%{{{ '::Actions' | abpLocalization }}}%}
</button> </button>
<div ngbDropdownMenu> <div ngbDropdownMenu>
<button ngbDropdownItem (click)="editBook(row.id)"> <button ngbDropdownItem (click)="editBook(row.id)">

2
docs/en/Tutorials/Part-5.md

@ -363,7 +363,7 @@ Open the `/src/app/book/book.component.html` file and replace the create button
````html ````html
<!-- Add the abpPermission directive --> <!-- Add the abpPermission directive -->
<button *abpPermission="'BookStore.Books.Create'" id="create" class="btn btn-primary" type="button" (click)="createBook()"> <button *abpPermission="'BookStore.Books.Create'" id="create" class="btn btn-primary" type="button" (click)="createBook()">
<i class="fa fa-plus mr-1"></i> <i class="fa fa-plus me-1"></i>
<span>{%{{{ '::NewBook' | abpLocalization }}}%}</span> <span>{%{{{ '::NewBook' | abpLocalization }}}%}</span>
</button> </button>
```` ````

6
docs/en/Tutorials/Part-9.md

@ -728,7 +728,7 @@ Open the `/src/app/author/author.component.html` and replace the content as belo
<div class="text-end col col-md-6"> <div class="text-end col col-md-6">
<div class="text-lg-end pt-2"> <div class="text-lg-end pt-2">
<button *abpPermission="'BookStore.Authors.Create'" id="create" class="btn btn-primary" type="button" (click)="createAuthor()"> <button *abpPermission="'BookStore.Authors.Create'" id="create" class="btn btn-primary" type="button" (click)="createAuthor()">
<i class="fa fa-plus mr-1"></i> <i class="fa fa-plus me-1"></i>
<span>{%{{{ '::NewAuthor' | abpLocalization }}}%}</span> <span>{%{{{ '::NewAuthor' | abpLocalization }}}%}</span>
</button> </button>
</div> </div>
@ -750,7 +750,7 @@ Open the `/src/app/author/author.component.html` and replace the content as belo
aria-haspopup="true" aria-haspopup="true"
ngbDropdownToggle ngbDropdownToggle
> >
<i class="fa fa-cog mr-1"></i>{%{{{ '::Actions' | abpLocalization }}}%} <i class="fa fa-cog me-1"></i>{%{{{ '::Actions' | abpLocalization }}}%}
</button> </button>
<div ngbDropdownMenu> <div ngbDropdownMenu>
<button *abpPermission="'BookStore.Authors.Edit'" ngbDropdownItem (click)="editAuthor(row.id)"> <button *abpPermission="'BookStore.Authors.Edit'" ngbDropdownItem (click)="editAuthor(row.id)">
@ -785,7 +785,7 @@ Open the `/src/app/author/author.component.html` and replace the content as belo
<input type="text" id="author-name" class="form-control" formControlName="name" autofocus /> <input type="text" id="author-name" class="form-control" formControlName="name" autofocus />
</div> </div>
<div class="form-group"> <div class="mt-2">
<label>Birth date</label><span> * </span> <label>Birth date</label><span> * </span>
<input <input
#datepicker="ngbDatepicker" #datepicker="ngbDatepicker"

Loading…
Cancel
Save