ILLiad v9.1 Default Web Pages (Feb. 2022) Code Comparison

Left = OLD  
Right = NEW  

   
File: css\illiad.css  
1 /* = 1 /*
2 LEGAL   2 LEGAL
3 =====   3 =====
4 Copyright 2021 Atlas Systems, Inc. http://www.atlas-sys.com <> 4 Copyright 2022 Atlas Systems, Inc. http://www.atlas-sys.com
5 */ = 5 */
6     6  
7 @import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');   7 @import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');
8     8  
9 body {   9 body {
10     font-family: 'Roboto', sans-serif;   10     font-family: 'Roboto', sans-serif;
11 }   11 }
12     12  
13 /*These are CSS classes for the headers*/   13 /*These are CSS classes for the headers*/
14 h1,h2,h3,h4,h5,h6 { <> 14 h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
15     font-family: 'Open Sans', sans-serif; = 15     font-family: 'Open Sans', sans-serif;
16 }   16 }
17     17  
18 h1,h2,h3,h4,h5 { <> 18 h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
19     color:#08415c; = 19     color:#08415c;
20 }   20 }
21     21  
22 h1 {   22 h1 {
23     font-size: 48px;   23     font-size: 48px;
24     padding: 10px;   24     padding: 10px;
25     text-align: center;   25     text-align: center;
26 }   26 }
27     27  
28 h2 {   28 h2 {
29     font-size: 30px;   29     font-size: 30px;
30     padding: 10px 0 8px;   30     padding: 10px 0 8px;
31 }   31 }
32     32  
33 .header-special, .header-detailed {   33 .header-special, .header-detailed {
34     margin-top: 1.5rem;   34     margin-top: 1.5rem;
35     font-size: 26px;   35     font-size: 26px;
36     padding: 15px 0 0;   36     padding: 15px 0 0;
37 }   37 }
38     38  
39 .page-header {   39 .page-header {
40     font-size: 26px;   40     font-size: 26px;
41     padding: 15px 0 0;   41     padding: 15px 0 0;
42 }   42 }
43     43  
44 .section-header {   44 .section-header {
45     font-size: 24px;   45     font-size: 24px;
46     padding: 0 0 10px;   46     padding: 0 0 10px;
47 }   47 }
48     48  
49 img {   49 img {
50     vertical-align: middle;   50     vertical-align: middle;
51     border-style: none;   51     border-style: none;
52     height: 110px;   52     height: 110px;
53 }   53 }
54     54  
55 .card-body {   55 .card-body {
56     padding: 0.75rem 1.25rem;   56     padding: 0.75rem 1.25rem;
57 }   57 }
58     58  
59 .card-title {   59 .card-title {
60     color: #08415c;   60     color: #08415c;
61     font-size: 22px;   61     font-size: 22px;
62     padding: 10px 0 0;   62     padding: 10px 0 0;
63 }   63 }
64     64  
65 label {   65 label {
66     font: bold 16px;   66     font: bold 16px;
67     width: 100%;   67     width: 100%;
68 }   68 }
69     69  
70 p {   70 p {
71     color: #868e96; <> 71     color: #5f5e5e;
72     font-size: 16px; = 72     font-size: 16px;
73     padding: 10px;   73     padding: 10px;
74     74  
75 }   75 }
76     76  
77 a {   77 a {
78     color: #08415c;   78     color: #08415c;
79     text-decoration: none;   79     text-decoration: none;
80 }   80 }
81     81  
82 ul {   82 ul {
83     color: #868e96; <> 83     color: #5f5e5e;
84     font-size: 16px; = 84     font-size: 16px;
85     padding: 0 0 0 25px;   85     padding: 0 0 0 25px;
86     word-wrap: normal;   86     word-wrap: normal;
87 }   87 }
88     88  
89 .small-notes {   89 .small-notes {
90     color: #868e96; <> 90     color: #5f5e5e;
91     font-size: 14px; = 91     font-size: 14px;
92     padding: 4px 0 0;   92     padding: 4px 0 0;
93 }   93 }
94     94  
95 .common-note {   95 .common-note {
96     color: #868e96; <> 96     color: #5f5e5e;
97     font-size: 16px; = 97     font-size: 16px;
98     padding: 6px 0px;   98     padding: 6px 0px;
99 }   99 }
100     100  
101 .req {   101 .req {
102     color: #c74827; <> 102     color: #b81f18;
103     font-size: 12px; = 103     font-size: 12px;
104     padding:0 0 0 6px;   104     padding:0 0 0 6px;
105     text-align: right;   105     text-align: right;
106 }   106 }
107     107  
108 .fas {   108 .fas {
109     font-size: 16px;   109     font-size: 16px;
110 }   110 }
111     111  
112 form section {   112 form section {
113     background-color: #e2e3e5;   113     background-color: #e2e3e5;
114     margin-bottom: 40px;   114     margin-bottom: 40px;
115     padding: 15px;   115     padding: 15px;
116 }   116 }
117     117  
118 /*These are the CSS classes for the header and footer */   118 /*These are the CSS classes for the header and footer */
119 .head {   119 .head {
120     background-color: #fff;   120     background-color: #fff;
121     height: auto;   121     height: auto;
122     padding: 10px;   122     padding: 10px;
123     text-align: center;   123     text-align: center;
124     width: 100%;   124     width: 100%;
125 }   125 }
126     126  
127 .foot {   127 .foot {
128     border-top: 1px solid #0000001a;   128     border-top: 1px solid #0000001a;
129     font-size: 14px;   129     font-size: 14px;
130     margin-top: 1rem;   130     margin-top: 1rem;
131     padding: 1rem 0;   131     padding: 1rem 0;
132 }   132 }
133     133  
134 #status br {   134 #status br {
135     display: none;   135     display: none;
136 }   136 }
137     137  
138 .info-block {   138 .info-block {
139     border-bottom: 1px solid #0000001a;   139     border-bottom: 1px solid #0000001a;
140     margin-bottom: 1rem;   140     margin-bottom: 1rem;
141     padding: 1rem 0;   141     padding: 1rem 0;
142 }   142 }
143     143  
144 .bold {   144 .bold {
145     font-weight: bold;   145     font-weight: bold;
146 }   146 }
147     147  
148 /* Theses are CSS styling classes for logon/logout pages*/   148 /* Theses are CSS styling classes for logon/logout pages*/
149 .logon-directions {   149 .logon-directions {
150     border-bottom: 1px solid #0000001a;   150     border-bottom: 1px solid #0000001a;
151     font-size: 18px;   151     font-size: 18px;
152     margin-bottom: 1rem;   152     margin-bottom: 1rem;
153     padding: 1rem 0;   153     padding: 1rem 0;
154 }   154 }
155     155  
156 .logout-message {   156 .logout-message {
157    font-size: 16px;   157    font-size: 16px;
158 }   158 }
159     159  
160 .logon-field {   160 .logon-field {
161     padding: 0 15px 0 0;   161     padding: 0 15px 0 0;
162 }   162 }
163     163  
164 .forgot-password-link, .first-time-link{   164 .forgot-password-link, .first-time-link{
165     padding: 10px 0 0;   165     padding: 10px 0 0;
166 }   166 }
167     167  
168 /*These are CSS classes for the buttons*/   168 /*These are CSS classes for the buttons*/
169 .btn-primary, .btn-secondary, .btn-light {   169 .btn-primary, .btn-secondary, .btn-light {
170     border: none;   170     border: none;
171     margin: 10px 0;   171     margin: 10px 0;
172 }   172 }
173     173  
174 .btn-primary {   174 .btn-primary {
175     background-color: #08415c;   175     background-color: #08415c;
176     color: #fff;   176     color: #fff;
177     margin: 10px 5px 10px 0;   177     margin: 10px 5px 10px 0;
178 }   178 }
179     179  
180 .btn-primary:disabled {   180 .btn-primary:disabled {
181     background-color: #08415c;   181     background-color: #08415c;
182 }   182 }
183     183  
184 .btn-secondary {   184 .btn-secondary {
185     background-color: #e2e3e5;   185     background-color: #e2e3e5;
186     color: #08415c;   186     color: #08415c;
187     margin: 10px 5px 10px 0;   187     margin: 10px 5px 10px 0;
188 }   188 }
189     189  
190 .btn-primary:hover {   190 .btn-primary:hover {
191     background-color: #52b3d9;   191     background-color: #52b3d9;
192     color: #05171f;   192     color: #05171f;
193     text-decoration: underline;   193     text-decoration: underline;
194 }   194 }
195     195  
196 .btn-secondary:hover, .dropdown-item:focus, .dropdown-item:not(.disabled):hover {   196 .btn-secondary:hover, .dropdown-item:focus, .dropdown-item:not(.disabled):hover {
197     background-color: #a4a5a5;   197     background-color: #a4a5a5;
198     color: #05171f;   198     color: #05171f;
199     text-decoration: underline;   199     text-decoration: underline;
200 }   200 }
201     201  
202 .badge-primary {   202 .badge-primary {
203     background-color: #08415c;   203     background-color: #08415c;
204 }   204 }
205     205  
206 .selectOptions {   206 .selectOptions {
207     color: #08415c;   207     color: #08415c;
208     padding: 20px 12px 6px;   208     padding: 20px 12px 6px;
209 }   209 }
210     210  
211 /*These are CSS alert styling classes*/   211 /*These are CSS alert styling classes*/
212 .btn-alert {   212 .btn-alert {
213     color: #c74827;   213     color: #c74827;
214     font-size: 14px;   214     font-size: 14px;
215     padding: 4px 12px 6px;   215     padding: 4px 12px 6px;
216 }   216 }
217     217  
218 .btn-alert:hover {   218 .btn-alert:hover {
219     color: #08415c;   219     color: #08415c;
220 }   220 }
221     221  
222 .alerts-bar{   222 .alerts-bar{
223     background-color: #f1f4f7;   223     background-color: #f1f4f7;
224     margin: 0 0 20px;   224     margin: 0 0 20px;
225     text-align: center;   225     text-align: center;
226 }   226 }
227     227  
228 /*These are CSS styling classes for the navigation bar*/   228 /*These are CSS styling classes for the navigation bar*/
229 .main-navbar {   229 .main-navbar {
230     background-color: #08415c;   230     background-color: #08415c;
231     color: #000;   231     color: #000;
232     padding: 5px;   232     padding: 5px;
233     font: bold 26px 'Open Sans', sans-serif;   233     font: bold 26px 'Open Sans', sans-serif;
234     font-kerning: auto;   234     font-kerning: auto;
235 }   235 }
236     236  
237 nav li {   237 nav li {
238     margin: 0px 0px 0px 12px;   238     margin: 0px 0px 0px 12px;
239 }   239 }
240     240  
241 nav li a {   241 nav li a {
242     font: bolder 18px 'Open Sans', sans-serif;   242     font: bolder 18px 'Open Sans', sans-serif;
243     text-decoration: none;   243     text-decoration: none;
244 }   244 }
245     245  
246 .navbar-dark .navbar-nav .nav-link {   246 .navbar-dark .navbar-nav .nav-link {
247     color: #e0e0e0;   247     color: #e0e0e0;
248 }   248 }
249     249  
250 .dropdown-item {   250 .dropdown-item {
251     font-size: 14px;   251     font-size: 14px;
252 }   252 }
253     253  
254 /*These are the CSS Styling classes for search*/   254 /*These are the CSS Styling classes for search*/
255 #no-results-message {   255 #no-results-message {
256     color: #868e96;   256     color: #868e96;
257     font-size: 16px;   257     font-size: 16px;
258     padding: 4px 0 0;   258     padding: 4px 0 0;
259 }   259 }
260     260  
261 .ui-datepicker-trigger {   261 .ui-datepicker-trigger {
262     width: 35px;   262     width: 35px;
263 }   263 }
264     264  
265 .visit-date {   265 .visit-date {
266     padding-left: 0px;   266     padding-left: 0px;
267 }   267 }
268     268  
269 .researcher-tag-count {   269 .researcher-tag-count {
270     padding: 0 5px 0 0;   270     padding: 0 5px 0 0;
271 }   271 }
272     272  
273 .checkbox {   273 .checkbox {
274     padding-top: 20px;   274     padding-top: 20px;
275 }   275 }
276     276  
277 .form-checkbox {   277 .form-checkbox {
278     padding: 10px 16px;   278     padding: 10px 16px;
279 }   279 }
280     280  
281 section[name='order-info'] .form-check, form[name='ChangeUserInformation'] .form-check {   281 section[name='order-info'] .form-check, form[name='ChangeUserInformation'] .form-check {
282     padding-left: 2.25rem;   282     padding-left: 2.25rem;
283 }   283 }
284     284  
285 .transaction-label {   285 .transaction-label {
286     width: 33%;   286     width: 33%;
287 }   287 }
288     288  
289 #researcher-tags-input {   289 #researcher-tags-input {
290     width: 100%;   290     width: 100%;
291 }   291 }
292 a.offscreen{   292 a.offscreen{
293     clip-path: inset(100%);   293     clip-path: inset(100%);
294     clip: rect(1px 1px 1px 1px); /* IE 6/7 */   294     clip: rect(1px 1px 1px 1px); /* IE 6/7 */
295     clip: rect(1px, 1px, 1px, 1px);   295     clip: rect(1px, 1px, 1px, 1px);
296     height: 1px;   296     height: 1px;
297     overflow: hidden;   297     overflow: hidden;
298     position: absolute;   298     position: absolute;
299     white-space: nowrap; /* added line */   299     white-space: nowrap; /* added line */
300     width: 1px;   300     width: 1px;
301 }   301 }
302     302  
303 a.offscreen:focus{   303 a.offscreen:focus{
304   position:relative;   304   position:relative;
305   clip:auto;   305   clip:auto;
306   width:auto;   306   width:auto;
307   height:auto;   307   height:auto;
308   overflow:auto;   308   overflow:auto;
309 }   309 }
310     310  
311 .hidden{   311 .hidden{
312     display: none;   312     display: none;
313 }   313 }
314     314  
315 .modal-footer{   315 .modal-footer{
316     padding: 0rem;   316     padding: 0rem;
317 }   317 }
318     318  
319 /* Tooltip container */   319 /* Tooltip container */
320 .tool-tip {   320 .tool-tip {
321     display: inline-block;   321     display: inline-block;
322     position: relative;   322     position: relative;
323 }   323 }
324     324  
325 /* Tooltip text */   325 /* Tooltip text */
326 .tool-tip .tool-tip-text {   326 .tool-tip .tool-tip-text {
327     background-color: #555;   327     background-color: #555;
328     border-radius: 6px;   328     border-radius: 6px;
329     color: #fff;   329     color: #fff;
330     font-size: small;   330     font-size: small;
331     padding: 5px 0;   331     padding: 5px 0;
332     text-align: center;   332     text-align: center;
333     visibility: hidden;   333     visibility: hidden;
334     334  
335     /* Position the tooltip text */   335     /* Position the tooltip text */
336     bottom: 125%;   336     bottom: 125%;
337     left: 0%;   337     left: 0%;
338     position: absolute;   338     position: absolute;
339     z-index: 1;   339     z-index: 1;
340     340  
341     /* Fade in tooltip */   341     /* Fade in tooltip */
342     opacity: 0;   342     opacity: 0;
343     transition: opacity 0.3s;   343     transition: opacity 0.3s;
344 }   344 }
345     345  
346 /* Tooltip arrow */   346 /* Tooltip arrow */
347 .tool-tip .tool-tip-text::after {   347 .tool-tip .tool-tip-text::after {
348     border-color: #555 transparent transparent transparent;   348     border-color: #555 transparent transparent transparent;
349     border-style: solid;   349     border-style: solid;
350     border-width: 5px;   350     border-width: 5px;
351     content: "";   351     content: "";
352     left: 50%;   352     left: 50%;
353     margin-left: -5px;   353     margin-left: -5px;
354     position: absolute;   354     position: absolute;
355     top: 100%;   355     top: 100%;
356 }   356 }
357     357  
358 /* Show the tooltip text when you mouse over the tooltip container */   358 /* Show the tooltip text when you mouse over the tooltip container */
359 .tool-tip:hover .tool-tip-text {   359 .tool-tip:hover .tool-tip-text {
360     opacity: 1;   360     opacity: 1;
361     visibility: visible;   361     visibility: visible;
362 }   362 }
363     363  
364 .form-inline{   364 .form-inline{
365     margin: 20px;   365     margin: 20px;
366 }   366 }
367     367  
368 .btn-outline-primary{   368 .btn-outline-primary{
369     color: #fff;   369     color: #fff;
370     border-color: #fff;   370     border-color: #fff;
371     font-size: 26px;   371     font-size: 26px;
372 }   372 }
373     373  
374 .btn-outline-primary:hover{   374 .btn-outline-primary:hover{
375     background-color:#52b3d9;   375     background-color:#52b3d9;
376     color: #000;   376     color: #000;
377     border-color: #52b3d9;   377     border-color: #52b3d9;
378 }   378 }
379     379  
380 #searchType, #SearchTypeAll {   380 #searchType, #SearchTypeAll {
381     display: inline !important;   381     display: inline !important;
382 }   382 }
383     383  
384 .fa-stack {   384 .fa-stack {
385     display: inline-block;   385     display: inline-block;
386     height: 1.4em;   386     height: 1.4em;
387     line-height: 1em;   387     line-height: 1em;
388     position: relative;   388     position: relative;
389     width: 1em;   389     width: 1em;
390 }   390 }

   
File: Lending\css\illiad.css  
1 /* = 1 /*
2 LEGAL   2 LEGAL
3 =====   3 =====
4 Copyright 2021 Atlas Systems, Inc. http://www.atlas-sys.com <> 4 Copyright 2022 Atlas Systems, Inc. http://www.atlas-sys.com
5 */ = 5 */
6     6  
7 @import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');   7 @import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');
8     8  
9 body {   9 body {
10     font-family: 'Roboto', sans-serif;   10     font-family: 'Roboto', sans-serif;
11 }   11 }
12     12  
13 /*These are CSS classes for the headers*/   13 /*These are CSS classes for the headers*/
14 h1,h2,h3,h4,h5,h6 { <> 14 h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
15     font-family: 'Open Sans', sans-serif; = 15     font-family: 'Open Sans', sans-serif;
16 }   16 }
17     17  
18 h1,h2,h3,h4,h5 { <> 18 h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
19     color:#08415c; = 19     color:#08415c;
20 }   20 }
21     21  
22 h1 {   22 h1 {
23     font-size: 48px;   23     font-size: 48px;
24     padding: 10px;   24     padding: 10px;
25     text-align: center;   25     text-align: center;
26 }   26 }
27     27  
28 h2 {   28 h2 {
29     font-size: 30px;   29     font-size: 30px;
30     padding: 10px 0 8px;   30     padding: 10px 0 8px;
31 }   31 }
32     32  
33 .header-special, .header-detailed {   33 .header-special, .header-detailed {
34     margin-top: 1.5rem;   34     margin-top: 1.5rem;
35     font-size: 26px;   35     font-size: 26px;
36     padding: 15px 0 0;   36     padding: 15px 0 0;
37 }   37 }
38     38  
39 .page-header {   39 .page-header {
40     font-size: 26px;   40     font-size: 26px;
41     padding: 15px 0 0;   41     padding: 15px 0 0;
42 }   42 }
43     43  
44 .section-header {   44 .section-header {
45     font-size: 24px;   45     font-size: 24px;
46     padding: 0 0 10px;   46     padding: 0 0 10px;
47 }   47 }
48     48  
49 img {   49 img {
50     vertical-align: middle;   50     vertical-align: middle;
51     border-style: none;   51     border-style: none;
52     height: 110px;   52     height: 110px;
53 }   53 }
54     54  
55 .card-body {   55 .card-body {
56     padding: 0.75rem 1.25rem;   56     padding: 0.75rem 1.25rem;
57 }   57 }
58     58  
59 .card-title {   59 .card-title {
60     color: #08415c;   60     color: #08415c;
61     font-size: 22px;   61     font-size: 22px;
62     padding: 10px 0 0;   62     padding: 10px 0 0;
63 }   63 }
64     64  
65 label {   65 label {
66     font: bold 16px;   66     font: bold 16px;
67     width: 100%;   67     width: 100%;
68 }   68 }
69     69  
70 p {   70 p {
71     color: #868e96; <> 71     color: #5f5e5e;
72     font-size: 16px; = 72     font-size: 16px;
73     padding: 10px;   73     padding: 10px;
74     74  
75 }   75 }
76     76  
77 a {   77 a {
78     color: #08415c;   78     color: #08415c;
79     text-decoration: none;   79     text-decoration: none;
80 }   80 }
81     81  
82 ul {   82 ul {
83     color: #868e96; <> 83     color: #5f5e5e;
84     font-size: 16px; = 84     font-size: 16px;
85     padding: 0 0 0 25px;   85     padding: 0 0 0 25px;
86     word-wrap: normal;   86     word-wrap: normal;
87 }   87 }
88     88  
89 .small-notes {   89 .small-notes {
90     color: #868e96; <> 90     color: #5f5e5e;
91     font-size: 14px; = 91     font-size: 14px;
92     padding: 4px 0 0;   92     padding: 4px 0 0;
93 }   93 }
94     94  
95 .common-note {   95 .common-note {
96     color: #868e96; <> 96     color: #5f5e5e;
97     font-size: 16px; = 97     font-size: 16px;
98     padding: 6px 0px;   98     padding: 6px 0px;
99 }   99 }
100     100  
101 .req {   101 .req {
102     color: #c74827; <> 102     color: #b81f18;
103     font-size: 12px; = 103     font-size: 12px;
104     padding:0 0 0 6px;   104     padding:0 0 0 6px;
105     text-align: right;   105     text-align: right;
106 }   106 }
107     107  
108 .fas {   108 .fas {
109     font-size: 16px;   109     font-size: 16px;
110 }   110 }
111     111  
112 form section {   112 form section {
113     background-color: #e2e3e5;   113     background-color: #e2e3e5;
114     margin-bottom: 40px;   114     margin-bottom: 40px;
115     padding: 15px;   115     padding: 15px;
116 }   116 }
117     117  
118 /*These are the CSS classes for the header and footer */   118 /*These are the CSS classes for the header and footer */
119 .head {   119 .head {
120     background-color: #fff;   120     background-color: #fff;
121     height: auto;   121     height: auto;
122     padding: 10px;   122     padding: 10px;
123     text-align: center;   123     text-align: center;
124     width: 100%;   124     width: 100%;
125 }   125 }
126     126  
127 .foot {   127 .foot {
128     border-top: 1px solid #0000001a;   128     border-top: 1px solid #0000001a;
129     font-size: 14px;   129     font-size: 14px;
130     margin-top: 1rem;   130     margin-top: 1rem;
131     padding: 1rem 0;   131     padding: 1rem 0;
132 }   132 }
133     133  
134 #status br {   134 #status br {
135     display: none;   135     display: none;
136 }   136 }
137     137  
138 .info-block {   138 .info-block {
139     border-bottom: 1px solid #0000001a;   139     border-bottom: 1px solid #0000001a;
140     margin-bottom: 1rem;   140     margin-bottom: 1rem;
141     padding: 1rem 0;   141     padding: 1rem 0;
142 }   142 }
143     143  
144 .bold {   144 .bold {
145     font-weight: bold;   145     font-weight: bold;
146 }   146 }
147     147  
148 /* Theses are CSS styling classes for logon/logout pages*/   148 /* Theses are CSS styling classes for logon/logout pages*/
149 .logon-directions {   149 .logon-directions {
150     border-bottom: 1px solid #0000001a;   150     border-bottom: 1px solid #0000001a;
151     font-size: 18px;   151     font-size: 18px;
152     margin-bottom: 1rem;   152     margin-bottom: 1rem;
153     padding: 1rem 0;   153     padding: 1rem 0;
154 }   154 }
155     155  
156 .logout-message {   156 .logout-message {
157    font-size: 16px;   157    font-size: 16px;
158 }   158 }
159     159  
160 .logon-field {   160 .logon-field {
161     padding: 0 15px 0 0;   161     padding: 0 15px 0 0;
162 }   162 }
163     163  
164 .forgot-password-link, .first-time-link{   164 .forgot-password-link, .first-time-link{
165     padding: 10px 0 0;   165     padding: 10px 0 0;
166 }   166 }
167     167  
168 /*These are CSS classes for the buttons*/   168 /*These are CSS classes for the buttons*/
169 .btn-primary, .btn-secondary, .btn-light {   169 .btn-primary, .btn-secondary, .btn-light {
170     border: none;   170     border: none;
171     margin: 10px 0;   171     margin: 10px 0;
172 }   172 }
173     173  
174 .btn-primary {   174 .btn-primary {
175     background-color: #08415c;   175     background-color: #08415c;
176     color: #fff;   176     color: #fff;
177     margin: 10px 5px 10px 0;   177     margin: 10px 5px 10px 0;
178 }   178 }
179     179  
180 .btn-primary:disabled {   180 .btn-primary:disabled {
181     background-color: #08415c;   181     background-color: #08415c;
182 }   182 }
183     183  
184 .btn-secondary {   184 .btn-secondary {
185     background-color: #e2e3e5;   185     background-color: #e2e3e5;
186     color: #08415c;   186     color: #08415c;
187     margin: 10px 5px 10px 0;   187     margin: 10px 5px 10px 0;
188 }   188 }
189     189  
190 .btn-primary:hover {   190 .btn-primary:hover {
191     background-color: #52b3d9;   191     background-color: #52b3d9;
192     color: #05171f;   192     color: #05171f;
193     text-decoration: underline;   193     text-decoration: underline;
194 }   194 }
195     195  
196 .btn-secondary:hover, .dropdown-item:focus, .dropdown-item:not(.disabled):hover {   196 .btn-secondary:hover, .dropdown-item:focus, .dropdown-item:not(.disabled):hover {
197     background-color: #a4a5a5;   197     background-color: #a4a5a5;
198     color: #05171f;   198     color: #05171f;
199     text-decoration: underline;   199     text-decoration: underline;
200 }   200 }
201     201  
202 .badge-primary {   202 .badge-primary {
203     background-color: #08415c;   203     background-color: #08415c;
204 }   204 }
205     205  
206 .selectOptions {   206 .selectOptions {
207     color: #08415c;   207     color: #08415c;
208     padding: 20px 12px 6px;   208     padding: 20px 12px 6px;
209 }   209 }
210     210  
211 /*These are CSS alert styling classes*/   211 /*These are CSS alert styling classes*/
212 .btn-alert {   212 .btn-alert {
213     color: #c74827;   213     color: #c74827;
214     font-size: 14px;   214     font-size: 14px;
215     padding: 4px 12px 6px;   215     padding: 4px 12px 6px;
216 }   216 }
217     217  
218 .btn-alert:hover {   218 .btn-alert:hover {
219     color: #08415c;   219     color: #08415c;
220 }   220 }
221     221  
222 .alerts-bar{   222 .alerts-bar{
223     background-color: #f1f4f7;   223     background-color: #f1f4f7;
224     margin: 0 0 20px;   224     margin: 0 0 20px;
225     text-align: center;   225     text-align: center;
226 }   226 }
227     227  
228 /*These are CSS styling classes for the navigation bar*/   228 /*These are CSS styling classes for the navigation bar*/
229 .main-navbar {   229 .main-navbar {
230     background-color: #08415c;   230     background-color: #08415c;
231     color: #000;   231     color: #000;
232     padding: 5px;   232     padding: 5px;
233     font: bold 26px 'Open Sans', sans-serif;   233     font: bold 26px 'Open Sans', sans-serif;
234     font-kerning: auto;   234     font-kerning: auto;
235 }   235 }
236     236  
237 nav li {   237 nav li {
238     margin: 0px 0px 0px 12px;   238     margin: 0px 0px 0px 12px;
239 }   239 }
240     240  
241 nav li a {   241 nav li a {
242     font: bolder 18px 'Open Sans', sans-serif;   242     font: bolder 18px 'Open Sans', sans-serif;
243     text-decoration: none;   243     text-decoration: none;
244 }   244 }
245     245  
246 .navbar-dark .navbar-nav .nav-link {   246 .navbar-dark .navbar-nav .nav-link {
247     color: #e0e0e0;   247     color: #e0e0e0;
248 }   248 }
249     249  
250 .dropdown-item {   250 .dropdown-item {
251     font-size: 14px;   251     font-size: 14px;
252 }   252 }
253     253  
254 /*These are the CSS Styling classes for search*/   254 /*These are the CSS Styling classes for search*/
255 #no-results-message {   255 #no-results-message {
256     color: #868e96;   256     color: #868e96;
257     font-size: 16px;   257     font-size: 16px;
258     padding: 4px 0 0;   258     padding: 4px 0 0;
259 }   259 }
260     260  
261 .ui-datepicker-trigger {   261 .ui-datepicker-trigger {
262     width: 35px;   262     width: 35px;
263 }   263 }
264     264  
265 .visit-date {   265 .visit-date {
266     padding-left: 0px;   266     padding-left: 0px;
267 }   267 }
268     268  
269 .researcher-tag-count {   269 .researcher-tag-count {
270     padding: 0 5px 0 0;   270     padding: 0 5px 0 0;
271 }   271 }
272     272  
273 .checkbox {   273 .checkbox {
274     padding-top: 20px;   274     padding-top: 20px;
275 }   275 }
276     276  
277 .form-checkbox {   277 .form-checkbox {
278     padding: 10px 16px;   278     padding: 10px 16px;
279 }   279 }
280     280  
281 section[name='order-info'] .form-check, form[name='ChangeUserInformation'] .form-check {   281 section[name='order-info'] .form-check, form[name='ChangeUserInformation'] .form-check {
282     padding-left: 2.25rem;   282     padding-left: 2.25rem;
283 }   283 }
284     284  
285 .transaction-label {   285 .transaction-label {
286     width: 33%;   286     width: 33%;
287 }   287 }
288     288  
289 #researcher-tags-input {   289 #researcher-tags-input {
290     width: 100%;   290     width: 100%;
291 }   291 }
292 a.offscreen{   292 a.offscreen{
293     clip-path: inset(100%);   293     clip-path: inset(100%);
294     clip: rect(1px 1px 1px 1px); /* IE 6/7 */   294     clip: rect(1px 1px 1px 1px); /* IE 6/7 */
295     clip: rect(1px, 1px, 1px, 1px);   295     clip: rect(1px, 1px, 1px, 1px);
296     height: 1px;   296     height: 1px;
297     overflow: hidden;   297     overflow: hidden;
298     position: absolute;   298     position: absolute;
299     white-space: nowrap; /* added line */   299     white-space: nowrap; /* added line */
300     width: 1px;   300     width: 1px;
301 }   301 }
302     302  
303 a.offscreen:focus{   303 a.offscreen:focus{
304   position:relative;   304   position:relative;
305   clip:auto;   305   clip:auto;
306   width:auto;   306   width:auto;
307   height:auto;   307   height:auto;
308   overflow:auto;   308   overflow:auto;
309 }   309 }
310     310  
311 .hidden{   311 .hidden{
312     display: none;   312     display: none;
313 }   313 }
314     314  
315 .modal-footer{   315 .modal-footer{
316     padding: 0rem;   316     padding: 0rem;
317 }   317 }
318     318  
319 /* Tooltip container */   319 /* Tooltip container */
320 .tool-tip {   320 .tool-tip {
321     display: inline-block;   321     display: inline-block;
322     position: relative;   322     position: relative;
323 }   323 }
324     324  
325 /* Tooltip text */   325 /* Tooltip text */
326 .tool-tip .tool-tip-text {   326 .tool-tip .tool-tip-text {
327     background-color: #555;   327     background-color: #555;
328     border-radius: 6px;   328     border-radius: 6px;
329     color: #fff;   329     color: #fff;
330     font-size: small;   330     font-size: small;
331     padding: 5px 0;   331     padding: 5px 0;
332     text-align: center;   332     text-align: center;
333     visibility: hidden;   333     visibility: hidden;
334     334  
335     /* Position the tooltip text */   335     /* Position the tooltip text */
336     bottom: 125%;   336     bottom: 125%;
337     left: 0%;   337     left: 0%;
338     position: absolute;   338     position: absolute;
339     z-index: 1;   339     z-index: 1;
340     340  
341     /* Fade in tooltip */   341     /* Fade in tooltip */
342     opacity: 0;   342     opacity: 0;
343     transition: opacity 0.3s;   343     transition: opacity 0.3s;
344 }   344 }
345     345  
346 /* Tooltip arrow */   346 /* Tooltip arrow */
347 .tool-tip .tool-tip-text::after {   347 .tool-tip .tool-tip-text::after {
348     border-color: #555 transparent transparent transparent;   348     border-color: #555 transparent transparent transparent;
349     border-style: solid;   349     border-style: solid;
350     border-width: 5px;   350     border-width: 5px;
351     content: "";   351     content: "";
352     left: 50%;   352     left: 50%;
353     margin-left: -5px;   353     margin-left: -5px;
354     position: absolute;   354     position: absolute;
355     top: 100%;   355     top: 100%;
356 }   356 }
357     357  
358 /* Show the tooltip text when you mouse over the tooltip container */   358 /* Show the tooltip text when you mouse over the tooltip container */
359 .tool-tip:hover .tool-tip-text {   359 .tool-tip:hover .tool-tip-text {
360     opacity: 1;   360     opacity: 1;
361     visibility: visible;   361     visibility: visible;
362 }   362 }
363     363  
364 .form-inline{   364 .form-inline{
365     margin: 20px;   365     margin: 20px;
366 }   366 }
367     367  
368 .btn-outline-primary{   368 .btn-outline-primary{
369     color: #fff;   369     color: #fff;
370     border-color: #fff;   370     border-color: #fff;
371     font-size: 26px;   371     font-size: 26px;
372 }   372 }
373     373  
374 .btn-outline-primary:hover{   374 .btn-outline-primary:hover{
375     background-color:#52b3d9;   375     background-color:#52b3d9;
376     color: #000;   376     color: #000;
377     border-color: #52b3d9;   377     border-color: #52b3d9;
378 }   378 }
379     379  
380 #searchType, #SearchTypeAll {   380 #searchType, #SearchTypeAll {
381     display: inline !important;   381     display: inline !important;
382 }   382 }

   
File: Lending\templates\DataRow_DefaultRequest.html  
1 <div class="card requestResult"> = 1 <div class="card requestResult">
2         <div id="request<#DATAROW field='TransactionNumber'>">   2         <div id="request<#DATAROW field='TransactionNumber'>">
3           <div class="card-body">   3           <div class="card-body">
4             <div class="row">   4             <div class="row">
5                 <div class="col-lg-8 col-md-12">   5                 <div class="col-lg-8 col-md-12">
6                     <h4 class="card-title"> <> 6                     <div class="h4 card-title">
7                         <a href="<#ACTION action='10' form='72'>&amp;Value=<#DATAROW field='TransactionNumber'>"><#DATAROW field='Title'></a> = 7                         <a href="<#ACTION action='10' form='72'>&amp;Value=<#DATAROW field='TransactionNumber'>"><#DATAROW field='Title'></a>
8                     </h4> <> 8                     </div>
9                     <h5 class="card-subtitle text-muted"><#DATAROW field='Author'></h5>   9                     <div class="h5 card-subtitle text-muted"><#DATAROW field='Author'></div>
10                 </div> = 10                 </div>
11        11     
12                 <div class="col-lg-4 col-md-12 text-right">   12                 <div class="col-lg-4 col-md-12 text-right">
13                     <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">   13                     <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">
14                     <a class="btn btn-primary" role="button" href="<#ACTION action='10' form='72'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span class="fa fa-info-circle mr-1"></span>Details</a>   14                     <a class="btn btn-primary" role="button" href="<#ACTION action='10' form='72'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span class="fa fa-info-circle mr-1"></span>Details</a>
15        15     
16                         <div class="btn-group" role="group">   16                         <div class="btn-group" role="group">
17                             <button id="btnGroupDrop<#DATAROW field='TransactionNumber'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">   17                             <button id="btnGroupDrop<#DATAROW field='TransactionNumber'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
18                             Actions   18                             Actions
19                             </button>   19                             </button>
20                             <div class="dropdown-menu" aria-labelledby="btnGroupDrop<#DATAROW field='TransactionNumber'>">   20                             <div class="dropdown-menu" aria-labelledby="btnGroupDrop<#DATAROW field='TransactionNumber'>">
21                                 <a class="dropdown-item btn btn-light menuEdit <#DATAROW field='RequestActionAllowed' name='Edit' disabledValue='disabled'>" href="<#ACTION action='20' form='72'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-edit text-primary mr-1"></span>Edit</a>   21                                 <a class="dropdown-item btn btn-light menuEdit <#DATAROW field='RequestActionAllowed' name='Edit' disabledValue='disabled'>" href="<#ACTION action='20' form='72'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-edit text-primary mr-1"></span>Edit</a>
22                                 <a class="dropdown-item btn btn-light menuCancel <#DATAROW field='RequestActionAllowed' name='Cancel' disabledValue='disabled'>" href="<#ACTION action='21' type='10'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-ban text-danger mr-1"></span>Cancel Request</a>   22                                 <a class="dropdown-item btn btn-light menuCancel <#DATAROW field='RequestActionAllowed' name='Cancel' disabledValue='disabled'>" href="<#ACTION action='21' type='10'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-ban text-danger mr-1"></span>Cancel Request</a>
23                                 <div class="<#DATAROW field='RequestType' displayStyle='CompareValue' compareValue='Loan' disabledValue='d-none'>">   23                                 <div class="<#DATAROW field='RequestType' displayStyle='CompareValue' compareValue='Loan' disabledValue='d-none'>">
24                                     <a class="dropdown-item btn btn-light menuRenew <#DATAROW field='RequestActionAllowed' name='Renew' disabledValue='disabled'>" href="<#ACTION action='11' form='67'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-calendar-alt mr-1"></span>Renew</a>   24                                     <a class="dropdown-item btn btn-light menuRenew <#DATAROW field='RequestActionAllowed' name='Renew' disabledValue='disabled'>" href="<#ACTION action='11' form='67'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-calendar-alt mr-1"></span>Renew</a>
25                                 </div>   25                                 </div>
26                                 <a class="dropdown-item btn btn-light menuResubmit <#DATAROW field='RequestActionAllowed' name='Resubmit' disabledValue='disabled'>" href="<#ACTION action='11' form='71'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-redo mr-1"></span>Resubmit Request</a>   26                                 <a class="dropdown-item btn btn-light menuResubmit <#DATAROW field='RequestActionAllowed' name='Resubmit' disabledValue='disabled'>" href="<#ACTION action='11' form='71'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-redo mr-1"></span>Resubmit Request</a>
27                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='Clone' disabledValue='disabled'>" href="<#ACTION action='11' form='110'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-copy text-primary mr-1"></span>Clone Request</a>   27                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='Clone' disabledValue='disabled'>" href="<#ACTION action='11' form='110'>&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-copy text-primary mr-1"></span>Clone Request</a>
28                             </div>   28                             </div>
29                         </div>   29                         </div>
30                     </div>   30                     </div>
31                 </div>   31                 </div>
32             </div>   32             </div>
33     33  
34             <div class="row">   34             <div class="row">
35                 <div class="col-lg-7 col-md-12">   35                 <div class="col-lg-7 col-md-12">
36                     <div class="field text-muted">Transaction Number <span class="field-value font-weight-bold mr-1"><#DATAROW field='TransactionNumber'></span></div>   36                     <div class="field text-muted">Transaction Number <span class="field-value font-weight-bold mr-1"><#DATAROW field='TransactionNumber'></span></div>
37                 </div>   37                 </div>
38                 <div class="col-lg-5 col-md-12 text-right">   38                 <div class="col-lg-5 col-md-12 text-right">
39                     <div class="field mb2 text-muted">   39                     <div class="field mb2 text-muted">
40                         Item Status   40                         Item Status
41                         <span class="field-value font-weight-bold tool-tip">   41                         <span class="field-value font-weight-bold tool-tip">
42                             <#DATAROW field='TransactionStatus'>   42                             <#DATAROW field='TransactionStatus'>
43                             <span class="tool-tip-text">   43                             <span class="tool-tip-text">
44                                 Moved to <#DATAROW field='TransactionStatus'> on    44                                 Moved to <#DATAROW field='TransactionStatus'> on 
45                                 <span class="convert-local" data-iso8601="<#DATAROW field='TransactionDate' display='ISO8601'>"><#DATAROW field='TransactionDate'></span>   45                                 <span class="convert-local" data-iso8601="<#DATAROW field='TransactionDate' display='ISO8601'>"><#DATAROW field='TransactionDate'></span>
46                             </span>   46                             </span>
47                         </span>   47                         </span>
48                     </div>   48                     </div>
49                 </div>   49                 </div>
50             </div>   50             </div>
51     51  
52         </div>   52         </div>
53     </div>   53     </div>
54 </div>   54 </div>
55        55     

   
File: Lending\AboutILLiad.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3     3  
4 <head>   4 <head>
5     <title>About ILLiad</title>   5     <title>About ILLiad</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7 </head>   7 </head>
8     8  
9 <body>   9 <body>
10 <#INCLUDE filename="include_header.html">   10 <#INCLUDE filename="include_header.html">
11 <#INCLUDE filename="include_menu.html" restriction="IsValidSession">   11 <#INCLUDE filename="include_menu.html" restriction="IsValidSession">
12     12  
13 <div class="container">   13 <div class="container">
14     <div id="content"> <> 14     <main id="content" aria-label="Content">
15         <div class="form-group col-md-12"> = 15         <div class="form-group col-md-12">
16             <div class="mt-5 mb-3">OCLC ILLiad is a model, implemented in software, of the interlibrary loan process.</div>   16             <div class="mt-5 mb-3">OCLC ILLiad is a model, implemented in software, of the interlibrary loan process.</div>
17                17             
18             <div class="mt-3 mb-5">Developed in the ILL Department at Virginia Tech, it is the only ILL product created as a result of ILL staff review of the entire ILL operation. The result is a superior product    18             <div class="mt-3 mb-5">Developed in the ILL Department at Virginia Tech, it is the only ILL product created as a result of ILL staff review of the entire ILL operation. The result is a superior product 
19                 which encompasses every action in the ILL process, producing a highly efficient and effective work environment. This environment enhances customer service while significantly    19                 which encompasses every action in the ILL process, producing a highly efficient and effective work environment. This environment enhances customer service while significantly 
20                 reducing costs and staff workload.   20                 reducing costs and staff workload.
21             </div>   21             </div>
22         </div>   22         </div>
23                    23                 
24     </div>     <> 24     </main>    
25              = 25             
26     <#INCLUDE filename="include_footer.html">   26     <#INCLUDE filename="include_footer.html">
27 </div>   27 </div>
28 </body>   28 </body>
29 </html>   29 </html>

   
File: Lending\EditLendingGenericRequestArticle.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3     3  
4 <head>   4 <head>
5     <title>ILLiad - Edit Article Request</title>   5     <title>ILLiad - Edit Article Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7 </head>   7 </head>
8     8  
9 <body>   9 <body>
10     <#INCLUDE filename="include_header.html">   10     <#INCLUDE filename="include_header.html">
11     <#INCLUDE filename="include_menu.html">     11     <#INCLUDE filename="include_menu.html">  
12     12  
    <> 13     <div class="container">
