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 <eg-title i18n-prefix prefix="Evergreen Staff Client"></eg-title>
  20
  21 <div class="container">
  22
  23   <!-- header icon -->
  24   <div class="row mb-3">
  25     <div class="col-lg-12 text-center">
  26       <img src="/images/portal/logo.png" alt="Evergreen"/>
  27     </div>
  28   </div>
  29
  30   <div class="row" id="splash-nav">
  31     <div class="col-lg-4">
  32       <div class="card">
  33         <div class="card-header">
  34           <div class="panel-title text-center" i18n>Circulation and Patrons</div>
  35         </div>
  36         <div class="card-body">
  37           <div class="list-group">
  38             <div class="list-group-item border-0 p-2">
  39               <img src="/images/portal/forward.png" alt="" role="presentation"/>
  40               <a href="/eg/staff/circ/patron/bcsearch" i18n>Check Out Items</a>
  41             </div>
  42             <div class="list-group-item border-0 p-2">
  43               <img src="/images/portal/back.png" alt="" role="presentation"/>
  44               <a href="/eg/staff/circ/checkin/index" i18n>Check In Items</a>
  45             </div>
  46             <div class="list-group-item border-0 p-2">
  47               <img src="/images/portal/retreivepatron.png" alt="" role="presentation"/>
  48               <a href="/eg/staff/circ/patron/search" i18n>Search For Patron By Name</a>
  49             </div>
  50           </div>
  51         </div>
  52       </div>
  53     </div>
  54
  55     <div class="col-lg-4">
  56       <div class="card">
  57         <div class="card-header">
  58           <div class="panel-title text-center" i18n>Item Search and Cataloging</div>
  59         </div>
  60         <div class="card-body">
  61           <div class="list-group">
  62             <div class="list-group-item border-0 p-2">
  63               <div class="input-group">
  64                 <input type="text" class="form-control"
  65                   [(ngModel)]="catSearchQuery"
  66                   id='catalog-search-input'
  67                   (keyup.enter)="searchCatalog()"
  68                   i18n-placeholder placeholder="Search for...">
  69                 <span class="input-group-btn">
  70                   <button class="btn btn-outline-secondary"
  71                     (click)="searchCatalog()" type="button" i18n>
  72                     Search
  73                   </button>
  74                 </span>
  75                   <!--
  76                   <input focus-me="focus_search"
  77                       class="form-control" ng-model="cat_query" type="text"
  78                       ng-keypress="catalog_search($event)"
  79                       placeholder="Search catalog for..."/>
  80                   <button class='btn btn-light' ng-click="catalog_search()">
  81                       Search
  82                   </button>
  83                   -->
  84               </div>
  85             </div>
  86             <div class="list-group-item border-0 p-2">
  87               <img src="/images/portal/bucket.png" alt="" role="presentation"/>
  88               <a href="/eg/staff/cat/bucket/record/" i18n>Record Buckets</a>
  89             </div>
  90             <div class="list-group-item border-0 p-2">
  91               <img src="/images/portal/bucket.png" alt="" role="presentation"/>
  92               <a href="/eg/staff/cat/bucket/copy/" i18n>Copy Buckets</a>
  93             </div>
  94           </div>
  95         </div>
  96       </div>
  97     </div>
  98
  99     <div class="col-lg-4">
 100       <div class="card">
 101         <div class="card-header">
 102           <div class="panel-title text-center" i18n>Administration</div>
 103         </div>
 104         <div class="card-body">
 105           <div class="list-group">
 106             <div class="list-group-item border-0 p-2">
 107               <img src="/images/portal/helpdesk.png" alt="" role="presentation"/>
 108               <a target="_top" href="http://docs.evergreen-ils.org/" i18n>
 109                 Evergreen Documentation
 110               </a>
 111             </div>
 112             <div class="list-group-item border-0 p-2">
 113               <img src="/images/portal/helpdesk.png" alt="" role="presentation"/>
 114               <a target="_top" href="/eg/staff/admin/workstation/index" i18n>
 115                 Workstation Administration
 116               </a>
 117             </div>
 118             <div class="list-group-item border-0 p-2">
 119               <img src="/images/portal/reports.png" alt="" role="presentation"/>
 120               <a target="_top" href="/eg/staff/reporter/legacy/main" i18n>
 121                 Reports
 122               </a>
 123             </div>
 124           </div>
 125         </div>
 126       </div>
 127     </div>
 128   </div>
 129 </div>
 130