Open-ILS/src/eg2/src/app/staff/share/bib-staff-view/bib-staff-view.component.html

   1 <div class='eg-bib-staff-view card tight-card w-100' *ngIf="summary">
   2     <div class="row"><!-- "table" -->
   3
   4         <!-- 1st column -->
   5         <div class="col-md-4">
   6
   7             <!-- Col 1, Title Row -->
   8             <div class="row">
   9                 <div class="col-sm-6 font-weight-bold" i18n>Title:</div>
  10                 <div class="col-sm-6">
  11                     <a *ngIf="summary.display.title" href="/eg2/staff/catalog/search?query={{summary.display.title}}&fieldClass=title&joinOp=&matchOp=contains&dateOp=is">
  12                         {{summary.display.title}}
  13                     </a>
  14                 </div>
  15             </div><!-- end of Col 1, Title Row -->
  16
  17             <!-- Col 1, Series Title Row -->
  18             <div *ngIf="summary.display.series_title" class="row">
  19                 <div class="col-sm-6 font-weight-bold" i18n>Series Title:</div>
  20                 <div class="col-sm-6">
  21                     <ul>
  22                         <li *ngFor="let _series of summary.display.series_title" class="list-group-item">
  23                             <a href="/eg2/staff/catalog/search?query={{_series}}&fieldClass=series&joinOp=&matchOp=contains&dateOp=is">
  24                                 {{_series}}
  25                             </a>
  26                         </li>
  27                     </ul>
  28                 </div>
  29             </div><!-- end Col 1, Series Title Row-->
  30
  31             <!-- Col 1, Author Row -->
  32             <div class="row">
  33                 <div class="col-sm-6 font-weight-bold" i18n>Author:</div>
  34                 <div class="col-sm-6">
  35                     <a *ngIf="summary.display.author" href="/eg2/staff/catalog/search?query={{summary.display.author}}&fieldClass=author&joinOp=&matchOp=contains&dateOp=is">
  36                         {{summary.display.author}}
  37                     </a>
  38                 </div>
  39             </div><!-- end Col 1, Author Row -->
  40
  41             <!-- Col 1, Creator Row -->
  42             <div *ngIf="summary.display.creators" class="row">
  43                 <div class="col-sm-6 font-weight-bold" i18n>Creator:</div>
  44                 <div class="col-sm-6">
  45                     <ul>
  46                         <li *ngFor="let _creator of summary.display.creators" class="list-group-item">
  47                             <a href="/eg2/staff/catalog/search?query={{_creator}}&fieldClass=author&joinOp=&matchOp=contains&dateOp=is">
  48                                 {{_creator}}
  49                             </a>
  50                         </li>
  51                     </ul>
  52                 </div>
  53             </div><!-- end of Col 1, Creator Row -->
  54
  55             <!-- Col 1, Performer Row -->
  56             <div *ngIf="summary.display.performers" class="row">
  57                 <div class="col-sm-6 font-weight-bold" i18n>Performer:</div>
  58                 <div class="col-sm-6">
  59                     <ul>
  60                         <li *ngFor="let _performer of summary.display.performers" class="list-group-item">
  61                             <a href="/eg2/staff/catalog/search?query={{_performer}}&fieldClass=author&joinOp=&matchOp=contains&dateOp=is">
  62                                 {{_performer}}
  63                             </a>
  64                         </li>
  65                     </ul>
  66                 </div>
  67             </div><!-- end of Col 1, Performer Row -->
  68
  69             <!-- Col 1, Edition Row -->
  70             <div *ngIf="summary.display.edition" class="row">
  71                 <div class="col-sm-6 font-weight-bold" i18n>Edition:</div>
  72                 <div class="col-sm-6">
  73                     {{summary.display.edition}}
  74                 </div>
  75             </div><!-- end of Col 1, Edition Row -->
  76
  77             <!-- Col 1, Publisher Row -->
  78             <div *ngIf="summary.display.publisher" class="row">
  79                 <div class="col-sm-6 font-weight-bold" i18n>Publisher:</div>
  80                 <div class="col-sm-6">
  81                     {{summary.display.publisher}}
  82                 </div>
  83             </div><!-- end of Col 1, Publisher Row -->
  84
  85             <!-- Col 1, Production Credit Row -->
  86             <div *ngIf="summary.display.production_credits" class="row">
  87                 <div class="col-sm-6 font-weight-bold" i18n>Production Credit:</div>
  88                 <div class="col-sm-6">
  89                     <ul>
  90                         <li *ngFor="let _credit of summary.display.production_credits" class="list-group-item">
  91                             <a href="/eg2/staff/catalog/search?query={{_credit}}&fieldClass=author&joinOp=&matchOp=contains&dateOp=is">
  92                                 {{_credit}}
  93                             </a>
  94                         </li>
  95                     </ul>
  96                 </div>
  97             </div><!-- end of Col 1, Production Credit Row -->
  98
  99             <!-- Col 1, Type of Resource Row -->
 100             <div *ngIf="summary.display.type_of_resource" class="row">
 101                 <div class="col-sm-6 font-weight-bold" i18n>Type of Resource:</div>
 102                 <div class="col-sm-6">
 103                     {{summary.display.type_of_resource}}
 104                 </div>
 105             </div><!-- end of Col 1, Type of Resource Row -->
 106
 107             <!-- Col 1, Physical Description Row -->
 108             <div *ngIf="summary.display.physical_description" class="row">
 109                 <div class="col-sm-6 font-weight-bold" i18n>Physical Description:</div>
 110                 <div class="col-sm-6">
 111                     <ul>
 112                         <li *ngFor="let _desc of summary.display.physical_description" class="list-group-item">
 113                             {{_desc}}
 114                         </li>
 115                     </ul>
 116                 </div>
 117             </div><!-- end of Col 1, Physical Description Row -->
 118
 119             <!-- Col 1, General Note Row -->
 120             <div *ngIf="summary.display.general_note" class="row">
 121                 <div class="col-sm-6 font-weight-bold" i18n>General Note:</div>
 122                 <div class="col-sm-6">
 123                     <ul>
 124                         <li *ngFor="let _note of summary.display.general_note" class="list-group-item">
 125                             {{_note}}
 126                         </li>
 127                     </ul>
 128                 </div>
 129             </div><!-- end of Col 1, General Note Row -->
 130
 131             <!-- Col 1, Bibliography Row -->
 132             <div *ngIf="summary.display.bibliography" class="row">
 133                 <div class="col-sm-6 font-weight-bold" i18n>Bibliography:</div>
 134                 <div class="col-sm-6">
 135                     <ul>
 136                         <li *ngFor="let _bibliography of summary.display.bibliography" class="list-group-item">
 137                             {{_bibliography}}
 138                         </li>
 139                     </ul>
 140                 </div>
 141             </div><!-- end of Col 1, Bibliography Row -->
 142
 143             <!-- Col 1, TOC Row -->
 144             <div *ngIf="summary.display.toc" class="row">
 145                 <div class="col-sm-6 font-weight-bold" i18n>Table of Contents:</div>
 146                 <div class="col-sm-6">
 147                     {{summary.display.toc}}
 148                 </div>
 149             </div><!-- end of Col 1, TOC Row -->
 150
 151             <!-- Col 1, Thesis Row -->
 152             <div *ngIf="summary.display.thesis" class="row">
 153                 <div class="col-sm-6 font-weight-bold" i18n>Thesis:</div>
 154                 <div class="col-sm-6">
 155                     <ul>
 156                         <li *ngFor="let _thesis of summary.display.thesis" class="list-group-item">
 157                             {{_thesis}}
 158                         </li>
 159                     </ul>
 160                 </div>
 161             </div><!-- end of Col 1, Thesis Row -->
 162
 163         </div><!-- 1st column -->
 164
 165         <div class="col-md-4"><!-- 2nd column -->
 166
 167             <!-- Col 2, ISBN Row -->
 168             <div *ngIf="summary.display.isbn" class="row">
 169                 <div class="col-sm-6 font-weight-bold" i18n>ISBN:</div>
 170                 <div class="col-sm-6">
 171                     <ul>
 172                         <li *ngFor="let _isbn of summary.display.isbn" class="list-group-item">
 173                             <a href="/eg2/staff/catalog/search?identQuery={{_isbn}}&identQueryType=identifier%7Cisbn">
 174                                 {{_isbn}}
 175                             </a>
 176                         </li>
 177                     </ul>
 178                 </div>
 179             </div><!-- end of Col 2, ISBN Row -->
 180
 181             <!-- Col 1, ISSN Row -->
 182             <div *ngIf="summary.display.issn" class="row">
 183                 <div class="col-sm-6 font-weight-bold" i18n>ISSN:</div>
 184                 <div class="col-sm-6">
 185                     <ul>
 186                         <li *ngFor="let _issn of summary.display.issn" class="list-group-item">
 187                             <a href="/eg2/staff/catalog/search?identQuery={{_issn}}&identQueryType=identifier%7Cissn">
 188                                 {{_issn}}
 189                             </a>
 190                         </li>
 191                     </ul>
 192                 </div>
 193             </div><!-- end of Col 1, ISSN Row -->
 194
 195             <!-- Col 1, UPC Row -->
 196             <div *ngIf="summary.display.upc" class="row">
 197                 <div class="col-sm-6 font-weight-bold" i18n>UPC:</div>
 198                 <div class="col-sm-6">
 199                     <ul>
 200                         <li *ngFor="let _upc of summary.display.upc" class="list-group-item">
 201                             <a href="/eg2/staff/catalog/search?identQuery={{_upc}}&identQueryType=identifier%7Cupc">
 202                                 {{_upc}}
 203                             </a>
 204                         </li>
 205                     </ul>
 206                 </div>
 207             </div><!-- end of Col 1, UPC Row -->
 208
 209             <!-- Col 1, Hold and Copy Counts Row -->
 210             <div class="row">
 211                 <div class="col-sm-6 font-weight-bold" i18n>Hold and Copy Counts:</div>
 212                 <div class="col-sm-6">
 213                     <ul>
 214                         <li class="list-group-item"><span i18n>{{summary.holdCount}} hold requests</span></li>
 215                         <li class="list-group-item">
 216                             <span i18n *ngIf=" summary.isHoldable">Record is holdable.</span>
 217                             <span i18n *ngIf="!summary.isHoldable">Record is not holdable.</span>
 218                         </li>
 219                         <li *ngFor="let _count of summary.holdingsSummary" class="list-group-item">
 220                             <span i18n>{{_count.available}} of {{_count.count}} copies available at {{orgName(_count.org_unit)}}.</span>
 221                         </li>
 222                     </ul>
 223                 </div>
 224             </div><!-- end of Col 1, Hold and Copy Counts Row -->
 225
 226             <!-- Col 1, Formats and Editions Row -->
 227             <div class="row">
 228                 <div class="col-sm-6 font-weight-bold" i18n>Formats and Editions:</div>
 229                 <div class="col-sm-6">
 230                     <ul>
 231                         <ng-container *ngIf="summary.staffViewMetabibAttributes.icon_format">
 232                             <li *ngFor="let _x of summary.staffViewMetabibAttributes.icon_format | keyvalue" class="list-group-item">
 233                                 <a href="/eg2/staff/catalog/search?query=from_metarecord({{summary.staffViewMetabibId}}) icon_format({{_x.key}})">
 234                                     {{_x.value.label}}
 235                                 </a>
 236                                     {{_x.value.count}}
 237                             </li>
 238                         </ng-container>
 239                         <ng-container *ngIf="summary.staffViewMetabibAttributes.item_lang">
 240                             <li *ngFor="let _x of summary.staffViewMetabibAttributes.item_lang | keyvalue" class="list-group-item">
 241                                 <a href="/eg2/staff/catalog/search?query=from_metarecord({{summary.staffViewMetabibId}}) item_lang({{_x.key}})">
 242                                     {{_x.value.label}}
 243                                 </a>
 244                                     {{_x.value.count}}
 245                             </li>
 246                         </ng-container>
 247                     </ul>
 248                 </div>
 249             </div><!-- end of Col 1, Formats and Editions Row -->
 250
 251         </div><!-- 2nd column -->
 252
 253         <div class="col-md-4"><!-- 3rd column -->
 254
 255             <!-- Col 3, Abstract Row -->
 256             <div *ngIf="summary.display.abstract" class="row">
 257                 <div class="col-sm-6 font-weight-bold" i18n>Abstract:</div>
 258                 <div class="col-sm-6">
 259                     {{summary.display.abstract}}
 260                 </div>
 261             </div><!-- end of Col 3, Abstract Row -->
 262
 263             <!-- Col 3, Subject Row -->
 264             <div *ngIf="summary.display.subject" class="row">
 265                 <div class="col-sm-6 font-weight-bold" i18n>Subject:</div>
 266                 <div class="col-sm-6">
 267                     <ul>
 268                         <li *ngFor="let _subj of summary.display.subject" class="list-group-item">
 269                             <a href="/eg2/staff/catalog/search?query={{_subj}}&fieldClass=subject&joinOp=&matchOp=contains&dateOp=is">
 270                                 {{_subj}}
 271                             </a>
 272                         </li>
 273                     </ul>
 274                 </div>
 275             </div><!-- end of Col 3, Subject Row -->
 276
 277             <!-- Col 3, Subject Name Row -->
 278             <div *ngIf="summary.display.subject_name" class="row">
 279                 <div class="col-sm-6 font-weight-bold" i18n>Subject Name:</div>
 280                 <div class="col-sm-6">
 281                     <ul>
 282                         <li *ngFor="let _subj of summary.display.subject_name" class="list-group-item">
 283                             <a href="/eg2/staff/catalog/search?query={{_subj}}&fieldClass=subject&joinOp=&matchOp=contains&dateOp=is">
 284                                 {{_subj}}
 285                             </a>
 286                         </li>
 287                     </ul>
 288                 </div>
 289             </div><!-- end of Col 3, Subject Name Row -->
 290
 291             <!-- Col 3, Subject Topic Row -->
 292             <div *ngIf="summary.display.subject_topic" class="row">
 293                 <div class="col-sm-6 font-weight-bold" i18n>Subject Topic:</div>
 294                 <div class="col-sm-6">
 295                     <ul>
 296                         <li *ngFor="let _subj of summary.display.subject_topic" class="list-group-item">
 297                             <a href="/eg2/staff/catalog/search?query={{_subj}}&fieldClass=subject&joinOp=&matchOp=contains&dateOp=is">
 298                                 {{_subj}}
 299                             </a>
 300                         </li>
 301                     </ul>
 302                 </div>
 303             </div><!-- end of Col 3, Subject Topic Row -->
 304
 305             <!-- Col 3, Subject Geographic Row -->
 306             <div *ngIf="summary.display.subject_geographic" class="row">
 307                 <div class="col-sm-6 font-weight-bold" i18n>Subject Geographic:</div>
 308                 <div class="col-sm-6">
 309                     <ul>
 310                         <li *ngFor="let _subj of summary.display.subject_geographic" class="list-group-item">
 311                             <a href="/eg2/staff/catalog/search?query={{_subj}}&fieldClass=subject&joinOp=&matchOp=contains&dateOp=is">
 312                                 {{_subj}}
 313                             </a>
 314                         </li>
 315                     </ul>
 316                 </div>
 317             </div><!-- end of Col 3, Subject Geographic Row -->
 318
 319             <!-- Col 3, Subject Temporal Row -->
 320             <div *ngIf="summary.display.subject_temporal" class="row">
 321                 <div class="col-sm-6 font-weight-bold" i18n>Subject Temporal:</div>
 322                 <div class="col-sm-6">
 323                     <ul>
 324                         <li *ngFor="let _subj of summary.display.subject_temporal" class="list-group-item">
 325                             <a href="/eg2/staff/catalog/search?query={{_subj}}&fieldClass=subject&joinOp=&matchOp=contains&dateOp=is">
 326                                 {{_subj}}
 327                             </a>
 328                         </li>
 329                     </ul>
 330                 </div>
 331             </div><!-- end of Col 3, Subject Temporal Row -->
 332
 333             <!-- Col 3, Genre Row -->
 334             <div *ngIf="summary.display.genre" class="row">
 335                 <div class="col-sm-6 font-weight-bold" i18n>Genre:</div>
 336                 <div class="col-sm-6">
 337                     <ul>
 338                         <li *ngFor="let _genre of summary.display.genre" class="list-group-item">
 339                             {{_genre}}
 340                         </li>
 341                     </ul>
 342                 </div>
 343             </div><!-- end of Col 3, Genre Row -->
 344
 345         </div><!-- 3rd column -->
 346
 347     </div><!-- "table" -->
 348 </div>