13     <div id="content" class="container" role="heading" aria-label="Content">   14         <main id="content" aria-label="Content">
14         <form action="illiadlending.dll" method="post" name="EditLendingGenericRequestArticle"> = 15             <form action="illiadlending.dll" method="post" name="EditLendingGenericRequestArticle">
15             <input type="hidden" name="ILLiadForm" value="EditLendingGenericRequestArticle">   16                 <input type="hidden" name="ILLiadForm" value="EditLendingGenericRequestArticle">
16             <input type="hidden" name="RequestType" value="<#PARAM name='RequestType'>">   17                 <input type="hidden" name="RequestType" value="<#PARAM name='RequestType'>">
17             <input type="hidden" name="Username" value="<#PARAM name='Username'>">   18                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
18             <input type="hidden" name="SessionID" value="<#PARAM name='SessionID'>">   19                 <input type="hidden" name="SessionID" value="<#PARAM name='SessionID'>">
19             <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">   20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
20             <input type="hidden" name="ESPNumber" value="<#PARAM name='ESPNumber'>">   21                 <input type="hidden" name="ESPNumber" value="<#PARAM name='ESPNumber'>">
21             <input type="hidden" name="CallNumber" value="<#PARAM name='CallNumber'>">   22                 <input type="hidden" name="CallNumber" value="<#PARAM name='CallNumber'>">
22             <input type="hidden" name="NotWantedAfter" value="<#PARAM name='NotWantedAfter'>">   23                 <input type="hidden" name="NotWantedAfter" value="<#PARAM name='NotWantedAfter'>">
23             <#FORMSTATE>   24                 <#FORMSTATE>
24     25  
25             <fieldset>   26                 <fieldset>
26                 <h2 class="page-header">Edit Article Request</h2>    27                     <h2 class="page-header">Edit Article Request</h2> 
27                 <section name="article-info">   28                     <section name="article-info">
28                           29                             
29                     <div class="form-group col-md-9">   30                         <div class="form-group col-md-9">
30                         <label for="PhotoJournalTitle">   31                             <label for="PhotoJournalTitle">
31                             <span class="field">   32                                 <span class="field">
32                                 <span class="<#ERROR name='ERRORPhotoJournalTitle'>">   33                                     <span class="<#ERROR name='ERRORPhotoJournalTitle'>">
33                                     Title (Journal, Conference Proceedings, Anthology)     34                                         Title (Journal, Conference Proceedings, Anthology)  
34                                     <span class="req">(required)</span>   35                                         <span class="req">(required)</span>
35                                 </span>   36                                     </span>
36                                 <br>   37                                     <br>
37                                 <span class="small-notes">   38                                     <span class="small-notes">
38                                     Please do not abbreviate unless your citation is abbreviated     39                                         Please do not abbreviate unless your citation is abbreviated  
39                                 </span>   40                                     </span>
40                             </span>   41                                 </span>
41                             <br>   42                                 <br>
42                         </label>   43                             </label>
43                         <input type="text" class="form-control" name="PhotoJournalTitle" id="PhotoJournalTitle" value="<#PARAM name='PhotoJournalTitle'>" required>    44                             <input type="text" class="form-control" name="PhotoJournalTitle" id="PhotoJournalTitle" value="<#PARAM name='PhotoJournalTitle'>" required> 
44                     </div>     45                         </div>  
45                       46                         
46                     <div class="form-group col-md-9">    47                         <div class="form-group col-md-9"> 
47                         <label for="PhotoArticleTitle">   48                             <label for="PhotoArticleTitle">
48                             <span class="field">   49                                 <span class="field">
49                                 <span class="<#ERROR name='ERRORPhotoArticleTitle'>">   50                                     <span class="<#ERROR name='ERRORPhotoArticleTitle'>">
50                                     Article Title      51                                         Article Title   
51                                     <span class="req">(required)</span>   52                                         <span class="req">(required)</span>
52                                 </span>   53                                     </span>
53                             </span>   54                                 </span>
54                         </label>   55                             </label>
55                         <input type="text" class="form-control" name="PhotoArticleTitle" id="PhotoArticleTitle" value="<#PARAM name='PhotoArticleTitle'>" required>   56                             <input type="text" class="form-control" name="PhotoArticleTitle" id="PhotoArticleTitle" value="<#PARAM name='PhotoArticleTitle'>" required>
56                     </div>   57                         </div>
57     58  
58                     <div class="form-group col-md-9">    59                         <div class="form-group col-md-9"> 
59                         <label for="PhotoArticleAuthor">   60                             <label for="PhotoArticleAuthor">
60                             <span class="field">   61                                 <span class="field">
61                                <span class="<#ERROR name='ERRORPhotoArticleAuthor'>">   62                                 <span class="<#ERROR name='ERRORPhotoArticleAuthor'>">
62                                       Article Author      63                                         Article Author   
63                                 </span>   64                                     </span>
64                             </span>   65                                 </span>
65                         </label>   66                             </label>
66                         <input type="text" class="form-control" name="PhotoArticleAuthor" id="PhotoArticleAuthor" value="<#PARAM name='PhotoArticleAuthor'>">   67                             <input type="text" class="form-control" name="PhotoArticleAuthor" id="PhotoArticleAuthor" value="<#PARAM name='PhotoArticleAuthor'>">
67                     </div>   68                         </div>
68                           69                             
69                     <div class="form-group col-md-9">   70                         <div class="form-group col-md-9">
70                         <label for="PhotoJournalVolume">   71                             <label for="PhotoJournalVolume">
71                             <span class="field">   72                                 <span class="field">
72                                 <span class="<#ERROR name='ERRORPhotoJournalVolume'>">   73                                     <span class="<#ERROR name='ERRORPhotoJournalVolume'>">
73                                     Volume   74                                         Volume
74                                 </span>   75                                     </span>
75                             </span>   76                                 </span>
76                         </label>   77                             </label>
77                         <input type="text" class="form-control" name="PhotoJournalVolume" id="PhotoJournalVolume" value="<#PARAM name='PhotoJournalVolume'>">   78                             <input type="text" class="form-control" name="PhotoJournalVolume" id="PhotoJournalVolume" value="<#PARAM name='PhotoJournalVolume'>">
78                     </div>   79                         </div>
79                   80                     
80                     <div class="form-group col-md-9">   81                         <div class="form-group col-md-9">
81                         <label for="PhotoJournalIssue">   82                             <label for="PhotoJournalIssue">
82                             <span class="field">   83                                 <span class="field">
83                                 <span class="<#ERROR name='ERRORPhotoJournalIssue'>">   84                                     <span class="<#ERROR name='ERRORPhotoJournalIssue'>">
84                                     Issue Number or Designation   85                                         Issue Number or Designation
85                                 </span>   86                                     </span>
86                             </span>   87                                 </span>
87                         </label>   88                             </label>
88                         <input type="text" class="form-control" name="PhotoJournalIssue" id="PhotoJournalIssue" value="<#PARAM name='PhotoJournalIssue'>">   89                             <input type="text" class="form-control" name="PhotoJournalIssue" id="PhotoJournalIssue" value="<#PARAM name='PhotoJournalIssue'>">
89                     </div>   90                         </div>
90                                   91                                     
91                     <div class="form-group col-md-9">   92                         <div class="form-group col-md-9">
92                         <label for="PhotoJournalMonth">   93                             <label for="PhotoJournalMonth">
93                             <span class="field">   94                                 <span class="field">
94                                 <span class="<#ERROR name='ERRORPhotoJournalMonth'>">   95                                     <span class="<#ERROR name='ERRORPhotoJournalMonth'>">
95                                     Month   96                                         Month
96                                 </span>   97                                     </span>
97                             </span>   98                                 </span>
98                         </label>   99                             </label>
99                         <input type="text" class="form-control" name="PhotoJournalMonth" id="PhotoJournalMonth" value="<#PARAM name='PhotoJournalMonth'>">   100                             <input type="text" class="form-control" name="PhotoJournalMonth" id="PhotoJournalMonth" value="<#PARAM name='PhotoJournalMonth'>">
100                     </div>   101                         </div>
101                   102                     
102                     <div class="form-group col-md-9">   103                         <div class="form-group col-md-9">
103                         <label for="PhotoJournalYear">   104                             <label for="PhotoJournalYear">
104                             <span class="field">   105                                 <span class="field">
105                                 <span class="<#ERROR name='ERRORPhotoJournalYear'>">   106                                     <span class="<#ERROR name='ERRORPhotoJournalYear'>">
106                                     Year      107                                         Year   
107                                 </span>   108                                     </span>
108                             </span>   109                                 </span>
109                         </label>   110                             </label>
110                         <input type="text" class="form-control" name="PhotoJournalYear" id="PhotoJournalYear" value="<#PARAM name='PhotoJournalYear'>">   111                             <input type="text" class="form-control" name="PhotoJournalYear" id="PhotoJournalYear" value="<#PARAM name='PhotoJournalYear'>">
111                     </div>   112                         </div>
112                   113                     
113                     <div class="form-group col-md-9">   114                         <div class="form-group col-md-9">
114                         <label for="PhotoJournalInclusivePages">   115                             <label for="PhotoJournalInclusivePages">
115                             <span class="field">   116                                 <span class="field">
116                                 <span class="<#ERROR name='ERRORPhotoJournalInclusivePages'>">   117                                     <span class="<#ERROR name='ERRORPhotoJournalInclusivePages'>">
117                                     Inclusive Pages      118                                         Inclusive Pages   
118                                 </span>   119                                     </span>
119                             </span>   120                                 </span>
120                         </label>   121                             </label>
121                         <input type="text" class="form-control" name="PhotoJournalInclusivePages" id="PhotoJournalInclusivePages" value="<#PARAM name='PhotoJournalInclusivePages'>">   122                             <input type="text" class="form-control" name="PhotoJournalInclusivePages" id="PhotoJournalInclusivePages" value="<#PARAM name='PhotoJournalInclusivePages'>">
122                     </div>   123                         </div>
123                               124                                 
124                     <div class="form-group col-md-9">   125                         <div class="form-group col-md-9">
125                         <label for="ISSN">   126                             <label for="ISSN">
126                             <span class="field">   127                                 <span class="field">
127                                 <span class="<#ERROR name='ERRORISSN'>">    128                                     <span class="<#ERROR name='ERRORISSN'>"> 
128                                     ISSN (International Standard Serial Number)      129                                         ISSN (International Standard Serial Number)   
129                                 </span>   130                                     </span>
130                              <br>   131                                 <br>
131                                 <span class="small-notes">   132                                     <span class="small-notes">
132                                     If given will speed request processing   133                                         If given will speed request processing
133                                 </span>   134                                     </span>
134                             </span>   135                                 </span>
135                         </label>   136                             </label>
136                         <input type="text" class="form-control" name="ISSN" id="ISSN" value="<#PARAM name='ISSN'>">   137                             <input type="text" class="form-control" name="ISSN" id="ISSN" value="<#PARAM name='ISSN'>">
137                     </div>   138                         </div>
138                   139                     
139                     <!--<div class="form-group col-md-9">   140                         <!--<div class="form-group col-md-9">
140                         <label for="CallNumber">   141                             <label for="CallNumber">
141                             <span class="field">   142                                 <span class="field">
142                                 <span class="<#ERROR name='ERRORCallNumber'>">   143                                     <span class="<#ERROR name='ERRORCallNumber'>">
143                                     Call Number      144                                         Call Number   
      145                                     </span>
