2 <div class='eg-bib-summary card tight-card w-100' *ngIf="summary">
3 <div class="card-header d-flex">
4 <div class="font-weight-bold">
7 <div class="flex-1"></div>
9 <a class="with-material-icon no-href text-primary"
10 title="Show More" i18n-title
11 *ngIf="!expand" (click)="expand=true">
12 <span class="material-icons">expand_more</span>
14 <a class="with-material-icon no-href text-primary"
15 title="Show Less" i18n-title
16 *ngIf="expand" (click)="expand=false">
17 <span class="material-icons">expand_less</span>
21 <div class="card-body">
22 <ul class="list-group list-group-flush">
23 <li class="list-group-item">
25 <div class="flex-1 font-weight-bold" i18n>Title:</div>
26 <div class="flex-3">{{summary.display.title}}</div>
27 <div class="flex-1 font-weight-bold pl-1" i18n>Edition:</div>
28 <div class="flex-1">{{summary.display.edition}}</div>
29 <div class="flex-1 font-weight-bold" i18n>TCN:</div>
30 <div class="flex-1">{{summary.record.tcn_value()}}</div>
31 <div class="flex-1 font-weight-bold pl-1" i18n>Created By:</div>
32 <div class="flex-1" *ngIf="summary.record.creator().usrname">
33 <a href="/eg/staff/circ/patron/{{summary.record.creator().id()}}/checkout">
34 {{summary.record.creator().usrname()}}
39 <li class="list-group-item" *ngIf="expand">
41 <div class="flex-1 font-weight-bold" i18n>Author:</div>
42 <div class="flex-3">{{summary.display.author}}</div>
43 <div class="flex-1 font-weight-bold pl-1" i18n>Pubdate:</div>
44 <div class="flex-1">{{summary.display.pubdate}}</div>
45 <div class="flex-1 font-weight-bold" i18n>Database ID:</div>
46 <div class="flex-1">{{summary.id}}</div>
47 <div class="flex-1 font-weight-bold pl-1" i18n>Last Edited By:</div>
48 <div class="flex-1" *ngIf="summary.record.editor().usrname">
49 <a href="/eg/staff/circ/patron/{{summary.record.editor().id()}}/checkout">
50 {{summary.record.editor().usrname()}}
55 <li class="list-group-item" *ngIf="expand">
57 <div class="flex-1 font-weight-bold" i18n>Bib Call #:</div>
58 <div class="flex-3">{{summary.bibCallNumber}}</div>
59 <div class="flex-1 font-weight-bold" i18n>Record Owner:</div>
60 <div class="flex-1">{{orgName(summary.record.owner())}}</div>
61 <div class="flex-1 font-weight-bold pl-1" i18n>Created On:</div>
62 <div class="flex-1">{{summary.record.create_date() | date:'short'}}</div>
63 <div class="flex-1 font-weight-bold pl-1" i18n>Last Edited On:</div>
64 <div class="flex-1">{{summary.record.edit_date() | date:'short'}}</div>