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