144                                 </span>   146                                 </span>
145                             </span>      
146                         </label>   147                             </label>
147                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   148                             <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
148                     </div>   149                         </div>
149                   150                     
150                     <div class="form-group col-md-9">   151                         <div class="form-group col-md-9">
151                         <label for="ESPNumber">   152                             <label for="ESPNumber">
152                             <span class="field">   153                                 <span class="field">
153                                 <span class="<#ERROR name='ERRORESPNumber'>">   154                                     <span class="<#ERROR name='ERRORESPNumber'>">
154                                     OCLC or Docline UI Number      155                                         OCLC or Docline UI Number   
      156                                     </span>
155                                 </span>   157                                 </span>
156                             </span>      
157                         </label>   158                             </label>
158                         <input type="text" class="form-control" name="ESPNumber" id="ESPNumber" value="<#PARAM name='ESPNumber'>">   159                             <input type="text" class="form-control" name="ESPNumber" id="ESPNumber" value="<#PARAM name='ESPNumber'>">
159                     </div>-->   160                         </div>-->
160                   161                     
161                     <div class="form-group col-md-9">   162                         <div class="form-group col-md-9">
162                         <label for="Rush">   163                             <label for="Rush">
163                             <span class="field">   164                                 <span class="field">
164                                 <span class="<#ERROR name='ERRORRush'>">   165                                     <span class="<#ERROR name='ERRORRush'>">
165                                     What service level would you like?   166                                         What service level would you like?
166                                 </span>   167                                     </span>
167                                 <br>   168                                     <br>
168                                 <span class="small-notes">   169                                     <span class="small-notes">
169                                     Rush service may incur additional charges.   170                                         Rush service may incur additional charges.
170                                 </span>   171                                     </span>
171                             </span>   172                                 </span>
172                         </label>   173                             </label>
173                         <select id="Rush" name="Rush" size="1" class="custom-select mr-sm-2" data-persistedValue="<#PARAM name='Rush'>">   174                             <select id="Rush" name="Rush" size="1" class="custom-select mr-sm-2" data-persistedValue="<#PARAM name='Rush'>">
174                             <option value="Regular">Regular</option>   175                                 <option value="Regular">Regular</option>
175                             <option value="Rush">Rush</option>   176                                 <option value="Rush">Rush</option>
176                         </select>   177                             </select>
177                     </div>   178                         </div>
178                   179                     
179                     <div class="form-group col-md-9">   180                         <div class="form-group col-md-9">
180                         <label for="MaxCost">   181                             <label for="MaxCost">
181                             <span class="field">   182                                 <span class="field">
182                                 <span class="<#ERROR name='ERRORMaxCost'>">   183                                     <span class="<#ERROR name='ERRORMaxCost'>">
183                                     What is the maxcost you would pay for this item?   184                                         What is the maxcost you would pay for this item?
184                                 </span>   185                                     </span>
185                             </span>   186                                 </span>
186                             <br>   187                                 <br>
187                         </label>   188                             </label>
188                         <input type="text" class="form-control" name="MaxCost" id="MaxCost" value="<#PARAM name='MaxCost'>">   189                             <input type="text" class="form-control" name="MaxCost" id="MaxCost" value="<#PARAM name='MaxCost'>">
189                     </div>   190                         </div>
190                   191                     
191                     <div class="form-group col-md-9">   192                         <div class="form-group col-md-9">
192                         <label for="Notes">   193                             <label for="Notes">
193                             <span class="field">   194                                 <span class="field">
194                                 <span class="<#ERROR name='ERRORNotes'>">     195                                     <span class="<#ERROR name='ERRORNotes'>">  
195                                     Notes      196                                         Notes   
196                                 </span><br>   197                                     </span><br>
197                                 <span class="small-notes">Put any information here that may help us find the item, as well as any other pertinent information.</span>   198                                     <span class="small-notes">Put any information here that may help us find the item, as well as any other pertinent information.</span>
198                             </span>   199                                 </span>
199                         </label>   200                             </label>
200                         <textarea id="Notes" name="Notes" rows="2" cols="40" class="form-control"><#PARAM name='Notes'></textarea><br>   201                             <textarea id="Notes" name="Notes" rows="2" cols="40" class="form-control"><#PARAM name='Notes'></textarea><br>
201                     </div>   202                         </div>
202                 </section>   203                     </section>
203                 <#INCLUDE filename="include_request_cited.html">                   204                     <#INCLUDE filename="include_request_cited.html">                
204                 <#INCLUDE filename="include_request_buttons.html">   205                     <#INCLUDE filename="include_request_buttons.html">
205             </fieldset>   206                 </fieldset>
206         </form>        207             </form>
    -+ 208         </main> 
