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