Open-ILS/src/eg2/src/app/staff/splash.component.html

   1
   2
   3 <style>
   4     /* TODO change BS color scheme so this isn't necessary */
   5     .bg-evergreen {
   6       background: -webkit-linear-gradient(#00593d, #007a54);
   7       background-color: #007a54;
   8       color: #fff;
   9     }
  10
  11     /* Match the ang1 splash page */
  12     .card-header {
  13         color: #3c763d;
  14         background-color: #dff0d8;
  15         border-color: #d6e9c6;
  16     }
  17 </style>
  18
  19 <h1 class="sr-only" i18n>Evergreen Staff Client Home Page</h1>
  20
  21 <eg-title i18n-prefix prefix="Evergreen Staff Client"></eg-title>
  22
  23 <div class="container">
  24
  25   <!-- header icon -->
  26   <div class="row mb-3">
  27     <div class="col-lg-12 text-center">
  28       <img src="/images/portal/logo.png" alt="Evergreen"/>
  29     </div>
  30   </div>
  31
  32   <div class="row" id="splash-nav">
  33     <div class="col-lg-4" *ngFor="let header of portalHeaders; index as i">
  34       <div class="card">
  35         <div class="card-header" *ngIf="header">
  36           <h2 class="panel-title text-center" i18n>{{header.label()}}</h2>
  37         </div>
  38         <div class="card-body">
  39           <div class="list-group">
  40             <ng-container *ngFor="let entry of portalEntries[i]">
  41               <div class="list-group-item border-0 p-2" *ngIf="entry.entry_type() === 'menuitem'">
  42                 <a href="{{entry.target_url()}}" i18n>
  43                   <img src="{{entry.image_url()}}" alt="" role="presentation"/>
  44                   {{entry.label()}}
  45                 </a>
  46               </div>
  47               <div class="list-group-item border-0 p-2" *ngIf="entry.entry_type() === 'catalogsearch'">
  48                 <div class="input-group">
  49                   <input type="text" class="form-control"
  50                     [(ngModel)]="catSearchQuery"
  51                     id='catalog-search-input'
  52                     egAutofocus
  53                     (keyup.enter)="searchCatalog()"
  54                     i18n-placeholder placeholder="Search for..."
  55                     i18n-aria-label aria-label="Search for...">
  56                   <span class="input-group-btn">
  57                     <button class="btn btn-outline-secondary"
  58                       (click)="searchCatalog()" type="button" i18n>
  59                       {{entry.label()}}
  60                     </button>
  61                   </span>
  62                 </div>
  63               </div>
  64               <div class="list-group-item border-0 p-2" *ngIf="entry.entry_type() === 'link'">
  65                 <a target="_top" href="{{entry.target_url()}}" i18n>
  66                   <img src="{{entry.image_url()}}" alt="" role="presentation"/>
  67                   {{entry.label()}}
  68                 </a>
  69               </div>
  70               <div class="list-group-item border-0 p-2" *ngIf="entry.entry_type() === 'text'">
  71                 <h3 class="text-center" *ngIf="entry.label()" i18n>{{entry.label()}}</h3>
  72                 <div class="row">
  73                   <div class="col-2" *ngIf="entry.image_url()">
  74                     <img src="{{entry.image_url()}}" alt="" role="presentation"/>
  75                   </div>
  76                   <div class="col" [innerHtml]="entry.entry_text()"></div>
  77                 </div>
  78               </div>
  79             </ng-container>
  80           </div>
  81         </div>
  82       </div>
  83     </div>
  84   </div>
  85
  86 </div>
  87
  88 <eg-string #noPermissionString i18n-text text="Sorry, you do not have permission to access this"></eg-string>