207         <#INCLUDE filename="include_footer.html"> = 209         <#INCLUDE filename="include_footer.html">
208     </div>   210     </div>
209 </body>   211 </body>
210 </html>   212 </html>

   
File: Lending\EditLendingGenericRequestLoan.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3     3  
4 <head>   4 <head>
5     <title>ILLiad - Edit Loan Request</title>   5     <title>ILLiad - Edit Loan Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7 </head>   7 </head>
8     8  
9 <body>   9 <body>
10     <#INCLUDE filename="include_header.html">   10     <#INCLUDE filename="include_header.html">
11     <#INCLUDE filename="include_menu.html">    11     <#INCLUDE filename="include_menu.html"> 
12     12  
    <> 13     <div class="container">
13     <div id="content" class="container" role="heading" aria-label="Content">   14         <main id="content" aria-label="Content">
14         <form action="illiadlending.dll" method="post" name="EditLendingGenericRequestLoan"> = 15             <form action="illiadlending.dll" method="post" name="EditLendingGenericRequestLoan">
15             <input type="hidden" name="ILLiadForm" value="EditLendingGenericRequestLoan">   16                 <input type="hidden" name="ILLiadForm" value="EditLendingGenericRequestLoan">
16             <input type="hidden" name="Username" value="<#PARAM name='Username'>">   17                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
17             <input type="hidden" name="SessionID" value="<#PARAM name='SessionID'>">   18                 <input type="hidden" name="SessionID" value="<#PARAM name='SessionID'>">
18             <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">   19                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
19             <input type="hidden" name="ESPNumber" value="<#PARAM name='ESPNumber'>">   20                 <input type="hidden" name="ESPNumber" value="<#PARAM name='ESPNumber'>">
20             <input type="hidden" name="CallNumber" value="<#PARAM name='CallNumber'>">   21                 <input type="hidden" name="CallNumber" value="<#PARAM name='CallNumber'>">
21             <input type="hidden" name="NotWantedAfter" value="<#PARAM name='NotWantedAfter'>">   22                 <input type="hidden" name="NotWantedAfter" value="<#PARAM name='NotWantedAfter'>">
22             <#FORMSTATE>   23                 <#FORMSTATE>
23     24  
24             <fieldset>   25                 <fieldset>
25                 <h2 class="page-header">Loan Request</h2>    26                     <h2 class="page-header">Loan Request</h2> 
26                 <section name="loan-info">   27                     <section name="loan-info">
27     28  
28                     <div class="form-group col-md-9">   29                         <div class="form-group col-md-9">
29                         <label for="LoanTitle">   30                             <label for="LoanTitle">
30                             <span class="field">   31                                 <span class="field">
31                                 <span class="<#ERROR name='ERRORLoanTitle'>">   32                                     <span class="<#ERROR name='ERRORLoanTitle'>">
32                                     Title     33                                         Title  
33                                     <span class="req">   34                                         <span class="req">
34                                         (required)   35                                             (required)
35                                     </span>   36                                         </span>
36                                 </span>   37                                     </span>
37                                 <br>   38                                     <br>
38                                 <span class="small-notes">   39                                     <span class="small-notes">
39                                     Please do not abbreviate unless your citation is abbreviated     40                                         Please do not abbreviate unless your citation is abbreviated  
40                                 </span>   41                                     </span>
41                             </span>   42                                 </span>
42                             <br>   43                                 <br>
43                         </label>   44                             </label>
44                         <input type="text" class="form-control" name="LoanTitle" id="LoanTitle" value="<#PARAM name='LoanTitle'>" required>    45                             <input type="text" class="form-control" name="LoanTitle" id="LoanTitle" value="<#PARAM name='LoanTitle'>" required> 
45                     </div>     46                         </div>  
46     47  
47                     <div class="form-group col-md-9">    48                         <div class="form-group col-md-9"> 
48                         <label for="LoanAuthor">   49                             <label for="LoanAuthor">
49                             <span class="field">   50                                 <span class="field">
50                                <span class="<#ERROR name='ERRORLoanAuthor'>">   51                                 <span class="<#ERROR name='ERRORLoanAuthor'>">
51                                     Author    52                                         Author 
52                                     <span class="req">   53                                         <span class="req">
53                                         (required)   54                                             (required)
54                                     </span>      55                                         </span>   
55                                 </span>   56                                     </span>
56                             </span>   57                                 </span>
57                         </label>   58                             </label>
58                         <input type="text" class="form-control" name="LoanAuthor" id="LoanAuthor" value="<#PARAM name='LoanAuthor'>" required>   59                             <input type="text" class="form-control" name="LoanAuthor" id="LoanAuthor" value="<#PARAM name='LoanAuthor'>" required>
59                     </div>     60                         </div>  
60     61  
61                     <div class="form-group col-md-9">    62                         <div class="form-group col-md-9"> 
62                         <label for="LoanPublisher">   63                             <label for="LoanPublisher">
63                             <span class="field">   64                                 <span class="field">
64                                <span class="<#ERROR name='ERRORLoanPublisher'>">   65                                 <span class="<#ERROR name='ERRORLoanPublisher'>">
65                                     Publisher     66                                         Publisher  
66                                 </span>   67                                     </span>
67                             </span>   68                                 </span>
68                         </label>   69                             </label>
69                         <input type="text" class="form-control" name="LoanPublisher" id="LoanPublisher" value="<#PARAM name='LoanPublisher'>">   70                             <input type="text" class="form-control" name="LoanPublisher" id="LoanPublisher" value="<#PARAM name='LoanPublisher'>">
70                     </div>   71                         </div>
71     72  
72                     <div class="form-group col-md-9">    73                         <div class="form-group col-md-9"> 
73                         <label for="LoanPlace">   74                             <label for="LoanPlace">
74                             <span class="field">   75                                 <span class="field">
75                                <span class="<#ERROR name='ERRORLoanPlace'>">   76                                 <span class="<#ERROR name='ERRORLoanPlace'>">
76                                     Place of Publication     77                                         Place of Publication  
77                                 </span>   78                                     </span>
78                             </span>   79                                 </span>
79                         </label>   80                             </label>
80                         <input type="text" class="form-control" name="LoanPlace" id="LoanPlace" value="<#PARAM name='LoanPlace'>">   81                             <input type="text" class="form-control" name="LoanPlace" id="LoanPlace" value="<#PARAM name='LoanPlace'>">
81                     </div>   82                         </div>
82     83  
83                     <div class="form-group col-md-9">    84                         <div class="form-group col-md-9"> 
84                         <label for="LoanDate">   85                             <label for="LoanDate">
85                             <span class="field">   86                                 <span class="field">
86                                <span class="<#ERROR name='ERRORLoanDate'>">   87                                 <span class="<#ERROR name='ERRORLoanDate'>">
87                                     Date of Publication     88                                         Date of Publication  
88                                 </span>   89                                     </span>
89                             </span>   90                                 </span>
90                         </label>   91                             </label>
91                         <input type="text" class="form-control" name="LoanDate" id="LoanDate" value="<#PARAM name='LoanDate'>">   92                             <input type="text" class="form-control" name="LoanDate" id="LoanDate" value="<#PARAM name='LoanDate'>">
92                     </div>   93                         </div>
93     94  
94                     <div class="form-group col-md-9">    95                         <div class="form-group col-md-9"> 
95                         <label for="LoanEdition">   96                             <label for="LoanEdition">
96                             <span class="field">   97                                 <span class="field">
97                                <span class="<#ERROR name='ERRORLoanEdition'>">   98                                 <span class="<#ERROR name='ERRORLoanEdition'>">
98                                     Edition     99                                         Edition  
99                                 </span>   100                                     </span>
100                             </span>   101                                 </span>
101                         </label>   102                             </label>
102                         <input type="text" class="form-control" name="LoanEdition" id="LoanEdition" value="<#PARAM name='LoanEdition'>">   103                             <input type="text" class="form-control" name="LoanEdition" id="LoanEdition" value="<#PARAM name='LoanEdition'>">
103                     </div>   104                         </div>
104     105  
105                     <div class="form-group col-md-9">    106                         <div class="form-group col-md-9"> 
106                         <label for="ISSN">   107                             <label for="ISSN">
107                             <span class="field">   108                                 <span class="field">
108                                <span class="<#ERROR name='ERRORISSN'>">   109                                 <span class="<#ERROR name='ERRORISSN'>">
109                                     ISBN (International Standard Book Number)     110                                         ISBN (International Standard Book Number)  
110                                 </span>   111                                     </span>
111                                 <br>   112                                     <br>
112                                 <span class="small-notes">   113                                     <span class="small-notes">
113                                     If given will speed request processing     114                                         If given will speed request processing  
114                                 </span>   115                                     </span>
115                             </span>   116                                 </span>
116                         </label>   117                             </label>
117                         <input type="text" class="form-control" name="ISSN" id="ISSN" value="<#PARAM name='ISSN'>">   118                             <input type="text" class="form-control" name="ISSN" id="ISSN" value="<#PARAM name='ISSN'>">
118                     </div>   119                         </div>
119                   120                     
120                     <!--<div class="form-group col-md-9">   121                         <!--<div class="form-group col-md-9">
121                         <label for="CallNumber">   122                             <label for="CallNumber">
122                             <span class="field">   123                                 <span class="field">
123                                 <span class="<#ERROR name='ERRORCallNumber'>">   124                                     <span class="<#ERROR name='ERRORCallNumber'>">
124                                     Call Number      125                                         Call Number   
      126                                     </span>
