placeholder="e.g. Required" 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-prepend">
- <span class="input-group-text" i18n>Relationship</span>
- </div>
- <input type="text" [(ngModel)]="relationshipInput"
- [disabled]="currentCourse && currentCourse.is_archived() == 't'" placeholder-i18n
- placeholder="e.g. Required" class="flex-grow-1" />
- </div>
- </div>
<eg-marc-simplified-editor (xmlRecordEvent)="associateBriefRecord($event)" buttonLabel="Add material" i18n-buttonLabel>
<eg-marc-simplified-editor-field tag="245" subfield="a"></eg-marc-simplified-editor-field>
<eg-marc-simplified-editor-field tag="856" subfield="u"></eg-marc-simplified-editor-field>
<div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
<div class="input-group">
<div class="input-group-prepend">
- <span class="input-group-text" i18n>Relationship</span>
+ <label for="bib-id" class="input-group-text" i18n>Bibliographic Record ID</label>
</div>
- <input type="text" [(ngModel)]="relationshipInput"
+ <input type="text" [(ngModel)]="bibId" id="bib-id"
[disabled]="currentCourse && 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-prepend">
- <label for="bib-id" class="input-group-text" i18n>Bibliographic Record ID</label>
+ <span class="input-group-text" i18n>Relationship</span>
</div>
- <input type="text" [(ngModel)]="bibId" id="bib-id"
+ <input type="text" [(ngModel)]="relationshipInput"
[disabled]="currentCourse && currentCourse.is_archived() == 't'" class="flex-grow-1" />
</div>
</div>
</ngb-tabset>
<div class="mt-3" [ngClass]="isDialog() ? 'col-md-12' : 'col-md-8'">
- <eg-grid #materialsGrid [dataSource]="materialsDataSource">
+ <eg-grid #materialsGrid [dataSource]="materialsDataSource" [useLocalSort]="true">
<eg-grid-toolbar-action label="Remove Selected" i18n-label (onClick)="deleteSelectedMaterials($event)">
</eg-grid-toolbar-action>
<eg-grid-toolbar-action label="Edit Selected" i18n-label (onClick)="editSelectedMaterials($event)">