6 <eg-record-bucket-dialog #addToListDialog>
7 </eg-record-bucket-dialog>
9 <div class="col-lg-12 card tight-card mb-2 bg-light">
10 <div class="card-body">
12 <div class="col-lg-1">
13 <a href="javascript:void(0)" (click)="navigatToRecord(summary.id)">
14 <img style="height:80px"
15 src="/opac/extras/ac/jacket/small/r/{{summary.id}}"/>
18 <div class="col-lg-5">
20 <div class="col-lg-12 font-weight-bold">
21 <!-- nbsp allows the column to take shape when no value exists -->
22 <span class="font-weight-light font-italic">
23 #{{index + 1 + searchContext.pager.offset}}
25 <a href="javascript:void(0)"
26 (click)="navigatToRecord(summary.id)">
27 {{summary.display.title || ' '}}
31 <div class="row pt-2">
32 <div class="col-lg-12">
33 <!-- nbsp allows the column to take shape when no value exists -->
34 <a href="javascript:void(0)"
35 (click)="searchAuthor(summary)">
36 {{summary.display.author || ' '}}
40 <div class="row pt-2">
41 <div class="col-lg-12">
42 <!-- only shows the first icon format -->
43 <span *ngIf="summary.attributes.icon_format && summary.attributes.icon_format[0]">
45 src="/images/format_icons/icon_format/{{summary.attributes.icon_format[0]}}.png"/>
46 <span>{{iconFormatLabel(summary.attributes.icon_format[0])}}</span>
48 <span class='pl-1'>{{summary.display.edition}}</span>
49 <span class='pl-1'>{{summary.display.pubdate}}</span>
53 <div class="col-lg-2">
54 <div class="row" [ngClass]="{'pt-2':copyIndex > 0}"
55 *ngFor="let copyCount of summary.holdingsSummary; let copyIdx = index">
56 <div class="w-100" *ngIf="copyCount.type == 'staff'">
57 <div class="float-left text-left w-50">
59 {{copyCount.available}} / {{copyCount.count}} items
62 <div class="float-left w-50">
63 @ {{orgName(copyCount.org_unit)}}
68 <div class="col-lg-1">
71 TCN: {{summary.record.tcn_value()}}
76 Holds: {{summary.holdCount}}
80 <div class="col-lg-3">
82 <div class="col-lg-12">
83 <div class="float-right small-text-1">
84 Created {{summary.record.create_date() | date:'shortDate'}} by
85 <!-- creator if fleshed after the initial data set is loaded -->
86 <a *ngIf="summary.record.creator().usrname" target="_self"
87 href="/eg/staff/circ/patron/{{summary.record.creator().id()}}/checkout">
88 {{summary.record.creator().usrname()}}
90 <!-- add a spacer pending data to reduce page shuffle -->
91 <span *ngIf="!summary.record.creator().usrname"> ... </span>
95 <div class="row pt-2">
96 <div class="col-lg-12">
97 <div class="float-right small-text-1" i18n>
98 Edited {{summary.record.edit_date() | date:'shortDate'}} by
99 <a *ngIf="summary.record.editor().usrname" target="_self"
100 href="/eg/staff/circ/patron/{{summary.record.editor().id()}}/checkout">
101 {{summary.record.editor().usrname()}}
103 <span *ngIf="!summary.record.editor().usrname"> ... </span>
107 <div class="row pt-2">
108 <div class="col-lg-12">
109 <div class="float-right">
111 <button (click)="placeHold()"
112 class="btn btn-sm btn-success label-with-material-icon small-text-1">
113 <span class="material-icons">check</span>
114 <span i18n>Place Hold</span>
119 (click)="addToListDialog.recordId=summary.record.id(); addToListDialog.open({size: 'lg'})"
120 class="btn btn-sm btn-info label-with-material-icon small-text-1">
121 <span class="material-icons">playlist_add_check</span>
122 <span i18n>Add to List</span>
130 </div><!-- card-body -->