125                                 </span>   127                                 </span>
126                             </span>      
127                         </label>   128                             </label>
128                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   129                             <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
129                     </div>   130                         </div>
130                   131                     
131                     <div class="form-group col-md-9">   132                         <div class="form-group col-md-9">
132                         <label for="ESPNumber">   133                             <label for="ESPNumber">
133                             <span class="field">   134                                 <span class="field">
134                                 <span class="<#ERROR name='ERRORESPNumber'>">   135                                     <span class="<#ERROR name='ERRORESPNumber'>">
135                                     OCLC or Docline UI Number      136                                         OCLC or Docline UI Number   
      137                                     </span>
136                                 </span>   138                                 </span>
137                             </span>      
138                         </label>   139                             </label>
139                         <input type="text" class="form-control" name="ESPNumber" id="ESPNumber" value="<#PARAM name='ESPNumber'>">   140                             <input type="text" class="form-control" name="ESPNumber" id="ESPNumber" value="<#PARAM name='ESPNumber'>">
140                     </div>-->   141                         </div>-->
141                           142                             
142                     <div class="form-group col-md-9">   143                         <div class="form-group col-md-9">
143                         <label for="AcceptAlternateEdition">   144                             <label for="AcceptAlternateEdition">
144                             <span class="field">   145                                 <span class="field">
145                                 <span class="<#ERROR name='ERRORAcceptAlternateEdition'>">   146                                     <span class="<#ERROR name='ERRORAcceptAlternateEdition'>">
146                                     Will you accept an alternate edition of this item?   147                                         Will you accept an alternate edition of this item?
147                                 </span>   148                                     </span>
148                             </span>   149                                 </span>
149                         </label>   150                             </label>
150                         <select id="AcceptAlternateEdition" name="AcceptAlternateEdition" size="1" class="custom-select mr-sm-2"  data-persistedValue="<#PARAM name='AcceptAlternateEdition'>">   151                             <select id="AcceptAlternateEdition" name="AcceptAlternateEdition" size="1" class="custom-select mr-sm-2"  data-persistedValue="<#PARAM name='AcceptAlternateEdition'>">
151                             <option value="Yes">Yes</option>   152                                 <option value="Yes">Yes</option>
152                             <option value="No">No</option>   153                                 <option value="No">No</option>
153                         </select>   154                             </select>
154                     </div>   155                         </div>
155                   156                     
156                     <div class="form-group col-md-9">   157                         <div class="form-group col-md-9">
157                         <label for="Rush">   158                             <label for="Rush">
158                             <span class="field">   159                                 <span class="field">
159                                 <span class="<#ERROR name='ERRORRush'>">   160                                     <span class="<#ERROR name='ERRORRush'>">
160                                     What service level would you like?   161                                         What service level would you like?
161                                 </span>   162                                     </span>
162                                 <br>   163                                     <br>
163                                 <span class="small-notes">   164                                     <span class="small-notes">
164                                     Rush service may incur additional charges.   165                                         Rush service may incur additional charges.
165                                 </span>   166                                     </span>
166                             </span>   167                                 </span>
167                         </label>   168                             </label>
168                         <select id="Rush" name="Rush" size="1" class="custom-select mr-sm-2" data-persistedValue="<#PARAM name='Rush'>">   169                             <select id="Rush" name="Rush" size="1" class="custom-select mr-sm-2" data-persistedValue="<#PARAM name='Rush'>">
169                             <option value="Regular">Regular</option>   170                                 <option value="Regular">Regular</option>
170                             <option value="Rush">Rush</option>   171                                 <option value="Rush">Rush</option>
171                         </select>   172                             </select>
172                     </div>   173                         </div>
173                   174                     
174                     <div class="form-group col-md-9">   175                         <div class="form-group col-md-9">
175                         <label for="MaxCost">   176                             <label for="MaxCost">
176                             <span class="field">   177                                 <span class="field">
177                                 <span class="<#ERROR name='ERRORMaxCost'>">   178                                     <span class="<#ERROR name='ERRORMaxCost'>">
178                                     What is the maxcost you would pay for this item?   179                                         What is the maxcost you would pay for this item?
179                                 </span>   180                                     </span>
180                             </span>   181                                 </span>
181                             <br>   182                                 <br>
182                         </label>   183                             </label>
183                         <input type="text" class="form-control" name="MaxCost" id="MaxCost" value="<#PARAM name='MaxCost'>">   184                             <input type="text" class="form-control" name="MaxCost" id="MaxCost" value="<#PARAM name='MaxCost'>">
184                     </div>   185                         </div>
185                           186                             
186                     <div class="form-group col-md-9">   187                         <div class="form-group col-md-9">
187                         <label for="Notes">   188                             <label for="Notes">
188                             <span class="field">   189                                 <span class="field">
189                                 <span class="<#ERROR name='ERRORNotes'>">     190                                     <span class="<#ERROR name='ERRORNotes'>">  
190                                     Notes      191                                         Notes   
191                                 </span><br>   192                                     </span><br>
192                                 <span class="small-notes">Put any information here that may help us find the item, as well as any other pertinent information.</span>   193                                     <span class="small-notes">Put any information here that may help us find the item, as well as any other pertinent information.</span>
193                             </span>   194                                 </span>
194                         </label>   195                             </label>
195                         <textarea id="Notes" name="Notes" rows="2" cols="40" class="form-control"><#PARAM name='Notes'></textarea><br>   196                             <textarea id="Notes" name="Notes" rows="2" cols="40" class="form-control"><#PARAM name='Notes'></textarea><br>
196                     </div>   197                         </div>
197     198  
198                 </section>   199                     </section>
199                 <#INCLUDE filename="include_request_cited.html">                   200                     <#INCLUDE filename="include_request_cited.html">                
200                 <#INCLUDE filename="include_request_buttons.html">   201                     <#INCLUDE filename="include_request_buttons.html">
201             </fieldset>   202                 </fieldset>
202         </form>        203             </form>
    -+ 204         </main> 
203         <#INCLUDE filename="include_footer.html"> = 205         <#INCLUDE filename="include_footer.html">
204     </div>   206     </div>
205 </body>   207 </body>
206 </html>   208 </html>

   
File: Lending\include_footer.html  
1 <footer class="foot"> = 1 <footer class="foot">
2     <div>Powered by <a href="<#ACTION action='10' form='1'>">ILLiad </a></div>   2     <div>Powered by <a href="<#ACTION action='10' form='1'>">ILLiad </a></div>
3     <div>&copy; 2021<a href="http://www.atlas-sys.com"> Atlas Systems, Inc.</a> All Rights Reserved.</div> <> 3     <div>&copy; 2022<a href="http://www.atlas-sys.com"> Atlas Systems, Inc.</a> All Rights Reserved.</div>
4     <div><a href="<#ACTION action='10' form='3'>">Site Map </a></div> = 4     <div><a href="<#ACTION action='10' form='3'>">Site Map </a></div>
5 </footer>   5 </footer>

   
File: Lending\include_header.html  
1 <div id="header"> <> 1 <header id="header">
2     <div> = 2     <div>
3         <a href="#content" accesskey="S" onclick="$('#content').focus();" class="offscreen">Skip to Main Content</a>   3         <a href="#content" accesskey="S" onclick="$('#content').focus();" class="offscreen">Skip to Main Content</a>
4     </div>   4     </div>
5     <h1>   5     <h1>
6         <a href="<#ACTION action='10' form='10' class='header'>">ILLiad</a>   6         <a href="<#ACTION action='10' form='10' class='header'>">ILLiad</a>
7     </h1>   7     </h1>
8 </div> <> 8 </header>
9   = 9  
10          10       

   
File: Lending\LendingChangePassword.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3     3  
4 <head>   4 <head>
5     <title>ILLiad - Change Password</title>   5     <title>ILLiad - Change Password</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7 </head>   7 </head>
8     8  
9 <body>   9 <body>
10     <#INCLUDE filename="include_header.html">   10     <#INCLUDE filename="include_header.html">
11     <#INCLUDE filename="include_nav.html">   11     <#INCLUDE filename="include_nav.html">
    <> 12     <div class="container">
12     <div id="content" class="container" role="heading" aria-label="Content">   13         <main id="content" aria-label="Content">
13         <form action="illiadlending.dll" method="post" name="ChangePassword"> = 14             <form action="illiadlending.dll" method="post" name="ChangePassword">
14             <input type="hidden" name="ILLiadForm" value="ChangePassword">   15                 <input type="hidden" name="ILLiadForm" value="ChangePassword">
15             <input type="hidden" name="Username" value="<#PARAM name='Username'>">   16                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
16             <input type="hidden" name="SessionID" value="<#PARAM name='SessionID'>">   17                 <input type="hidden" name="SessionID" value="<#PARAM name='SessionID'>">
17     18  
18             <fieldset>   19                 <fieldset>
19     20  
20                 <h2 class="page-header">Change Password</h2>   21                     <h2 class="page-header">Change Password</h2>
21                 <div id="status"><#STATUS></div>   22                     <div id="status"><#STATUS></div>
22     23  
23                 <section name="password-info">   24                     <section name="password-info">
24                     <h3 class="section-header">Logon Information</h3>   25                         <h3 class="section-header">Logon Information</h3>
25                     <div class="form-group col-md-5">   26                         <div class="form-group col-md-5">
26                         <label for="CurrentPassword">   27                             <label for="CurrentPassword">
27                             <span class="<#ERROR name='ERRORCurrentPassword'>">   28                                 <span class="<#ERROR name='ERRORCurrentPassword'>">
28                                 Current Password   29                                     Current Password
29                             </span>   30                                 </span>
30                         </label>   31                             </label>
31                         <input type="password" class="form-control" name="CurrentPassword" id="CurrentPassword" aria-describedby="passwordHelp" autocomplete="off">   32                             <input type="password" class="form-control" name="CurrentPassword" id="CurrentPassword" aria-describedby="passwordHelp" autocomplete="off">
32                     </div>   33                         </div>
33     34  
34                     <div class="form-group col-md-5">   35                         <div class="form-group col-md-5">
35                         <label for="Password1">   36                             <label for="Password1">
36                             <span class="<#ERROR name='ERRORPassword1'>">   37                                 <span class="<#ERROR name='ERRORPassword1'>">
37                                 New Password   38                                     New Password
38                             </span>   39                                 </span>
39                         </label>   40                             </label>
40                         <input type="password" class="form-control" name="Password1" id="Password1" autocomplete="off">   41                             <input type="password" class="form-control" name="Password1" id="Password1" autocomplete="off">
41                         <div class="small-notes">   42                             <div class="small-notes">
42                             Passwords must be at least eight characters long and contain a lowercase letter, an uppercase letter, and a number.   43                                 Passwords must be at least eight characters long and contain a lowercase letter, an uppercase letter, and a number.
43                         </div>   44                             </div>
44                     </div>   45                         </div>
45     46  
46                     <div class="form-group col-md-5">   47                         <div class="form-group col-md-5">
47                         <label for="Password2">   48                             <label for="Password2">
48                             <span class="<#ERROR name='ERRORPassword2'>">   49                                 <span class="<#ERROR name='ERRORPassword2'>">
49                                 Re-enter New Password   50                                     Re-enter New Password
50                             </span>   51                                 </span>
51                         </label>   52                             </label>
52                         <input type="password" class="form-control" name="Password2" id="Password2" autocomplete="off">   53                             <input type="password" class="form-control" name="Password2" id="Password2" autocomplete="off">
53                     </div>   54                         </div>
54                 </section>   55                     </section>
55     56  
56             </fieldset>   57                 </fieldset>
57               58                 
58             <button class="btn btn-primary btn-md" type="submit" name="SubmitButton" value="Submit Information">Submit Information</button>   59                 <button class="btn btn-primary btn-md" type="submit" name="SubmitButton" value="Submit Information">Submit Information</button>
59             <button class="btn btn-secondary btn-md" type="submit" name="SubmitButton2" value="Cancel - Exit to Main Menu">Cancel - Exit to Main Menu</button>   60                 <button class="btn btn-secondary btn-md" type="submit" name="SubmitButton2" value="Cancel - Exit to Main Menu">Cancel - Exit to Main Menu</button>
60         </form>   61             </form>
    -+ 62         </main>
