Files
dspace-angular/src/app/shared/form/number-picker/number-picker.component.html

39 lines
1.1 KiB
HTML

<div class="d-flex flex-column align-items-center justify-content-around mr-3">
<button
class="btn btn-link-focus"
type="button"
tabindex="0"
[disabled]="disabled"
(click)="toggleUp()">
<span class="chevron"></span>
<span class="sr-only">Increment {{placeholder}}</span>
</button>
<input
id="{{id}}"
type="text"
class="form-control d-inline-block text-center"
maxlength="{{size}}"
size="{{size}}"
placeholder="{{placeholder}}"
[name]="name"
[(ngModel)]="value"
(blur)="onBlur($event); $event.stopPropagation();"
(change)="update($event); $event.stopPropagation();"
(focus)="onFocus($event); $event.stopPropagation();"
[readonly]="disabled"
[disabled]="disabled"
[ngClass]="{'is-invalid': invalid}"
title="{{placeholder}}"
[attr.aria-label]="placeholder"
>
<button
class="btn btn-link-focus"
type="button"
tabindex="0"
[disabled]="disabled"
(click)="toggleDown()">
<span class="chevron bottom"></span>
<span class="sr-only">Decrement {{placeholder}}</span>
</button>
</div>