mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-17 15:03:07 +00:00
b076b98996
- Fixed input not describing itself - Put the items from the dropdown in an ul - Fixed broken aria labels - Removed titles who where identical to the displayed value
29 lines
2.1 KiB
HTML
29 lines
2.1 KiB
HTML
<div *ngIf="(isXsOrSm$ | async)" class="input-group mb-2">
|
|
<input type="text" class="form-control" (keyup.enter)="(searchString === '')?null:search()" [(ngModel)]="searchString" placeholder="{{'submission.import-external.search.placeholder' | translate}}" [attr.aria-label]="'submission.import-external.search.placeholder' | translate">
|
|
</div>
|
|
<div class="input-group mb-5">
|
|
<input *ngIf="!(isXsOrSm$ | async)" type="text" class="form-control" (keyup.enter)="(searchString === '')?null:search()" [(ngModel)]="searchString" placeholder="{{'submission.import-external.search.placeholder' | translate}}" [attr.aria-label]="'submission.import-external.search.placeholder' | translate">
|
|
<div [ngClass]="{'input-group-append': !(isXsOrSm$ | async)}" ngbDropdown role="group">
|
|
<button [attr.aria-label]="'submission.import-external.search.source.hint' |translate"
|
|
class="btn btn-outline-secondary w-fx"
|
|
title="{{'submission.import-external.search.source.hint' |translate}}"
|
|
ngbDropdownToggle>
|
|
{{'submission.import-external.source.' + selectedElement?.name | translate}}
|
|
</button>
|
|
<ul ngbDropdownMenu class="dropdown-menu scrollable-dropdown-menu w-100"
|
|
aria-haspopup="true"
|
|
aria-expanded="false">
|
|
<li class="scrollable-menu"
|
|
infiniteScroll
|
|
[infiniteScrollDistance]="2"
|
|
[infiniteScrollThrottle]="50"
|
|
(scrolled)="onScroll()"
|
|
[scrollWindow]="false">
|
|
<button ngbDropdownItem class="dropdown-item text-truncate" (click)="makeSourceSelection(source)" *ngFor="let source of sourceList">{{'submission.import-external.source.' + source?.name | translate}}</button>
|
|
<div ngbDropdownItem class="scrollable-dropdown-loading text-center" *ngIf="sourceListLoading"><p>{{'submission.import-external.source.loading' | translate}}</p></div>
|
|
</li>
|
|
</ul>
|
|
<button type="button" class="btn btn-primary" [title]="(searchString === '')?('submission.import-external.search.button.hint' | translate):''" [disabled]="searchString === ''" (click)="search()">{{'submission.import-external.search.button' | translate}}</button>
|
|
</div>
|
|
</div>
|