(ngModelChange)="inputChanged($event)"
(keyup.enter)="onDateEnter()"
(dateSelect)="onDateSelect($event)"/>
- <div class="input-group-append">
+ <div class="input-group-text">
<button class="btn btn-outline-secondary" [disabled]="disabled"
(click)="datePicker.toggle()" type="button">
<span title="Select Date" i18n-title class="material-icons">event</span>
<div ngbDropdownMenu class="eg-grid-filter-menu">
<div class="dropdown-item">
<div>
- <select class="custom-select" [(ngModel)]="col.filterValue"
+ <select class="form-select" [(ngModel)]="col.filterValue"
(change)="applyFilterCommon(col)"
[disabled]="col.filterInputDisabled || context.dataSource.requestingData">
<option value="" i18n>Any</option>
<form class="d-flex" [formGroup]="familySelectors">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text">{{labelText}}</span>
</div>
<eg-org-select [domId]="domId"
<div class="row">
<div class="col-lg-6">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" i18n>Container Barcode:</span>
</div>
<input type='text' id='barcode-search-input' class="form-control"
(keyup.enter)="findContainer()" placeholder="Barcode..."
i18n-placeholder [(ngModel)]="barcode"/>
- <div class="input-group-append">
+ <div class="input-group-text">
<button class="btn btn-outline-secondary"
(click)="findContainer()" i18n>Submit</button>
</div>
<!-- w-auto allows the input group to stick to the right
as the status label grows -->
<div class="input-group w-auto me-2">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span *ngIf="identOptions(li).length > 1" class="text-danger me-1"
i18n-title title="Multiple Order Identifier Options" i18n>
({{identOptions(li).length}})
<div>
<div class="row">
<div class="input-group col-lg-3">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Start Date</div>
<eg-date-select [initialDate]="today" (onChangeAsYmd)="onStartDateChange($event)"></eg-date-select>
</div>
</div>
<div class="input-group col-lg-3">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>End Date</div>
<eg-date-select [initialDate]="today" (onChangeAsYmd)="onEndDateChange($event)"></eg-date-select>
</div>
</div>
<div class="input-group col-lg-4">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>View reports for</div>
</div>
<eg-org-select [applyDefault]="true" [disableOrgs]="disabledOrgs" (onChange)="onOrgChange($event)"></eg-org-select>
<div class="row" [ngClass]="isDialog() ? '' : 'mt-3'">
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label for="associate-item-barcode" class="input-group-text" i18n>Barcode</label>
</div>
<input type="text" class="flex-grow-1" id="associate-item-barcode"
</div>
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label for="associate-item-relationship" class="input-group-text" i18n>Relationship</label>
</div>
<input type="text" [(ngModel)]="relationshipInput" id="associate-item-relationship"
<div class="row mt-3">
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text">
<label for="associate-item-temp-call-number" i18n>Call Number</label>
</div>
<input type="text" [(ngModel)]="tempCallNumber" id="associate-item-temp-call-number"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
(input)="isModifyingCallNumber = true" class="flex-grow-1" />
- <div class="input-group-append">
+ <div class="input-group-text">
<div class="input-group-text">
<input type="checkbox" [(ngModel)]="isModifyingCallNumber"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
</div>
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text">
<label for="temp-circ-mod" i18n>Circulation Modifier</label>
</div>
domId="temp-circ-mod"
(onChange)="tempCircMod = $event.id; isModifyingCircMod = true">
</eg-combobox>
- <div class="input-group-append">
+ <div class="input-group-text">
<div class="input-group-text">
<input type="checkbox" [(ngModel)]="isModifyingCircMod"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
<div class="row mt-3">
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text">
<label for="temp-item-status" i18n>Item Status</label>
</div>
domId="temp-item-status"
(onChange)="tempStatus = $event.id; isModifyingStatus = true">
</eg-combobox>
- <div class="input-group-append">
+ <div class="input-group-text">
<div class="input-group-text">
<input type="checkbox" [(ngModel)]="isModifyingStatus"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
</div>
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text">
<label for="temp-location" i18n>Shelving Location</label>
</div>
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'" [(ngModel)]="tempLocation"
(valueChange)="isModifyingLocation = true">
</eg-item-location-select>
- <div class="input-group-append">
+ <div class="input-group-text">
<div class="input-group-text">
<input type="checkbox" [(ngModel)]="isModifyingLocation"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
<ng-template ngbNavContent>
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="brief-relationship" i18n>Relationship</label>
</div>
<input type="text" [(ngModel)]="relationshipInput" id="brief-relationship"
<div class="row" [ngClass]="isDialog() ? '' : 'mt-3'">
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label for="bib-id" class="input-group-text" i18n>Bibliographic Record ID</label>
</div>
<input type="text" [(ngModel)]="bibId" id="bib-id"
</div>
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="electronic-relationship" i18n>Relationship</label>
</div>
<input type="text" [(ngModel)]="relationshipInput" id="electronic-relationship"
<div class="row" [ngClass]="isDialog() ? '' : 'mt-3'">
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label for="associate-user-barcode" class="input-group-text" i18n>Patron Barcode</label>
</div>
<input type="text" class="flex-grow-1" id="associate-user-barcode"
</div>
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label for="associate-user-role" class="input-group-text" i18n>Role</label>
</div>
<eg-combobox idlClass="acmr" [(ngModel)]="userRoleInput"
<div class="row mt-3">
<div class="col-md-3">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Class</div>
<!-- IDL Selector -->
<eg-combobox [allowFreeText]="true"
<div class="row mt-3">
<div class="col-md-6">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Context</div>
<eg-org-select [initialOrg]="entryContext"
(onChange)="entryContext = $event"></eg-org-select>
<ng-container *ngSwitchCase="'integer'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Value</div>
<input
class="form-control" type="number"
</ng-container>
<ng-container *ngSwitchCase="'currency'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Value</div>
<div class="input-group-text" i18n>$</div>
<input
</ng-container>
<ng-container *ngSwitchCase="'string'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Value</div>
<input
class="form-control" type="text"
</ng-container>
<ng-container *ngSwitchCase="'interval'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Value</div>
<input
class="form-control" type="text"
</ng-container>
<ng-container *ngSwitchCase="'bool'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Value</div>
<select
- class="custom-select" name="entryValue"
+ class="form-select" name="entryValue"
placeholder="True or False" i18n-placeholder
[(ngModel)]="entryValue">
<option value='true' i18n>True</option>
</ng-container>
<ng-container *ngSwitchCase="'array'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Value</div>
<input
class="form-control" type="text"
</ng-container>
<ng-container *ngSwitchCase="'link'">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Value</div>
<ng-container [ngSwitch]="entry.fmClass">
<ng-container *ngSwitchCase="'acpl'">
<div class="row mt-3">
<div class="col-md-3">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Context Location</div>
<eg-org-select [initialOrg]="contextOrg"
(onChange)="contextOrgChanged($event)">
</label>
<input type="text" [(ngModel)]="question.words" class="form-control"
name="question-{{questionIndex}}">
- <span class="input-group-append">
+ <span class="input-group-text">
<button class="ms-2 btn btn-info"
(click)="updateQuestion(question)" i18n>
Save
<input class="form-control" type="text"
[(ngModel)]="answer.words"
name="answer-{{questionIndex}}-{{answerIndex}}">
- <span class="input-group-append">
+ <span class="input-group-text">
<button class="ms-2 btn btn-info"
(click)="updateAnswer(answer, question, questionIndex, answerIndex)"
i18n>
<input class="form-control" type="text"
[(ngModel)]="newAnswerArray[questionIndex].inputText"
value="">
- <span class="input-group-append">
+ <span class="input-group-text">
<button class="ms-2 btn btn-info"
(click)="createAnswer(newAnswerArray[questionIndex].inputText, question)"
i18n>
type="text"
[(ngModel)]="newQuestionText"
name="question-new" value="">
- <span class="input-group-append">
+ <span class="input-group-text">
<button class="ms-2 btn btn-info"
(click)="createQuestion(newQuestionText)" i18n>
Save Question & Add Answer
<div class="row">
<div class="col-lg-12">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Note: </div>
</div>
<input class="form-control" type='text'
</div>
<div class="col-lg-3">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" i18n>Template</span>
</div>
<ng-template #entryTemplate let-r="result" let-owner="getOwnerName">
</div>
<div class="col-lg-3" *ngIf="localeEntries.length > 0">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" i18n>Locale</span>
</div>
<eg-combobox [entries]="localeEntries"
<form [formGroup]="findResource" class="row">
<div class="col-md-4">
<div class="input-group flex-nowrap">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="resource-barcode" i18n>Resource barcode</label>
<input type="text" id="resource-barcode" class="form-control" formControlName="resourceBarcode">
</div>
<div class="row">
<div class="col">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="ideal-reservation-type" i18n>Reservation type</label>
</div>
<select class="form-control" id="ideal-reservation-type" formControlName="reservationType">
</div>
<div class="col">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="ideal-reservation-date" i18n>Reservation date</label>
</div>
<eg-date-select *ngIf="!multiday" #dateLimiter domId="ideal-reservation-date" formControlName="idealDate"></eg-date-select>
<div ngbPanelContent class="row">
<div class="col">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="ideal-resource-type" i18n>Search by resource type</label>
</div>
<eg-combobox
<div ngbPanelContent class="row">
<div class="col">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="ideal-resource-barcode" i18n>Search by resource barcode</label>
</div>
<input type="text" id="ideal-resource-barcode" class="form-control" formControlName="resourceBarcode">
<ul class="list-group list-group-flush" formArrayName="selectedAttributes">
<li *ngFor="let attribute of attributes; let i = index" class="list-group-item">
<span class="input-group">
- <span class="input-group-prepend">
+ <span class="input-group-text">
<label class="input-group-text" for="attribute-{{attribute.id()}}" i18n>{{attribute.name()}}</label>
</span>
<eg-combobox [formControlName]="i">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<span class="input-group">
- <span class="input-group-prepend">
+ <span class="input-group-text">
<label class="input-group-text" for="start-time" i18n>Start time</label>
</span>
<ngb-timepicker formControlName="startOfDay" [minuteStep]="minuteStep()" [meridian]="true"></ngb-timepicker>
</li>
<li class="list-group-item">
<span class="input-group">
- <span class="input-group-prepend">
+ <span class="input-group-text">
<label class="input-group-text" for="end-time" i18n>End time</label>
</span>
<ngb-timepicker formControlName="endOfDay" [minuteStep]="minuteStep()" [meridian]="true"></ngb-timepicker>
</li>
<li class="list-group-item">
<span class="input-group">
- <span class="input-group-prepend">
+ <span class="input-group-text">
<label class="input-group-text" for="granularity" i18n>Granularity</label>
</span>
<eg-combobox (onChange)="changeGranularity($event)" [startId]="granularity ? granularity : 30">
<ng-template ngbNavContent>
<div class="m-2">
<div class="input-group m-2">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="patron-barcode-value" i18n>Patron barcode</label>
</div>
<input type="text" id="patron-barcode-value" class="form-control" formControlName="patronBarcode">
<ng-template ngbNavContent>
<div class="m-2">
<div class="input-group m-2">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="resource-barcode-value" i18n>Resource barcode</label>
</div>
<input type="text" id="resource-barcode-value" class="form-control" formControlName="resourceBarcode">
<ng-template ngbNavContent>
<div class="m-2">
<div class="input-group m-2">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="resource-type-value" i18n>Resource type</label>
</div>
<eg-combobox domId="resource-type-value" formControlName="resourceType" idlClass="brt" [asyncSupportsEmptyTermClick]="true"></eg-combobox>
<form [formGroup]="findPatron" class="row">
<div class="col-md-4">
<div class="input-group flex-nowrap">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="patron-barcode" i18n>Patron barcode</label>
<input type="text" id="patron-barcode" class="form-control" formControlName="patronBarcode">
</div>
<form [formGroup]="pullListCriteria" class="row">
<div class="col-md-4">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label for="ou" class="input-group-text" i18n>Library:</label>
</div>
<eg-org-select domId="ou" [applyDefault]="true"
</div>
<div class="col-md-4">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label for="days-hence" class="input-group-text" i18n>Number of days to fetch:</label>
</div>
<input type="number" min="1" class="form-control" formControlName="daysHence">
<div class="row">
<div class="col-md-4">
<div class="input-group flex-nowrap">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="patron-barcode" i18n>Patron barcode</label>
<input type="text" id="patron-barcode" class="form-control" i18n-placeholder placeholder="Patron barcode" formControlName="patronBarcode">
</div>
<a i18n ngbNavLink role="tab">By resource</a>
<ng-template ngbNavContent>
<div class="input-group flex-nowrap">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label class="input-group-text" for="resource-barcode" i18n>Resource barcode</label>
<input type="text" id="resource-barcode" class="form-control" i18n-placeholder placeholder="Resource barcode" formControlName="resourceBarcode">
</div>
<div class="row form-inline mb-3">
<div class="col-lg-3">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" id="search-term" i18n>Search Term</span>
</div>
<input type="text" class="form-control" placeholder="Search Term"
</div>
<div class="col-lg-5">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" id="auth-axis" i18n>Authority Type</span>
</div>
<eg-combobox #axisCbox [(ngModel)]="authorityAxis"
<div class="row">
<div class="col-lg-6 form-inline">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" i18n>Authorty Record Id</span>
</div>
<input type="text" class="form-control"
<div class="row form-validated mt-5">
<div class="col-lg-6 form-inline">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" id="bib-ident-label">
<ng-container *ngIf="identType === 'id'" i18n>Record ID:</ng-container>
<ng-container *ngIf="identType === 'tcn'" i18n>Record TCN:</ng-container>
<div class="row">
<div class="col-lg-12 form-inline">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" id='barcode-label' i18n>Barcode</span>
</div>
<input type="text" class="form-control" id="item-barcode-input"
<div class="d-flex mb-3">
<div>
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text">Owner</span>
</div>
<eg-org-select
<div class="row mb-2">
<div class="col-lg-6">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" i18n>Show Sessions Since: </span>
</div>
<eg-date-select
(ngModelChange)="debounceUserBarcodeLookup($event)"
(paste)="debounceUserBarcodeLookup($event)"
[(ngModel)]="userBarcode"/>
- <div class="input-group-append">
+ <div class="input-group-text">
<button class="btn btn-outline-dark" (click)="userBarcodeChanged()">Submit</button>
</div>
</div>
</div>
<div class="flex-1">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label for="userEmail" class="input-group-text" i18n>Email Address</label>
</div>
<input type="text" class="form-control" name="userEmail"
</div>
<div class="flex-1">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label for="phoneValue" class="input-group-text" i18n>Phone Number</label>
</div>
<input type="text" class="form-control" [disabled]="!notifyPhone"
</div>
<div class="flex-1">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<label for="smsValue" class="input-group-text" i18n>SMS Number</label>
</div>
<input type="text" class="form-control" [disabled]="!notifySms"
<div class="row mt-3">
<div class="col-lg-4">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Holdings Maintenance</div>
</div>
<eg-org-select [initialOrg]="contextOrg"
<div class="col-lg-12 d-flex">
<div class="form-inline">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" i18n>Barcode</span>
</div>
<input type="text" class="form-control" id="barcode-input"
placeholder="Barcode..." i18n-placeholder [(ngModel)]="barcode"
i18n-aria-label aria-label="Barcode Input" (keydown.enter)="checkin()" />
- <div class="input-group-append">
+ <div class="input-group-text">
<button class="btn btn-outline-dark" (keydown.enter)="checkin()"
(click)="checkin()" i18n>Submit</button>
</div>
<div class="row">
<div class="col-lg-4">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" i18n>Patron Barcode:</span>
</div>
<input type='text' id='barcode-search-input' class="form-control"
placeholder="Barcode" i18n-placeholder [(ngModel)]='barcode'
(keydown.enter)="findUser()"/>
- <div class="input-group-append">
+ <div class="input-group-text">
<button class="btn btn-outline-secondary"
(click)="findUser()" i18n>Submit</button>
</div>
</div>
<div class="form-inline ms-2">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" i18n># Receipts</span>
</div>
<input type="number" class="form-control num-receipts" [(ngModel)]="numReceipts"/>
<div class="col-lg-12 d-flex">
<div class="form-inline">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div ngbDropdown>
<button ngbDropdownToggle class="btn btn-outline-dark" id="checkout-button">
<ng-container *ngIf="!checkoutNoncat" i18n>Barcode</ng-container>
[placeholder]="checkoutNoncat ? '' : 'Barcode...'" i18n-placeholder
[(ngModel)]="checkoutBarcode" [disabled]="checkoutNoncat !== null"
i18n-aria-label aria-label="Barcode Input" (keydown.enter)="checkout()" />
- <div class="input-group-append">
+ <div class="input-group-text">
<button class="btn btn-outline-dark" (keydown.enter)="checkout()"
(click)="checkout()" i18n>Submit</button>
</div>
<button class="btn btn-outline-dark" (click)="quickReceipt()" i18n>
Quick Receipt
</button>
- <div class="input-group-append">
+ <div class="input-group-text">
<div ngbDropdown>
<button ngbDropdownToggle class="btn btn-outline-dark">
</button>
<button class="btn btn-outline-dark" (click)="doneAutoReceipt()" i18n>
Done
</button>
- <div class="input-group-append">
+ <div class="input-group-text">
<div ngbDropdown>
<button ngbDropdownToggle class="btn btn-outline-dark">
</button>
<div class="col-lg-12 d-flex">
<div class="form-inline">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<span class="input-group-text" i18n>Barcode</span>
</div>
<input type="text" class="form-control" id="barcode-input"
placeholder="Barcode..." i18n-placeholder [(ngModel)]="barcode"
i18n-aria-label aria-label="Barcode Input" (keydown.enter)="renew()" />
- <div class="input-group-append">
+ <div class="input-group-text">
<button class="btn btn-outline-dark" (keydown.enter)="renew()"
(click)="renew()" i18n>Submit</button>
</div>
<eg-title i18n-prefix prefix="Hopeless Holds">
</eg-title>
-<div class="input-group"><div class="input-group-prepend">
+<div class="input-group"><div class="input-group-text">
<div class="input-group-text" i18n>Hopeless Date, Start Range:</div>
<eg-date-select [initialIso]="startDate" (onChangeAsDate)="changeStartDate($event)">
</eg-date-select>
<div class="row" *ngIf="!hidePickupLibFilter">
<div class="col-lg-5">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>Pickup Library</div>
</div>
<eg-org-select [persistKey]="persistKey" [fallbackOrg]="pickupLib"
<div class="row" *ngIf="pullListOrg">
<div class="col-lg-4 mb-2">
<div class="input-group">
- <div class="input-group-prepend">
+ <div class="input-group-text">
<div class="input-group-text" i18n>View Pull List For:</div>
</div>
<eg-org-select [initialOrgId]="pullListOrg"