<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
<div class="input-group">
<div class="input-group-text">
- <div class="input-group-text">
<label class="form-label" for="associate-item-temp-call-number" i18n>Call Number</label>
- </div>
</div>
<input type="text" [(ngModel)]="tempCallNumber" id="associate-item-temp-call-number"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
<div class="input-group">
<div class="input-group-text">
- <div class="input-group-text">
<label class="form-label" for="temp-circ-mod" i18n>Circulation Modifier</label>
- </div>
</div>
<eg-combobox i18n-placeholder placeholder="Circulation Modifier..." idlClass="ccm" idlField="name"
[displayTemplate]="idlClassLabel" [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
(onChange)="tempCircMod = $event.id; isModifyingCircMod = true">
</eg-combobox>
<div class="input-group-text">
- <div class="input-group-text">
<input type="checkbox" [(ngModel)]="isModifyingCircMod"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
aria-label="Checkbox for setting a temporary Circulation Modifier" />
- </div>
</div>
</div>
</div>
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
<div class="input-group">
<div class="input-group-text">
- <div class="input-group-text">
<label class="form-label" for="temp-item-status" i18n>Item Status</label>
- </div>
</div>
<eg-combobox i18n-placeholder placeholder="Item Status..." idlClass="ccs" idlField="name"
[displayTemplate]="idlClassLabel" [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
(onChange)="tempStatus = $event.id; isModifyingStatus = true">
</eg-combobox>
<div class="input-group-text">
- <div class="input-group-text">
<input type="checkbox" [(ngModel)]="isModifyingStatus"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
aria-label="Checkbox for setting a temporary Item Status" />
- </div>
</div>
</div>
</div>
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
<div class="input-group">
<div class="input-group-text">
- <div class="input-group-text">
<label class="form-label" for="temp-location" i18n>Shelving Location</label>
- </div>
</div>
<eg-item-location-select permFilter="MANAGE_RESERVES" class="flex-grow-1" domId="temp-location"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'" [(ngModel)]="tempLocation"
(valueChange)="isModifyingLocation = true">
</eg-item-location-select>
<div class="input-group-text">
- <div class="input-group-text">
<input type="checkbox" [(ngModel)]="isModifyingLocation"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
aria-label="Checkbox for setting a temporary Shelving Location" />
- </div>
</div>
</div>
</div>
<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-text">
<label class="form-label input-group-text" for="brief-relationship" i18n>Relationship</label>
- </div>
<input type="text" [(ngModel)]="relationshipInput" id="brief-relationship"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'" placeholder-i18n
placeholder="e.g. Required" class="flex-grow-1" />
<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-text">
<label for="bib-id" class="form-label input-group-text" i18n>Bibliographic Record ID</label>
- </div>
<input type="text" [(ngModel)]="bibId" id="bib-id"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'" class="flex-grow-1" />
</div>
</div>
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
<div class="input-group">
- <div class="input-group-text">
<label class="form-label input-group-text" for="electronic-relationship" i18n>Relationship</label>
- </div>
<input type="text" [(ngModel)]="relationshipInput" id="electronic-relationship"
[disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'" class="flex-grow-1" />
</div>