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