61         <#INCLUDE filename="include_footer.html"> = 63         <#INCLUDE filename="include_footer.html">
62     </div>   64     </div>
63 </body>   65 </body>
64 </html>   66 </html>

   
File: Lending\LendingFAQ.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3     3  
4 <head>   4 <head>
5     <title>ILLiad - FAQ</title>   5     <title>ILLiad - FAQ</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7 </head>   7 </head>
8 <body>   8 <body>
9     <#INCLUDE filename="include_header.html">   9     <#INCLUDE filename="include_header.html">
10     <#INCLUDE filename="include_menu.html" restriction="IsValidSession">   10     <#INCLUDE filename="include_menu.html" restriction="IsValidSession">
11        11     
12         <div class="container">   12         <div class="container">
    -+ 13             <main id="content" aria-label="Content">
13             <h2 class="page-header"> = 14                 <h2 class="page-header">
14                 Answers to Frequently Asked Questions about ILLiad   15                     Answers to Frequently Asked Questions about ILLiad
15                 <a name="contents"></a>   16                     <a name="contents"></a>
16             </h2>   17                 </h2>
17               18                 
18             <div id="faq-toc">   19                 <div id="faq-toc">
19                 <ul>                       20                     <ul>                    
20                     <li><a href="#what">What is ILLiad?</a></li>   21                         <li><a href="#what">What is ILLiad?</a></li>
21                     <li><a href="#better">How is ILLiad better than traditional ILL systems?</a></li>   22                         <li><a href="#better">How is ILLiad better than traditional ILL systems?</a></li>
22                     <li><a href="#disadvantage">Are there any disadvantages to the electronic system?</a></li>   23                         <li><a href="#disadvantage">Are there any disadvantages to the electronic system?</a></li>
23                     <li><a href="#userid">Why do I need a username and password to use ILLiad?</a></li>   24                         <li><a href="#userid">Why do I need a username and password to use ILLiad?</a></li>
24                     <li><a href="#password">What if I forget my password?</a></li>   25                         <li><a href="#password">What if I forget my password?</a></li>
25                     <li><a href="#webbrowser">What Web browser should I use?</a></li>   26                         <li><a href="#webbrowser">What Web browser should I use?</a></li>
26                     <li><a href="#security">Is security a problem if I use a public workstation?</a></li>   27                         <li><a href="#security">Is security a problem if I use a public workstation?</a></li>
27                     <li><a href="#history">Why don't I see all my older requests when I look at my request history?</a></li>   28                         <li><a href="#history">Why don't I see all my older requests when I look at my request history?</a></li>
28                     <li><a href="#who">Who do I contact if I have problems with or questions about ILLiad?</a></li>   29                         <li><a href="#who">Who do I contact if I have problems with or questions about ILLiad?</a></li>
29                     <li><a href="#cookie">Why does my browser say that you're sending a cookie? What's in it?</a></li>   30                         <li><a href="#cookie">Why does my browser say that you're sending a cookie? What's in it?</a></li>
30                 </ul>   31                     </ul>
31             </div>   32                 </div>
32               33                 
33             <div class="info-block">   34                 <div class="info-block">
34                 <div id="faq-contents">   35                     <div id="faq-contents">
35                     <a name="what"></a>   36                         <a name="what"></a>
36                     <div class="faq-item">   37                         <div class="faq-item">
37                         <div class="faq-item-box">   38                             <div class="faq-item-box">
38                             <h3>What is ILLiad?</h3>   39                                 <h3>What is ILLiad?</h3>
39     40  
40                             <p>ILLiad is the electronic system you use to request an item through Interlibrary Loan.   41                                 <p>ILLiad is the electronic system you use to request an item through Interlibrary Loan.
41                             The name ILLiad can be thought of as an acronym for <u>I</u>nter<u>L</u>ibrary <u>L</u>oan <u>i</u>nternet <u>a</u>ccessible <u>d</u>atabase.</p>   42                                 The name ILLiad can be thought of as an acronym for <u>I</u>nter<u>L</u>ibrary <u>L</u>oan <u>i</u>nternet <u>a</u>ccessible <u>d</u>atabase.</p>
42                         </div>   43                             </div>
43                     </div>   44                         </div>
44                 </div>   45                     </div>
45             </div>   46                 </div>
46     47  
47             <div class="info-block">    48                 <div class="info-block"> 
48                 <a name="better"></a>   49                     <a name="better"></a>
49                 <div class="faq-item">   50                     <div class="faq-item">
50                     <div class="faq-item-box">   51                         <div class="faq-item-box">
51                         <h3>How is ILLiad better than traditional ILL systems?</h3>   52                             <h3>How is ILLiad better than traditional ILL systems?</h3>
52                       53                         
53                         <ol>   54                             <ol>
54                             <li>You will find it easier to submit your interlibrary loan requests. With ILLiad, you enter your name, address, and other personal information into the system only once, at the time of your first request.</li>   55                                 <li>You will find it easier to submit your interlibrary loan requests. With ILLiad, you enter your name, address, and other personal information into the system only once, at the time of your first request.</li>
55                             <li>Your request will be handled more rapidly and accurately as problems relating to misinterpretation of hand-written requests are eliminated.</li>   56                                 <li>Your request will be handled more rapidly and accurately as problems relating to misinterpretation of hand-written requests are eliminated.</li>
56                             <li>You can get many of your articles more quickly through Electronic Delivery.</li>   57                                 <li>You can get many of your articles more quickly through Electronic Delivery.</li>
57                             <li>You can get information about the status of your request through the Web at any time from any location without having to call the ILL Department.</li>   58                                 <li>You can get information about the status of your request through the Web at any time from any location without having to call the ILL Department.</li>
58                             <li>Library personnel are able to serve you better because all data about your request and its handling is stored in a searchable database. We are able to respond quickly to your   59                                 <li>Library personnel are able to serve you better because all data about your request and its handling is stored in a searchable database. We are able to respond quickly to your
59                                 inquiries about your request. We are also able to gather statistical information about the   60                                     inquiries about your request. We are also able to gather statistical information about the
60                                 performance of the libraries that lend to us, enabling us to make better decisions when   61                                     performance of the libraries that lend to us, enabling us to make better decisions when
61                                 choosing a lender to supply an item.</li>   62                                     choosing a lender to supply an item.</li>
62                         </ol>   63                             </ol>
63                       64                         
64                     </div>   65                         </div>
65                 </div>   66                     </div>
66             </div>   67                 </div>
67     68  
68             <div class="info-block">   69                 <div class="info-block">
69                 <a name="disadvantage"></a>   70                     <a name="disadvantage"></a>
70                 <div class="faq-item">   71                     <div class="faq-item">
71                     <div class="faq-item-box">   72                         <div class="faq-item-box">
72                         <h3>Are there any disadvantages to the electronic system?</h3>   73                             <h3>Are there any disadvantages to the electronic system?</h3>
73     74  
74                         <p>Some people might find it troublesome to have to log into ILLiad using a username and   75                             <p>Some people might find it troublesome to have to log into ILLiad using a username and
75                         password. We believe this is less trouble than traditional paper and electronic systems   76                             password. We believe this is less trouble than traditional paper and electronic systems
76                         which require you to enter your personal information with each new request.</p>   77                             which require you to enter your personal information with each new request.</p>
77                     </div>   78                         </div>
78                 </div>   79                     </div>
79             </div>   80                 </div>
80     81  
81             <div class="info-block">   82                 <div class="info-block">
82                 <a name="userid"></a>   83                     <a name="userid"></a>
83                 <div class="faq-item">   84                     <div class="faq-item">
84                     <div class="faq-item-box">   85                         <div class="faq-item-box">
85                         <h3>Why do I need a username and password to use ILLiad?</h3>   86                             <h3>Why do I need a username and password to use ILLiad?</h3>
86     87  
87                         <p>Your username and password allows us to give you secure access to information about   88                             <p>Your username and password allows us to give you secure access to information about
88                         your interlibrary loan requests. We can also enable you to edit your personal information   89                             your interlibrary loan requests. We can also enable you to edit your personal information
89                         such as your address or phone number. </p>   90                             such as your address or phone number. </p>
90     91  
91                         <p>Your username can be anything you like, such as your name, abbreviations, or an   92                             <p>Your username can be anything you like, such as your name, abbreviations, or an
92                         alphanumeric code. Your password also can be anything you like. We recommend that you   93                             alphanumeric code. Your password also can be anything you like. We recommend that you
93                         follow good security practice and choose a password that is different from those you use   94                             follow good security practice and choose a password that is different from those you use
94                         to access other systems. However, no one but you will know your password, not even the   95                             to access other systems. However, no one but you will know your password, not even the
95                         library staff. The password you set is stored in an encrypted file.</p>   96                             library staff. The password you set is stored in an encrypted file.</p>
96                     </div>   97                         </div>
97                 </div>   98                     </div>
98             </div>   99                 </div>
99       100         
100             <div class="info-block">   101                 <div class="info-block">
101                 <a name="password"></a>   102                     <a name="password"></a>
102                 <div class="faq-item">   103                     <div class="faq-item">
103                     <div class="faq-item-box">   104                         <div class="faq-item-box">
104                         <h3>What if I forget my password?</h3>   105                             <h3>What if I forget my password?</h3>
105     106  
106                         <p>In the event that you forget your password, please contact the Interlibrary Loan Office   107                             <p>In the event that you forget your password, please contact the Interlibrary Loan Office
107                         at (800) 555-1212. We can then reset your password allowing you access to ILLiad. Please   108                             at (800) 555-1212. We can then reset your password allowing you access to ILLiad. Please
108                         change your password once you logon to ILLiad.</p>   109                             change your password once you logon to ILLiad.</p>
109                     </div>   110                         </div>
110                 </div>   111                     </div>
111             </div>   112                 </div>
112       113         
113             <div class="info-block">   114                 <div class="info-block">
114                 <a name="webbrowser"></a>   115                     <a name="webbrowser"></a>
115                 <div class="faq-item">   116                     <div class="faq-item">
116                     <div class="faq-item-box">   117                         <div class="faq-item-box">
117                         <h3>What Web browser should I use?</h3>   118                             <h3>What Web browser should I use?</h3>
118     119  
119                         <p>You need a Web browser that can handle forms, tables, and preferrably Cascading Style Sheets (CSS). We recommend the current versions of either Microsoft Internet Explorer or Mozilla Firefox.</p>   120                             <p>You need a Web browser that can handle forms, tables, and preferrably Cascading Style Sheets (CSS). We recommend the current versions of either Microsoft Internet Explorer or Mozilla Firefox.</p>
120                     </div>   121                         </div>
121                 </div>   122                     </div>
122             </div>   123                 </div>
123     124  
124             <div class="info-block">   125                 <div class="info-block">
125                 <a name="security"></a>   126                     <a name="security"></a>
126                 <div class="faq-item">   127                     <div class="faq-item">
127                     <div class="faq-item-box">   128                         <div class="faq-item-box">
128                         <h3>Is security a problem if I use a public workstation?</a></h3>   129                             <h3>Is security a problem if I use a public workstation?</a></h3>
129     130  
130                         <p>Yes. Web browsers cache information and create a history file on the local workstation.   131                             <p>Yes. Web browsers cache information and create a history file on the local workstation.
131                         This allows a subsequent user of the workstation to access the system under your name   132                             This allows a subsequent user of the workstation to access the system under your name
132                         using the browser's Back button to recall a page from the cache, or by finding a page with   133                             using the browser's Back button to recall a page from the cache, or by finding a page with
133                         your personal information in the browser's history file. If you are concerned about the   134                             your personal information in the browser's history file. If you are concerned about the
134                         security of your interlibrary loan requests, you can take the following steps:</p>   135                             security of your interlibrary loan requests, you can take the following steps:</p>
135     136  
136                         <ul>   137                             <ul>
137                             <li>Access ILLiad only from your personal computer or an otherwise secure workstation.</li>   138                                 <li>Access ILLiad only from your personal computer or an otherwise secure workstation.</li>
138                             <li>Access ILLiad from a public workstation in the Interlibrary Loan office in the library. These computers are supervised by the library staff.</li>   139                                 <li>Access ILLiad from a public workstation in the Interlibrary Loan office in the library. These computers are supervised by the library staff.</li>
139                             <li>When using a public access workstation:   140                                 <li>When using a public access workstation:
140                                 <ol>   141                                     <ol>
141                                     <li>Delete from the history file those pages that contain your personal information.</li>   142                                         <li>Delete from the history file those pages that contain your personal information.</li>
142                                     <li>Exit from the Web browser before you leave the workstation. This prevents the Back button from accessing the pages you were using.</li>   143                                         <li>Exit from the Web browser before you leave the workstation. This prevents the Back button from accessing the pages you were using.</li>
143                                 </ol>   144                                     </ol>
144                             </li>   145                                 </li>
145                         </ul>   146                             </ul>
146                     </div>   147                         </div>
147                 </div>   148                     </div>
148             </div>   149                 </div>
149     150  
150             <div class="info-block">   151                 <div class="info-block">
151                 <a name="history"></a>   152                     <a name="history"></a>
152                 <div class="faq-item">   153                     <div class="faq-item">
153                     <div class="faq-item-box">   154                         <div class="faq-item-box">
154                         <h3>Why don't I see all my older requests when I look at my request history?</h3>   155                             <h3>Why don't I see all my older requests when I look at my request history?</h3>
155     156  
156                         <p>From time to time we purge older records from ILLiad. Our policy is to keep   157                             <p>From time to time we purge older records from ILLiad. Our policy is to keep
157                         requests online for several years order to comply with record keeping requirements   158                             requests online for several years order to comply with record keeping requirements
158                         of the copyright law.</p>   159                             of the copyright law.</p>
159                     </div>   160                         </div>
160                 </div>   161                     </div>
161             </div>   162                 </div>
162     163  
163             <div class="info-block">   164                 <div class="info-block">
164                 <a name="who"></a>   165                     <a name="who"></a>
165                 <div class="faq-item">   166                     <div class="faq-item">
166                     <div class="faq-item-box">   167                         <div class="faq-item-box">
167                         <h3>Who do I contact if I have problems with or questions about ILLiad?</h3>   168                             <h3>Who do I contact if I have problems with or questions about ILLiad?</h3>
168     169  
169                         <p>System Problems or InterLibrary Loan Questions: InterLibrary Loan office at (800) 555-1212 or e-mail to <a href="mailto:ill@mail.ill.vt.edu">ill@your.site.name</a><br>   170                             <p>System Problems or InterLibrary Loan Questions: InterLibrary Loan office at (800) 555-1212 or e-mail to <a href="mailto:ill@mail.ill.vt.edu">ill@your.site.name</a><br>
170                         Technical Support Questions: E-mail anytime to <a href="mailto:ill@mail.ill.vt.edu">ill@your.site.here</a></p>   171                             Technical Support Questions: E-mail anytime to <a href="mailto:ill@mail.ill.vt.edu">ill@your.site.here</a></p>
171                     </div>   172                         </div>
172                 </div>   173                     </div>
173             </div>   174                 </div>
174     175  
175             <div class="info-block">   176                 <div class="info-block">
176                 <a name="cookie"></a>   177                     <a name="cookie"></a>
177                 <div class="faq-item">   178                     <div class="faq-item">
178                     <div class="faq-item-box">   179                         <div class="faq-item-box">
179                         <h3>Why does my browser say that you're sending a cookie? What's in it?</h3>   180                             <h3>Why does my browser say that you're sending a cookie? What's in it?</h3>
180     181  
181                         <p>The technology that we use sends a Session ID to be stored on your machine. You can refuse this cookie and still be   182                             <p>The technology that we use sends a Session ID to be stored on your machine. You can refuse this cookie and still be
182                         able to use ILLiad without any problems.</p>   183                             able to use ILLiad without any problems.</p>
183                     </div>   184                         </div>
184                 </div>   185                     </div>
185             </div>   186                 </div>
186       187             
    -+ 188             </main>
