6622235c84717cff3dad6e9c0588e6e3ac88f3ae
[Evergreen.git] / 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