62849: submission relation search on enter

This commit is contained in:
lotte
2019-07-09 14:06:09 +02:00
parent 7653558cc0
commit 1a30744f5b
2 changed files with 7 additions and 7 deletions

View File

@@ -6,12 +6,12 @@
</button> </button>
</div> </div>
<div class="modal-body" *ngVar="(resultsRD$ | async) as resultsRD"> <div class="modal-body" *ngVar="(resultsRD$ | async) as resultsRD">
<div class="input-group mb-3"> <form class="input-group mb-3" #queryForm="ngForm" (ngSubmit)="search(queryForm.value.query)" >
<input type="text" class="form-control" placeholder="Search query" [(ngModel)]="queryInput"> <input type="text" class="form-control" name="query" placeholder="Search query" [ngModel]="searchQuery">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-outline-secondary" type="button" (click)="search()">Go</button> <button class="btn btn-outline-secondary" type="submit">Go</button>
</div>
</div> </div>
</form>
<ds-loading *ngIf="!resultsRD || resultsRD.isLoading"></ds-loading> <ds-loading *ngIf="!resultsRD || resultsRD.isLoading"></ds-loading>
<div *ngIf="resultsRD?.hasSucceeded && resultsRD.payload.page.length > 0"> <div *ngIf="resultsRD?.hasSucceeded && resultsRD.payload.page.length > 0">
<div *ngIf="repeatable"> <div *ngIf="repeatable">

View File

@@ -30,12 +30,12 @@ export class DsDynamicLookupRelationModalComponent implements OnInit {
repeatable: boolean; repeatable: boolean;
selection: DSpaceObject[] = []; selection: DSpaceObject[] = [];
allSelected = false; allSelected = false;
queryInput;
searchQuery; searchQuery;
initialPagination = Object.assign(new PaginationComponentOptions(), { initialPagination = Object.assign(new PaginationComponentOptions(), {
id: 'submission-relation-list', id: 'submission-relation-list',
pageSize: 5 pageSize: 5
}); });
constructor(public modal: NgbActiveModal, private searchService: SearchService) { constructor(public modal: NgbActiveModal, private searchService: SearchService) {
} }
@@ -44,8 +44,8 @@ export class DsDynamicLookupRelationModalComponent implements OnInit {
this.onPaginationChange(this.initialPagination); this.onPaginationChange(this.initialPagination);
} }
search() { search(query: string) {
this.searchQuery = this.queryInput; this.searchQuery = query;
this.onPaginationChange(this.initialPagination); this.onPaginationChange(this.initialPagination);
this.deselectAll(); this.deselectAll();
} }