187             <#INCLUDE filename="include_footer.html"> = 189             <#INCLUDE filename="include_footer.html">
188         </div>   190         </div>
189 </body>   191 </body>
190 </html>   192 </html>

   
File: Lending\LendingFirstTime.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3     3  
4 <head>   4 <head>
5     <meta http-equiv="Pragma" content="no-cache">   5     <meta http-equiv="Pragma" content="no-cache">
6     <title>ILLiad Logon</title>   6     <title>ILLiad Logon</title>
7     <#INCLUDE filename="include_head.html">   7     <#INCLUDE filename="include_head.html">
8 </head>   8 </head>
9        9     
10 <body>   10 <body>
11     11  
12     <div id="header">   12     <div id="header">
13         <div id="title-name"><h1>ILLiad</h1></div>   13         <div id="title-name"><h1>ILLiad</h1></div>
14     </div>   14     </div>
15        15     
16     <div id="status" class="container">   16     <div id="status" class="container">
17         By pressing the button below, you acknowledge and agree to all of the terms and conditions below. Please pay particular attention to the copyright statement and the ILLiad FAQ.   17         By pressing the button below, you acknowledge and agree to all of the terms and conditions below. Please pay particular attention to the copyright statement and the ILLiad FAQ.
18         After reading this information, you can press the "First Time Users Click Here" button below.   18         After reading this information, you can press the "First Time Users Click Here" button below.
19     </div>   19     </div>
20     20  
21     21  
    <> 22     <div class="container">
22     <div id="content" class="container" role="heading" aria-label="Content">   23         <main id="content" aria-label="Content">
23         <form action="illiadlending.dll" method="post" name="Logon"> = 24             <form action="illiadlending.dll" method="post" name="Logon">
24             <input type="hidden" name="ILLiadForm" value="Logon">   25                 <input type="hidden" name="ILLiadForm" value="Logon">
25     26  
26             <div class="info-block">   27                 <div class="info-block">
27                 <h2 class="page-header">First Time User Registration for ILLiad</h2>   28                     <h2 class="page-header">First Time User Registration for ILLiad</h2>
28     29  
29                 <div>To request an item, you must first identify yourself to the library's ILLiad system. To do this you fill out a registration form using your Web browser.</div>   30                     <div>To request an item, you must first identify yourself to the library's ILLiad system. To do this you fill out a registration form using your Web browser.</div>
30                 <div>Registration has three purposes:</div>   31                     <div>Registration has three purposes:</div>
31     32  
32                 <ul>   33                     <ul>
33                     <li>Entering your personal information into the ILLiad system means you will not have to supply the information   34                         <li>Entering your personal information into the ILLiad system means you will not have to supply the information
34                         again when making future requests.</li>   35                             again when making future requests.</li>
35                         <li>Having your email and regular mail addresses on file with ILLiad enables us to notify you   36                             <li>Having your email and regular mail addresses on file with ILLiad enables us to notify you
36                             promptly and deliver materials accurately.</li>   37                                 promptly and deliver materials accurately.</li>
37                     <li>By specifying a Username and Password of your choosing, you will have secure access to information about   38                         <li>By specifying a Username and Password of your choosing, you will have secure access to information about
38                         your requests. You will also be able to review the list of items you have requested in the past.</li>   39                             your requests. You will also be able to review the list of items you have requested in the past.</li>
39                 </ul>   40                     </ul>
40     41  
41                 <h2 class="page-header">About your Username and Password</h2>   42                     <h2 class="page-header">About your Username and Password</h2>
42                 <div>During registration, you will be asked to choose a Username and Password. You will use this Username and Password when logging on to the ILLiad system in the future.</div>   43                     <div>During registration, you will be asked to choose a Username and Password. You will use this Username and Password when logging on to the ILLiad system in the future.</div>
43     44  
44                 <div><strong>Username</strong></div>   45                     <div><strong>Username</strong></div>
45                 <div>Choose anything you like, such as your name, abbreviations, or an alphanumeric code.</div>   46                     <div>Choose anything you like, such as your name, abbreviations, or an alphanumeric code.</div>
46     47  
47                 <div><strong>Password</strong></div>     48                     <div><strong>Password</strong></div>  
48                 <div>Choose anything you like. We recommend that you follow good security practice and choose a password that is different from those you use to access other systems.</div>   49                     <div>Choose anything you like. We recommend that you follow good security practice and choose a password that is different from those you use to access other systems.</div>
49                 <div>ILLiad will encrypt your password, so it will remain secure. Only you will know your password.</div>   50                     <div>ILLiad will encrypt your password, so it will remain secure. Only you will know your password.</div>
50             </div>   51                 </div>
51     52  
52             <div class="info-block">   53                 <div class="info-block">
53                 <h2 class="page-header">Important Copyright Information</h2>   54                     <h2 class="page-header">Important Copyright Information</h2>
54                 <div>WARNING CONCERNING COPYRIGHT RESTRICTIONS</div>   55                     <div>WARNING CONCERNING COPYRIGHT RESTRICTIONS</div>
55                 <div>The copyright law of the United States (Title 17, United States Code) governs the making of articles or other reproductions of copyrighted materials.</div>   56                     <div>The copyright law of the United States (Title 17, United States Code) governs the making of articles or other reproductions of copyrighted materials.</div>
56                 <div>Under certain conditions specified in the law, libraries and archives are authorized to furnish an article or other reproduction. One of these specified conditions is that    57                     <div>Under certain conditions specified in the law, libraries and archives are authorized to furnish an article or other reproduction. One of these specified conditions is that 
57                     the article or reproduction is not to be "used for any purpose other than private study, scholarship, or research". If a user makes a request for, or later uses, an article    58                         the article or reproduction is not to be "used for any purpose other than private study, scholarship, or research". If a user makes a request for, or later uses, an article 
58                     or reproduction for purposes in excess of "fair use", that user may be liable for copyright infringement.   59                         or reproduction for purposes in excess of "fair use", that user may be liable for copyright infringement.
59                 </div>   60                     </div>
60                 <div>This institution reserves the right to refuse to accept a copying order if, in its judgment, fulfillment of the order would involve violation of copyright law.</div>   61                     <div>This institution reserves the right to refuse to accept a copying order if, in its judgment, fulfillment of the order would involve violation of copyright law.</div>
61             </div>   62                 </div>
62     63  
63             <h2 class="page-header">ILLiad FAQ (Frequently Asked Questions)</h2>   64                 <h2 class="page-header">ILLiad FAQ (Frequently Asked Questions)</h2>
64             <div>Before registering, you may wish to read the ILLiad <a href="illiadlending.dll?Action=10&Form=12">FAQ</a>. The FAQ may answer other questions you have about the ILLiad interlibrary loan system.</div>   65                 <div>Before registering, you may wish to read the ILLiad <a href="illiadlending.dll?Action=10&Form=12">FAQ</a>. The FAQ may answer other questions you have about the ILLiad interlibrary loan system.</div>
65     66  
66             <div>By pressing this button you acknowledge and agree to all of the terms and conditions above. Please pay particular attention to the copyright statement and the ILLiad FAQ.    67                 <div>By pressing this button you acknowledge and agree to all of the terms and conditions above. Please pay particular attention to the copyright statement and the ILLiad FAQ. 
67                 After reading this information, you can press the "First Time Users Click Here" button to continue.   68                     After reading this information, you can press the "First Time Users Click Here" button to continue.
68             </div>   69                 </div>
69     70  
70             <button class="btn btn-primary" type="submit" name="SubmitButton" value="First Time Users Click Here">First Time Users Click Here</button>   71                 <button class="btn btn-primary" type="submit" name="SubmitButton" value="First Time Users Click Here">First Time Users Click Here</button>
71     72  
72         </form>   73             </form>
    -+ 74         </main>
73         <#INCLUDE filename="include_footer.html"> = 75         <#INCLUDE filename="include_footer.html">
74     </div>   76     </div>
75     77  
76 </body>   78 </body>
77     79  
78 </html>   80 </html>

   
File: Lending\LendingForgotPassword.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3     3  
4 <head>   4 <head>
5     <title>ILLiad - Forgot Password</title>   5     <title>ILLiad - Forgot Password</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7 </head>   7 </head>
8 <body>   8 <body>
9     9  
10     <#INCLUDE filename="include_header.html">   10     <#INCLUDE filename="include_header.html">
11     11  
12     <div id="status" class="container">   12     <div id="status" class="container">
13         <#STATUS>   13         <#STATUS>
14     </div>   14     </div>
15        15     
16     <div class="container">   16     <div class="container">
    -+ 17         <main id="content" aria-label="Content">
17         <form action="illiadlending.dll" method="post" name="ForgotPassword"> = 18             <form action="illiadlending.dll" method="post" name="ForgotPassword">
18             <input type="hidden" name="ILLiadForm" value="ForgotPassword">   19                 <input type="hidden" name="ILLiadForm" value="ForgotPassword">
19     20  
20             <h2 class="info-block">Forgot Password</h2>   21                 <h2 class="info-block">Forgot Password</h2>
21     22  
22             <div class="logon-field form-group col-md-5">   23                 <div class="logon-field form-group col-md-5">
23                 <label for="username">   24                     <label for="username">
24                     <span class="<#ERROR name='ERRORUsername'>">Username</span>   25                         <span class="<#ERROR name='ERRORUsername'>">Username</span>
25                     </label>   26                         </label>
26                 <input type="text" class="form-control" name="username" id="username" value="<#PARAM name='Username'>">   27                     <input type="text" class="form-control" name="username" id="username" value="<#PARAM name='Username'>">
27             </div>   28                 </div>
28     29  
29             <button class="btn btn-primary" type="submit" name="SubmitButton" value="Reset Password">Reset Password</button>   30                 <button class="btn btn-primary" type="submit" name="SubmitButton" value="Reset Password">Reset Password</button>
30             <button class="btn btn-secondary" type="submit" name="SubmitButton">Cancel - Return to Logon page</button>   31                 <button class="btn btn-secondary" type="submit" name="SubmitButton">Cancel - Return to Logon page</button>
31     32  
32         </form>   33             </form>
33          34  
    -+ 35         </main>
34         <#INCLUDE filename="include_footer.html"> = 36         <#INCLUDE filename="include_footer.html">
35           37        
36     </div>   38     </div>
37 </body>   39 </body>
38 </html>   40 </html>

   
File: Lending\LendingGenericRequestArticle.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3     3  
4 <head>   4 <head>
5     <title>ILLiad - Article Request</title>   5     <title>ILLiad - Article Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7 </head>   7 </head>
8     8  
9 <body>   9 <body>
10     <#INCLUDE filename="include_header.html">   10     <#INCLUDE filename="include_header.html">
11     <#INCLUDE filename="include_menu.html">     11     <#INCLUDE filename="include_menu.html">  
12     12  
    <> 13     <div class="container">
