d49de1bd7dd7fdac59bf6f061ee5304806794517
[working/Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / share / bib-summary / bib-summary.component.html
1
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">
5       Record Summary
6     </div>
7     <div class="flex-1"></div>
8     <div>
9       <a class="with-material-icon no-href text-primary" 
10         title="Show More" i18n-title
11         *ngIf="!expandDisplay" (click)="expandDisplay=true">
12         <span class="material-icons">expand_more</span>
13       </a>
14       <a class="with-material-icon no-href text-primary" 
15         title="Show Less" i18n-title
16         *ngIf="expandDisplay" (click)="expandDisplay=false">
17         <span class="material-icons">expand_less</span>
18       </a>
19     </div>
20   </div>
21   <div class="card-body">
22     <ul class="list-group list-group-flush">
23       <li class="list-group-item">
24         <div class="d-flex">
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()}}
35             </a>
36           </div>
37         </div>
38       </li>
39       <li class="list-group-item" *ngIf="expandDisplay">
40         <div class="d-flex">
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()}}
51             </a>
52           </div>
53         </div>
54       </li>
55       <li class="list-group-item" *ngIf="expandDisplay">
56         <div class="d-flex">
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>
65         </div>
66       </li>
67     </ul>
68   </div>
69 </div>
70