ewandor/cht-lawfirm
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

adding a create button in lists

Browse Source
This commit is contained in:
ewandor
2023-02-07 18:27:17 +01:00
parent a35e86ab83
commit 1e4ee57b61
2 changed files with 24 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
front/app/src/common/crud/list/list.component.html
View File

@@ -1,4 +1,8 @@
<form> <form>
<button class="btn btn-success btn-lg float-end" type="button" (click)="onCreate()">
Create {{ this.schema }}
</button>
<div class="mb-3 row"> <div class="mb-3 row">
<label for="table-complete-search" class="col-xs-3 col-sm-auto col-form-label">Full text search:</label> <label for="table-complete-search" class="col-xs-3 col-sm-auto col-form-label">Full text search:</label>
<div class="col-xs-3 col-sm-auto"> <div class="col-xs-3 col-sm-auto">
@@ -12,21 +16,22 @@
</div> </div>
<span class="col col-form-label" *ngIf="loading$ | async">Loading...</span> <span class="col col-form-label" *ngIf="loading$ | async">Loading...</span>
</div> </div>
<div class="table-responsive-md">
<table class="table table-striped"> <table class="table table-striped">
<thead> <thead>
<tr> <tr>
<th *ngFor="let col of this.displayedColumns" scope="col" sortable="name" (sort)="onSort($event)">{{ col }}</th> <th *ngFor="let col of this.displayedColumns" scope="col" sortable="name" (sort)="onSort($event)">{{ col }}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let row of listData$ | async" (click)="onSelect(row._id)"> <tr *ngFor="let row of listData$ | async" (click)="onSelect(row._id)">
<td *ngFor="let col of this.displayedColumns"> <td *ngFor="let col of this.displayedColumns">
<ngb-highlight [result]="row[col]" [term]="searchTerm"></ngb-highlight> <ngb-highlight [result]="row[col]" [term]="searchTerm"></ngb-highlight>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<div class="d-flex justify-content-between p-2"> <div class="d-flex justify-content-between p-2">
<ngb-pagination [collectionSize]="(total$ | async)!" [(page)]="page" [pageSize]="pageSize"> <ngb-pagination [collectionSize]="(total$ | async)!" [(page)]="page" [pageSize]="pageSize">

4
front/app/src/common/crud/list/list.component.ts
View File

@@ -103,6 +103,10 @@ export class ListComponent implements OnInit {
this.router.navigate([`../${id}`], {relativeTo: this.route}); this.router.navigate([`../${id}`], {relativeTo: this.route});
} }
onCreate() {
this.router.navigate([`../new`], {relativeTo: this.route});
}
get listData$() { get listData$() {
return this._listData$.asObservable(); return this._listData$.asObservable();
} }