13     <div id="content" class="container" role="heading" aria-label="Content">   14         <main id="content" aria-label="Content">
14         <form action="ILLiadLending.dll" method="post" name="LendingGenericRequestArticle"> = 15             <form action="ILLiadLending.dll" method="post" name="LendingGenericRequestArticle">
15             <input type="hidden" name="ILLiadForm" value="LendingGenericRequestArticle">   16                 <input type="hidden" name="ILLiadForm" value="LendingGenericRequestArticle">
16             <input type="hidden" name="RequestType" value="Article">   17                 <input type="hidden" name="RequestType" value="Article">
17             <input type="hidden" name="Username" value="<#PARAM name='Username'>">   18                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
18             <input type="hidden" name="SessionID" value="<#PARAM name='SessionID'>">   19                 <input type="hidden" name="SessionID" value="<#PARAM name='SessionID'>">
19             <input type="hidden" name="CallNumber" value="<#PARAM name='CallNumber'>">   20                 <input type="hidden" name="CallNumber" value="<#PARAM name='CallNumber'>">
20             <input type="hidden" name="ESPNumber" value="<#PARAM name='ESPNumber'>">   21                 <input type="hidden" name="ESPNumber" value="<#PARAM name='ESPNumber'>">
21             <input type="hidden" name="NotWantedAfter" value="<#PARAM name='NotWantedAfter'>">   22                 <input type="hidden" name="NotWantedAfter" value="<#PARAM name='NotWantedAfter'>">
22             <#FORMSTATE>    23                 <#FORMSTATE> 
23     24  
24             <fieldset>     25                 <fieldset>  
25     26  
26                 <h2 class="page-header">Article Request</h2>   27                     <h2 class="page-header">Article Request</h2>
27                   28                     
28                 <section name="article-info">      29                     <section name="article-info">   
29                       30                         
30                     <div class="form-group col-md-9">   31                         <div class="form-group col-md-9">
31                         <label for="PhotoJournalTitle">   32                             <label for="PhotoJournalTitle">
32                             <span class="<#ERROR name='ERRORPhotoJournalTitle'>">   33                                 <span class="<#ERROR name='ERRORPhotoJournalTitle'>">
33                                 Title (Journal, Conference Proceedings, Anthology)     34                                     Title (Journal, Conference Proceedings, Anthology)  
34                                 <span class="req">(required)</span>   35                                     <span class="req">(required)</span>
35                             </span>   36                                 </span>
36                             <br>   37                                 <br>
37                             <span class="small-notes">   38                                 <span class="small-notes">
38                                 Please do not abbreviate unless your citation is abbreviated     39                                     Please do not abbreviate unless your citation is abbreviated  
39                             </span>   40                                 </span>
40                             <br>   41                                 <br>
41                         </label>   42                             </label>
42                         <input type="text" class="form-control" name="PhotoJournalTitle" id="PhotoJournalTitle" value="<#PARAM name='PhotoJournalTitle'>" required>    43                             <input type="text" class="form-control" name="PhotoJournalTitle" id="PhotoJournalTitle" value="<#PARAM name='PhotoJournalTitle'>" required> 
43                     </div>   44                         </div>
44                   45                     
45                     <div class="form-group col-md-9">   46                         <div class="form-group col-md-9">
46                         <label for="PhotoArticleTitle">   47                             <label for="PhotoArticleTitle">
47                             <span class="field">   48                                 <span class="field">
48                                 <span class="<#ERROR name='ERRORPhotoArticleTitle'>">   49                                     <span class="<#ERROR name='ERRORPhotoArticleTitle'>">
49                                     Article Title      50                                         Article Title   
50                                     <span class="req">(required)</span>   51                                         <span class="req">(required)</span>
51                                 </span>    52                                     </span> 
52                             </span>   53                                 </span>
53                         </label>   54                             </label>
54                         <input type="text" class="form-control" name="PhotoArticleTitle" id="PhotoArticleTitle" value="<#PARAM name='PhotoArticleTitle'>" required>   55                             <input type="text" class="form-control" name="PhotoArticleTitle" id="PhotoArticleTitle" value="<#PARAM name='PhotoArticleTitle'>" required>
55                     </div>   56                         </div>
56     57  
57                     <div class="form-group col-md-9">    58                         <div class="form-group col-md-9"> 
58                         <label for="PhotoArticleAuthor">   59                             <label for="PhotoArticleAuthor">
59                             <span class="field">   60                                 <span class="field">
60                                <span class="<#ERROR name='ERRORPhotoArticleAuthor'>">   61                                 <span class="<#ERROR name='ERRORPhotoArticleAuthor'>">
61                                     Article Author      62                                         Article Author   
62                                 </span>   63                                     </span>
63                             </span>   64                                 </span>
64                         </label>   65                             </label>
65                         <input type="text" class="form-control" name="PhotoArticleAuthor" id="PhotoArticleAuthor" value="<#PARAM name='PhotoArticleAuthor'>">   66                             <input type="text" class="form-control" name="PhotoArticleAuthor" id="PhotoArticleAuthor" value="<#PARAM name='PhotoArticleAuthor'>">
66                     </div>   67                         </div>
67                               68                                 
68                     <div class="form-group col-md-9">   69                         <div class="form-group col-md-9">
69                         <label for="PhotoJournalVolume">   70                             <label for="PhotoJournalVolume">
70                             <span class="field">   71                                 <span class="field">
71                                 <span class="<#ERROR name='ERRORPhotoJournalVolume'>">   72                                     <span class="<#ERROR name='ERRORPhotoJournalVolume'>">
72                                     Volume   73                                         Volume
73                                 </span>   74                                     </span>
74                             </span>   75                                 </span>
75                         </label>   76                             </label>
76                         <input type="text" class="form-control" name="PhotoJournalVolume" id="PhotoJournalVolume" value="<#PARAM name='PhotoJournalVolume'>">   77                             <input type="text" class="form-control" name="PhotoJournalVolume" id="PhotoJournalVolume" value="<#PARAM name='PhotoJournalVolume'>">
77                     </div>   78                         </div>
78                   79                     
79                     <div class="form-group col-md-9">   80                         <div class="form-group col-md-9">
80                         <label for="PhotoJournalIssue">   81                             <label for="PhotoJournalIssue">
81                             <span class="field">   82                                 <span class="field">
82                                 <span class="<#ERROR name='ERRORPhotoJournalIssue'>">   83                                     <span class="<#ERROR name='ERRORPhotoJournalIssue'>">
83                                     Issue Number or Designation   84                                         Issue Number or Designation
84                                 </span>   85                                     </span>
85                             </span>   86                                 </span>
86                         </label>   87                             </label>
87                         <input type="text" class="form-control" name="PhotoJournalIssue" id="PhotoJournalIssue" value="<#PARAM name='PhotoJournalIssue'>">   88                             <input type="text" class="form-control" name="PhotoJournalIssue" id="PhotoJournalIssue" value="<#PARAM name='PhotoJournalIssue'>">
88                     </div>   89                         </div>
89                                   90                                     
90                     <div class="form-group col-md-9">   91                         <div class="form-group col-md-9">
91                         <label for="PhotoJournalMonth">   92                             <label for="PhotoJournalMonth">
92                             <span class="field">   93                                 <span class="field">
93                                 <span class="<#ERROR name='ERRORPhotoJournalMonth'>">   94                                     <span class="<#ERROR name='ERRORPhotoJournalMonth'>">
94                                     Month   95                                         Month
95                                 </span>   96                                     </span>
96                             </span>   97                                 </span>
97                         </label>   98                             </label>
98                         <input type="text" class="form-control" name="PhotoJournalMonth" id="PhotoJournalMonth" value="<#PARAM name='PhotoJournalMonth'>">   99                             <input type="text" class="form-control" name="PhotoJournalMonth" id="PhotoJournalMonth" value="<#PARAM name='PhotoJournalMonth'>">
99                     </div>   100                         </div>
100                               101                                 
101                     <div class="form-group col-md-9">   102                         <div class="form-group col-md-9">
102                         <label for="PhotoJournalYear">   103                             <label for="PhotoJournalYear">
103                             <span class="field">   104                                 <span class="field">
104                                 <span class="<#ERROR name='ERRORPhotoJournalYear'>">   105                                     <span class="<#ERROR name='ERRORPhotoJournalYear'>">
105                                     Year      106                                         Year   
106                                 </span>   107                                     </span>
107                             </span>   108                                 </span>
108                         </label>   109                             </label>
109                         <input type="text" class="form-control" name="PhotoJournalYear" id="PhotoJournalYear" value="<#PARAM name='PhotoJournalYear'>">   110                             <input type="text" class="form-control" name="PhotoJournalYear" id="PhotoJournalYear" value="<#PARAM name='PhotoJournalYear'>">
110                     </div>   111                         </div>
111                   112                     
112                     <div class="form-group col-md-9">   113                         <div class="form-group col-md-9">
113                         <label for="PhotoJournalInclusivePages">   114                             <label for="PhotoJournalInclusivePages">
114                             <span class="field">   115                                 <span class="field">
115                                 <span class="<#ERROR name='ERRORPhotoJournalInclusivePages'>">   116                                     <span class="<#ERROR name='ERRORPhotoJournalInclusivePages'>">
116                                     Inclusive Pages      117                                         Inclusive Pages   
117                                 </span>   118                                     </span>
118                             </span>   119                                 </span>
119                         </label>   120                             </label>
120                         <input type="text" class="form-control" name="PhotoJournalInclusivePages" id="PhotoJournalInclusivePages" value="<#PARAM name='PhotoJournalInclusivePages'>">   121                             <input type="text" class="form-control" name="PhotoJournalInclusivePages" id="PhotoJournalInclusivePages" value="<#PARAM name='PhotoJournalInclusivePages'>">
121                     </div>   122                         </div>
122                                   123                                     
123                     <div class="form-group col-md-9">   124                         <div class="form-group col-md-9">
124                         <label for="ISSN">   125                             <label for="ISSN">
125                             <span class="field">   126                                 <span class="field">
126                                 <span class="<#ERROR name='ERRORISSN'>">    127                                     <span class="<#ERROR name='ERRORISSN'>"> 
127                                     ISSN (International Standard Serial Number)      128                                         ISSN (International Standard Serial Number)   
128                                 </span>   129                                     </span>
129                              <br>   130                                 <br>
130                                 <span class="small-notes">   131                                     <span class="small-notes">
131                                     If given will speed request processing   132                                         If given will speed request processing
132                                 </span>   133                                     </span>
133                             </span>   134                                 </span>
134                         </label>   135                             </label>
135                         <input type="text" class="form-control" name="ISSN" id="ISSN" value="<#PARAM name='ISSN'>">   136                             <input type="text" class="form-control" name="ISSN" id="ISSN" value="<#PARAM name='ISSN'>">
136                     </div>   137                         </div>
137                           138                             
138                     <!--   139                         <!--
139                     <div class="form-group col-md-9">   140                         <div class="form-group col-md-9">
140                         <label for="CallNumber">   141                             <label for="CallNumber">
141                             <span class="field">   142                                 <span class="field">
142                                 <span class="<#ERROR name='ERRORCallNumber'>">   143                                     <span class="<#ERROR name='ERRORCallNumber'>">
143                                       Call Number      144                                         Call Number   
      145                                     </span>
144                                 </span>   146                                 </span>
145                             </span>      
146                         </label>   147                             </label>
147                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   148                             <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
148                     </div>   149                         </div>
149                       150                         
150                     <div class="form-group col-md-9">   151                         <div class="form-group col-md-9">
151                         <label for="ESPNumber">   152                             <label for="ESPNumber">
152                             <span class="field">   153                                 <span class="field">
153                                 <span class="<#ERROR name='ERRORESPNumber'>">   154                                     <span class="<#ERROR name='ERRORESPNumber'>">
154                                       OCLC or Docline UI Number      155                                         OCLC or Docline UI Number   
      156                                     </span>
155                                 </span>   157                                 </span>
156                             </span>      
157                         </label>   158                             </label>
158                         <input type="text" class="form-control" name="ESPNumber" id="ESPNumber" value="<#PARAM name='ESPNumber'>">   159                             <input type="text" class="form-control" name="ESPNumber" id="ESPNumber" value="<#PARAM name='ESPNumber'>">
159                     </div>   160                         </div>
160                     -->   161                         -->
161                   162                     
162                     <div class="form-group col-md-9">   163                         <div class="form-group col-md-9">
163                         <label for="Rush">   164                             <label for="Rush">
164                             <span class="field">   165                                 <span class="field">
165                                 <span class="<#ERROR name='ERRORRush'>">   166                                     <span class="<#ERROR name='ERRORRush'>">
166                                     What service level would you like?   167                                         What service level would you like?
167                                 </span>   168                                     </span>
168                                 <br>   169                                     <br>
169                                 <span class="small-notes">   170                                     <span class="small-notes">
170                                     Rush service may incur additional charges.   171                                         Rush service may incur additional charges.
171                                 </span>   172                                     </span>
172                             </span>   173                                 </span>
173                         </label>   174                             </label>
174                         <select id="Rush" name="Rush" size="1" class="custom-select mr-sm-2" data-persistedValue="<#PARAM name='Rush'>">   175                             <select id="Rush" name="Rush" size="1" class="custom-select mr-sm-2" data-persistedValue="<#PARAM name='Rush'>">
175                             <option value="Regular">Regular</option>   176                                 <option value="Regular">Regular</option>
176                             <option value="Rush">Rush</option>   177                                 <option value="Rush">Rush</option>
177                         </select>   178                             </select>
178                     </div>   179                         </div>
179                   180                     
180                     <div class="form-group col-md-9">   181                         <div class="form-group col-md-9">
181                         <label for="MaxCost">   182                             <label for="MaxCost">
182                             <span class="field">   183                                 <span class="field">
183                                 <span class="<#ERROR name='ERRORMaxCost'>">   184                                     <span class="<#ERROR name='ERRORMaxCost'>">
184                                     What is the maxcost you would pay for this item?   185                                         What is the maxcost you would pay for this item?
185                                 </span>   186                                     </span>
186                             </span>   187                                 </span>
187                             <br>   188                                 <br>
188                         </label>   189                             </label>
189                         <input type="text" class="form-control" name="MaxCost" id="MaxCost" value="<#PARAM name='MaxCost'>">   190                             <input type="text" class="form-control" name="MaxCost" id="MaxCost" value="<#PARAM name='MaxCost'>">
190                     </div>   191                         </div>
191                   192                     
192                     <div class="form-group col-md-9">   193                         <div class="form-group col-md-9">
193                         <label for="Notes">   194                             <label for="Notes">
194                             <span class="field">   195                                 <span class="field">
195                                 <span class="<#ERROR name='ERRORNotes'>">     196                                     <span class="<#ERROR name='ERRORNotes'>">  
196                                     Notes      197                                         Notes   
197                                 </span><br>   198                                     </span><br>
198                                 <span class="small-notes">Put any information here that may help us find the item, as well as any other pertinent information.</span>   199                                     <span class="small-notes">Put any information here that may help us find the item, as well as any other pertinent information.</span>
199                             </span>   200                                 </span>
200                         </label>   201                             </label>
201                         <textarea id="Notes" name="Notes" rows="2" cols="40" class="form-control"><#PARAM name='Notes'></textarea><br>   202                             <textarea id="Notes" name="Notes" rows="2" cols="40" class="form-control"><#PARAM name='Notes'></textarea><br>
202                     </div>   203                         </div>
203                 </section>   204                     </section>
204                 <#INCLUDE filename="include_request_cited.html">                   205                     <#INCLUDE filename="include_request_cited.html">                
205                 <#INCLUDE filename="include_request_buttons.html">        206                     <#INCLUDE filename="include_request_buttons.html">     
206             </fieldset>   207                 </fieldset>
207         </form>        208             </form>
    -+ 209         </main> 
208         <#INCLUDE filename="include_footer.html"> = 210         <#INCLUDE filename="include_footer.html">
209     </div>   211     </div>
210 </body>   212 </body>
211 </html>   213 </html>

   
File: Lending\LendingGenericRequestLoan.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3     3  
4 <head>   4 <head>
5     <title>ILLiad - Book Request</title>   5     <title>ILLiad - Book Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7 </head>   7 </head>
8     8  
9 <body>   9 <body>
10     <#INCLUDE filename="include_header.html">   10     <#INCLUDE filename="include_header.html">
11     <#INCLUDE filename="include_menu.html">     11     <#INCLUDE filename="include_menu.html">  
12     12  
    <> 13     <div class="container">
13     <div id="content" class="container" role="heading" aria-label="Content">   14         <main id="content" aria-label="Content">
14         <form action="illiadlending.dll" method="post" name="LendingGenericRequestLoan"> = 15             <form action="illiadlending.dll" method="post" name="LendingGenericRequestLoan">
15             <input type="hidden" name="ILLiadForm" value="LendingGenericRequestLoan">   16                 <input type="hidden" name="ILLiadForm" value="LendingGenericRequestLoan">
16             <input type="hidden" name="Username" value="<#PARAM name='Username'>">   17                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
17             <input type="hidden" name="SessionID" value="<#PARAM name='SessionID'>">   18                 <input type="hidden" name="SessionID" value="<#PARAM name='SessionID'>">
18             <input type="hidden" name="CallNumber" value="<#PARAM name='CallNumber'>">   19                 <input type="hidden" name="CallNumber" value="<#PARAM name='CallNumber'>">
19             <input type="hidden" name="ESPNumber" value="<#PARAM name='ESPNumber'>">   20                 <input type="hidden" name="ESPNumber" value="<#PARAM name='ESPNumber'>">
20             <input type="hidden" name="NotWantedAfter" value="<#PARAM name='NotWantedAfter'>">   21                 <input type="hidden" name="NotWantedAfter" value="<#PARAM name='NotWantedAfter'>">
21               22                 
22             <fieldset>   23                 <fieldset>
23     24  
24                 <h2 class="page-header">Book Request</h2>   25                     <h2 class="page-header">Book Request</h2>
25                   26                     
26                 <section name="bookrequest-info">   27                     <section name="bookrequest-info">
27     28  
28                     <div class="form-group col-md-9">   29                         <div class="form-group col-md-9">
29                         <label for="LoanTitle">   30                             <label for="LoanTitle">
30                             <span class="field">   31                                 <span class="field">
31                                 <span class="<#ERROR name='ERRORLoanTitle'>">   32                                     <span class="<#ERROR name='ERRORLoanTitle'>">
32                                     Title   33                                         Title
33                                     <span class="req">(required)</span>   34                                         <span class="req">(required)</span>
34                                 </span>   35                                     </span>
35                                 <br>   36                                     <br>
36                                 <span class="small-notes">   37                                     <span class="small-notes">
37                                     Please do not abbreviate unless your citation is abbreviated   38                                         Please do not abbreviate unless your citation is abbreviated
38                                 </span>    39                                     </span> 
39                             </span>   40                                 </span>
40                         </label>   41                             </label>
41                         <input type="text" class="form-control" name="LoanTitle" id="LoanTitle" value="<#PARAM name='LoanTitle'>" required>   42                             <input type="text" class="form-control" name="LoanTitle" id="LoanTitle" value="<#PARAM name='LoanTitle'>" required>
42                     </div>   43                         </div>
43     44  
44                     <div class="form-group col-md-9">     45                         <div class="form-group col-md-9">  
45                         <label for="LoanAuthor">   46                             <label for="LoanAuthor">
46                             <span class="field">   47                                 <span class="field">
47                                 <span class="<#ERROR name='ERRORLoanAuthor'>">   48                                     <span class="<#ERROR name='ERRORLoanAuthor'>">
48                                     Author/Editors   49                                         Author/Editors
49                                     <span class="req">(required)</span>   50                                         <span class="req">(required)</span>
50                                 </span>    51                                     </span> 
51                             </span>   52                                 </span>
52                         </label>   53                             </label>
53                         <input type="text" class="form-control" name="LoanAuthor" id="LoanAuthor" value="<#PARAM name='LoanAuthor'>" required>   54                             <input type="text" class="form-control" name="LoanAuthor" id="LoanAuthor" value="<#PARAM name='LoanAuthor'>" required>
54                     </div>   55                         </div>
55                           56                             
56                     <div class="form-group col-md-9">   57                         <div class="form-group col-md-9">
57                         <label for="LoanPublisher">   58                             <label for="LoanPublisher">
58                             <span class="field">   59                                 <span class="field">
59                                 <span class="<#ERROR name='ERRORLoanPublisher'>">   60                                     <span class="<#ERROR name='ERRORLoanPublisher'>">
60                                     Publisher   61                                         Publisher
61                                 </span>   62                                     </span>
62                             </span>   63                                 </span>
63                         </label>   64                             </label>
64                         <input type="text" class="form-control" name="LoanPublisher" id="LoanPublisher" value="<#PARAM name='LoanPublisher'>">   65                             <input type="text" class="form-control" name="LoanPublisher" id="LoanPublisher" value="<#PARAM name='LoanPublisher'>">
65                     </div>   66                         </div>
66                           67                             
67                     <div class="form-group col-md-9">   68                         <div class="form-group col-md-9">
68                         <label for="LoanPlace">   69                             <label for="LoanPlace">
69                             <span class="field">   70                                 <span class="field">
70                                 <span class="<#ERROR name='ERRORLoanPlace'>">   71                                     <span class="<#ERROR name='ERRORLoanPlace'>">
71                                     Place of Publication   72                                         Place of Publication
72                                 </span>   73