43fdc822bec6ec563b56504daa652df21d9cd99f
[working/Evergreen.git] /
1 <eg-string #deleteFailedString i18n-text text="Disassociation of Course Material failed or was not allowed"></eg-string>
2 <eg-string #deleteSuccessString i18n-text text="Disassociation of Course Material succeeded"></eg-string>
3 <eg-string #successString i18n-text text="Association of Course Material succeeded"></eg-string>
4 <eg-string #failedString i18n-text text="Association of Course Material failed or was not allowed"></eg-string>
5 <eg-string #differentLibraryString i18n-text text="Material exists at a different library"></eg-string>
6
7 <ng-template #dialogContent>
8   <div class="modal-header bg-info">
9     <h4 class="modal-title" i18n>Course Materials</h4>
10     <button type="button" class="close"
11       i18n-aria-label aria-label="Close" (click)="close()">
12       <span aria-hidden="true">&times;</span>
13     </button>
14   </div>
15   <div class="modal-body">
16     <div class="row">
17       <div class="col-md-4">
18         <div class="input-group">
19           <div class="input-group-prepend">
20             <span class="input-group-text" i18n>Barcode</span>
21           </div>
22           <input type="text" [(ngModel)]="barcodeInput" />
23         </div>
24       </div>
25       <div class="col-md-5">
26         <div class="input-group">
27           <div class="input-group-prepend">
28             <span class="input-group-text" i18n>Relationship</span>
29           </div>
30           <input type="text" [(ngModel)]="relationshipInput" placeholder-i18n placeholder="e.g. Required" />
31         </div>
32       </div>
33       <div class="col-md-3">
34         <button class="btn btn-outline-dark" (click)="associateItem(barcodeInput, relationshipInput)" i18n [disabled]="!barcodeInput">Add Material</button>
35       </div>
36     </div>
37     <div class="mt-3">
38       <eg-grid #materialGrid [dataSource]="gridDataSource">
39         <eg-grid-toolbar-action label="Delete Selected" i18n-label (onClick)="deleteSelected($event)">
40         </eg-grid-toolbar-action>
41
42         <eg-grid-column path="id" [index]=true [hidden]="true" label="ID" i18n-label></eg-grid-column>
43         <eg-grid-column label="Barcode" i18n-label name="barcode" [cellTemplate]="barcodeCellTemplate"></eg-grid-column>
44         <eg-grid-column label="Title" i18n-label name="title" [cellTemplate]="titleCellTemplate"></eg-grid-column>
45         <eg-grid-column path="call_number.label" label="Call Number" i18n-label></eg-grid-column>
46         <eg-grid-column path="call_number.prefix.label" [hidden]="true" label="Call Number Prefix" i18n-label hidden></eg-grid-column>
47         <eg-grid-column path="call_number.suffix.label" [hidden]="true" label="Call Number Suffix" i18n-label hidden></eg-grid-column>
48         <eg-grid-column path="circ_modifier" label="Circulation Modifier" i18n-label></eg-grid-column>
49         <eg-grid-column path="circ_lib.shortname" label="Circulation Library" i18n-label></eg-grid-column>
50         <eg-grid-column path="_relationship" label="Relationship" i18n-label></eg-grid-column>
51       </eg-grid>
52     </div>
53   </div>
54   <ng-template #barcodeCellTemplate let-entry="row">
55     <span>
56       <a class="pl-1"
57         href="/eg/staff/cat/item/{{entry.id()}}">
58         {{entry.barcode()}}
59       </a>
60     </span>
61   </ng-template>
62   <ng-template #titleCellTemplate let-entry="row">
63     <span>
64       <a class="pl-1"
65         href="/eg/staff/cat/catalog/record/{{entry.call_number().record()}}">
66         {{entry._title}}
67       </a>
68     </span>
69   </ng-template>
70 </ng-template>