hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-15 05:53:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

63838: Refactor input suggestions to support DSpaceObjects as suggestions

Browse Source
This commit is contained in:
Yana De Pauw
2019-08-08 15:43:29 +02:00
parent a419e64cef
commit 5c101d116a
17 changed files with 289 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/shared/input-suggestions/dso-input-suggestions/dso-input-suggestions.component.html Normal file
View File

@@ -0,0 +1,23 @@
<form #form="ngForm" (ngSubmit)="onSubmit(currentObject)"
[action]="action" (keydown)="onKeydown($event)"
(keydown.arrowdown)="shiftFocusDown($event)"
(keydown.arrowup)="shiftFocusUp($event)" (keydown.esc)="close()"
(dsClickOutside)="close();">
<input #inputField type="text" [(ngModel)]="value" [name]="name"
class="form-control suggestion_input"
[ngClass]="{'is-invalid': !valid}"
[dsDebounce]="debounceTime" (onDebounce)="find($event)"
[placeholder]="placeholder"
[ngModelOptions]="{standalone: true}" autocomplete="off"/>
<input type="submit" class="d-none"/>
<div class="autocomplete dropdown-menu" [ngClass]="{'show': (show | async) && isNotEmpty(suggestions)}">
<div class="dropdown-list">
<div *ngFor="let suggestionOption of suggestions">
<a href="#" class="d-block dropdown-item" (click)="onClickSuggestion(suggestionOption)" #suggestion>
<ds-wrapper-list-element [object]="suggestionOption"></ds-wrapper-list-element>
</a>
</div>
</div>
</div>
</form>