Aeon 5.1.29 Default Changes
   
Left: Old  
Right: New  

   
File: css\aeon.css  
1 @import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto'); = 1 @import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');
2     2  
3 body {   3 body {
4     font-family: 'Roboto', sans-serif;   4     font-family: 'Roboto', sans-serif;
5 }   5 }
6     6  
7 /*These are CSS classes for the headers*/   7 /*These are CSS classes for the headers*/
8 h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {   8 h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
9     font-family: 'Open Sans', sans-serif;   9     font-family: 'Open Sans', sans-serif;
10 }   10 }
11     11  
12 h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{   12 h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
13     color:#08415c;   13     color:#08415c;
14 }   14 }
15     15  
16 h1 {   16 h1 {
17     font-size: 48px;   17     font-size: 48px;
18     padding: 10px;   18     padding: 10px;
19     text-align: center;   19     text-align: center;
20 }   20 }
21     21  
22 h2 {   22 h2 {
23     font-size: 30px;   23     font-size: 30px;
24     padding: 10px 0 8px;   24     padding: 10px 0 8px;
25 }   25 }
26     26  
27 .header-special, .header-detailed {   27 .header-special, .header-detailed {
28     font-size: 26px;   28     font-size: 26px;
29     padding: 15px 0 0;   29     padding: 15px 0 0;
30 }   30 }
31     31  
32 .section-header {   32 .section-header {
33     font-size: 24px;   33     font-size: 24px;
34     padding: 0 0 10px;   34     padding: 0 0 10px;
35 }   35 }
36     36  
37 .card-title {   37 .card-title {
38     color: #08415c;   38     color: #08415c;
39     font-size: 22px;   39     font-size: 22px;
40     padding: 10px 0 0;   40     padding: 10px 0 0;
41 }   41 }
42     42  
43 label {   43 label {
44     font: bold 16px;   44     font: bold 16px;
45 }   45 }
46     46  
47 p {   47 p {
48     color: #5f5e5e;   48     color: #5f5e5e;
49     font-size: 16px;   49     font-size: 16px;
50     padding: 10px;   50     padding: 10px;
51     51  
52 }   52 }
53     53  
    -+ 54 /*Caution: Removing or altering focus style might affect accessibility.
      55   For more information, see WCAG 1.4.11 and 2.4.7*/
      56 button:focus,
      57 .btn:focus,
      58 .btn:not(:disabled):not(.disabled).active:focus,
      59 .btn:not(:disabled):not(.disabled):active:focus,
      60 .show>.btn.dropdown-toggle:focus,
      61 .form-control:focus,
      62 .custom-select:focus,
      63 .custom-control-input:focus~.custom-control-label::before {
      64     box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
      65     outline: 2px transparent solid;
      66 }
    = 67  
    -+ 68 /*For Safari compatibility, which does not support box-shadows on
      69   unstyled form controls. A black colored outline has
      70   sufficient contrast against our white and grey backgrounds.*/
      71 input:not(.form-control, .custom-select, .custom-control-input, .btn):focus {
      72     box-shadow: none;
      73     outline: 2px #000 solid;
      74     outline-offset: 2px;
      75 }
    = 76  
    -+ 77 /*Caution: Hyperlinks have underlines by default.
      78   Removing the underline can affect accessibility.
      79   For more information, see WCAG 1.4.1*/
54 a { = 80 a {
55     color: #08415c;   81     color: #08415c;
    -+ 82     text-decoration: underline;
      83 }
    = 84  
    -+ 85 a.btn {
56     text-decoration: none; = 86     text-decoration: none;
    -+ 87 }
    = 88  
    -+ 89 a:hover {
      90     text-decoration: none;
      91 }
    = 92  
    -+ 93 /*Caution: Removing hyperlink focus style will
      94   result in using browser defaults, which might affect accessibility.
      95   For more information, see WCAG 1.4.11 and 2.4.7*/
      96 a:focus, a:focus-visible {
      97     box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
      98     outline: 2px transparent solid;
57 } = 99 }
58     100  
59 ul {   101 ul {
60     color: #5f5e5e;   102     color: #5f5e5e;
61     font-size: 16px;   103     font-size: 16px;
62     padding: 0 0 0 25px;   104     padding: 0 0 0 25px;
63     word-wrap: normal;   105     word-wrap: normal;
64 }   106 }
65     107  
66 .small-notes {   108 .small-notes {
67     color: #5f5e5e;   109     color: #5f5e5e;
68     font-size: 14px;   110     font-size: 14px;
69     padding: 4px 0 0;   111     padding: 4px 0 0;
70 }   112 }
71     113  
72 .common-note {   114 .common-note {
73     color: #5f5e5e;   115     color: #5f5e5e;
74     font-size: 16px;   116     font-size: 16px;
75     padding: 6px 0px;   117     padding: 6px 0px;
76 }   118 }
77     119  
78 .req {   120 .req {
79     color: #b81f18;   121     color: #b81f18;
80     font-size: 12px;   122     font-size: 12px;
81     padding:0 0 0 6px;   123     padding:0 0 0 6px;
82     text-align: right;   124     text-align: right;
83 }   125 }
84     126  
85 .fas {   127 .fas {
86     font-size: 16px;   128     font-size: 16px;
87 }   129 }
88     130  
89 form section {   131 form section {
90     background-color: #e2e3e5;   132     background-color: #e2e3e5;
91     margin-bottom: 40px;   133     margin-bottom: 40px;
92     padding: 15px;   134     padding: 15px;
93 }   135 }
94     136  
95 /*These are the CSS classes for the header and footer */   137 /*These are the CSS classes for the header and footer */
96 .head {   138 .head {
97     background-color: #fff;   139     background-color: #fff;
98     height: auto;   140     height: auto;
99     padding: 10px;   141     padding: 10px;
100     text-align: center;   142     text-align: center;
101     width: 100%;   143     width: 100%;
102 }   144 }
103     145  
104 .foot {   146 .foot {
105     border-top: 1px solid #0000001a;   147     border-top: 1px solid #0000001a;
106     font-size: 14px;   148     font-size: 14px;
107     margin-top: 1rem;   149     margin-top: 1rem;
108     padding: 1rem 0;   150     padding: 1rem 0;
109 }   151 }
110     152  
111 #status br {   153 #status br {
112     display: none;   154     display: none;
113 }   155 }
114     156  
115 .info-block {   157 .info-block {
116     border-bottom: 1px solid #0000001a;   158     border-bottom: 1px solid #0000001a;
117     margin-bottom: 1rem;   159     margin-bottom: 1rem;
118     padding: 1rem 0;   160     padding: 1rem 0;
119 }   161 }
120     162  
121 .bold {   163 .bold {
122     font-weight: bold;   164     font-weight: bold;
123 }   165 }
124     166  
125 .navbar-dark .navbar-nav .nav-link:hover, a:hover, .dropdown-item:focus, .dropdown-item:hover { <> 167 .navbar-dark .navbar-nav .nav-link:hover, .dropdown-item:focus, .dropdown-item:hover {
126     text-decoration: underline; = 168     text-decoration: underline;
127 }   169 }
128     170  
129 /* Theses are CSS styling classes for logon/logout pages*/   171 /* Theses are CSS styling classes for logon/logout pages*/
130 .logon-directions {   172 .logon-directions {
131     border-bottom: 1px solid #0000001a;   173     border-bottom: 1px solid #0000001a;
132     font-size: 18px;   174     font-size: 18px;
133     margin-bottom: 1rem;   175     margin-bottom: 1rem;
134     padding: 1rem 0;   176     padding: 1rem 0;
135 }   177 }
136     178  
137 .logout-message {   179 .logout-message {
138    font-size: 16px;   180    font-size: 16px;
139 }   181 }
140     182  
141 .logon-field {   183 .logon-field {
142     padding: 0 15px 0 0;   184     padding: 0 15px 0 0;
143 }   185 }
144     186  
145 .forgot-password-link, .first-time-link{   187 .forgot-password-link, .first-time-link{
146     padding: 10px 0 0;   188     padding: 10px 0 0;
147 }   189 }
148     190  
149 /*These are CSS classes for the buttons*/   191 /*These are CSS classes for the buttons*/
150 .btn-primary, .btn-secondary, .btn-light {   192 .btn-primary, .btn-secondary, .btn-light {
151     border: none; +-    
152     margin: 10px 0; = 193     margin: 10px 0;
    -+ 194 }
    = 195  
    -+ 196 /*Caution: Altering button borders might affect accessibility.
      197   For more information, see WCAG 1.4.11*/
      198 .btn-primary, .btn-secondary, .btn-light, .btn.disabled, .btn:disabled,
      199 .btn-primary:hover, .btn-secondary:hover, .btn-light:hover,
      200 .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
      201 .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle,
      202 .btn-light:not(:disabled):not(.disabled):not(.dropdown-item).active, .btn-light:not(:disabled):not(.disabled):not(.dropdown-item):active, .show>.btn-light.dropdown-toggle {
      203     border: 1px solid #6C757D;
      204 }
    = 205  
    -+ 206 .btn-link, .btn-link.disabled, .btn-link:disabled, .dropdown-menu > .dropdown-item.btn-light {
      207     border: none;
153 } = 208 }
154     209  
155 .btn-primary {   210 .btn-primary {
156     background-color: #08415c;   211     background-color: #08415c;
157     color: #fff;   212     color: #fff;
158     margin: 10px 5px 10px 0;   213     margin: 10px 5px 10px 0;
159 }   214 }
160     215  
161 .btn-primary:disabled {   216 .btn-primary:disabled {
162     background-color: #08415c;   217     background-color: #08415c;
163 }   218 }
164     219  
165 .btn-secondary {   220 .btn-secondary {
166     background-color: #e2e3e5;   221     background-color: #e2e3e5;
167     color: #08415c;   222     color: #08415c;
168     margin: 10px 5px 10px 0;   223     margin: 10px 5px 10px 0;
169 }   224 }
170     225  
171 .btn-primary:hover {   226 .btn-primary:hover {
172     background-color: #52b3d9;   227     background-color: #52b3d9;
173     color: #05171f;   228     color: #05171f;
174     text-decoration: underline;   229     text-decoration: underline;
175 }   230 }
176     231  
177 .btn-secondary:hover, .dropdown-item:focus, .dropdown-item:not(.disabled):hover {   232 .btn-secondary:hover, .dropdown-item:focus, .dropdown-item:not(.disabled):hover {
178     background-color: #a4a5a5;   233     background-color: #a4a5a5;
179     color: #05171f;   234     color: #05171f;
180     text-decoration: underline;   235     text-decoration: underline;
181 }   236 }
182     237  
183 .badge-primary {   238 .badge-primary {
184     background-color: #08415c;   239     background-color: #08415c;
185 }   240 }
186     241  
187 .selectOptions {   242 .selectOptions {
188     color: #08415c;   243     color: #08415c;
189     padding: 20px 12px 6px;   244     padding: 20px 12px 6px;
190 }   245 }
191     246  
192 /*These are CSS alert styling classes*/   247 /*These are CSS alert styling classes*/
193 .btn-alert {   248 .btn-alert {
194     color: #b81f18;   249     color: #b81f18;
195     font-size: 14px;   250     font-size: 14px;
196     padding: 4px 12px 6px;   251     padding: 4px 12px 6px;
197 }   252 }
198     253  
199 .btn-alert:hover {   254 .btn-alert:hover {
200     color: #08415c;   255     color: #08415c;
201 }   256 }
202     257  
203 .alerts-bar{   258 .alerts-bar{
204     background-color: #f1f4f7;   259     background-color: #f1f4f7;
205     margin: 0 0 20px;   260     margin: 0 0 20px;
206     text-align: center;   261     text-align: center;
207 }   262 }
208     263  
209 /*These are CSS styling classes for the navigation bar*/   264 /*These are CSS styling classes for the navigation bar*/
210 .main-navbar {   265 .main-navbar {
211     background-color: #08415c;   266     background-color: #08415c;
212     color: #000;   267     color: #000;
213     padding: 5px;   268     padding: 5px;
214     font: bold 26px 'Open Sans', sans-serif;   269     font: bold 26px 'Open Sans', sans-serif;
215     font-kerning: auto;   270     font-kerning: auto;
216 }   271 }
217     272  
218 nav li {   273 nav li {
219     margin: 0px 0px 0px 12px;   274     margin: 0px 0px 0px 12px;
220 }   275 }
221     276  
222 nav li a {   277 nav li a {
223     font: bolder 18px 'Open Sans', sans-serif;   278     font: bolder 18px 'Open Sans', sans-serif;
224     text-decoration: none;   279     text-decoration: none;
225 }   280 }
226     281  
227 .navbar-dark .navbar-nav .nav-link {   282 .navbar-dark .navbar-nav .nav-link {
228     color: #e0e0e0;   283     color: #e0e0e0;
229 }   284 }
230     285  
231 .dropdown-item {   286 .dropdown-item {
232     font-size: 14px;   287     font-size: 14px;
233 }   288 }
234     289  
235 /*These are the CSS Styling classes for search*/   290 /*These are the CSS Styling classes for search*/
236 #no-results-message {   291 #no-results-message {
237     color: #5f5e5e;   292     color: #5f5e5e;
238     font-size: 16px;   293     font-size: 16px;
239     padding: 4px 0 0;   294     padding: 4px 0 0;
240 }   295 }
241     296  
242 .ui-datepicker-trigger {   297 .ui-datepicker-trigger {
243     width: 35px;   298     width: 35px;
244 }   299 }
245     300  
246 .visit-date {   301 .visit-date {
247     padding-left: 0px;   302     padding-left: 0px;
248 }   303 }
249     304  
250 .researcher-tag-count {   305 .researcher-tag-count {
251     padding: 0 5px 0 0;   306     padding: 0 5px 0 0;
252 }   307 }
253     308  
254 .checkbox {   309 .checkbox {
255     padding-top: 20px;   310     padding-top: 20px;
256 }   311 }
257     312  
258 .form-checkbox {   313 .form-checkbox {
259     padding: 10px 16px;   314     padding: 10px 16px;
260 }   315 }
261     316  
262 section[name='order-info'] .form-check, form[name='ChangeUserInformation'] .form-check {   317 section[name='order-info'] .form-check, form[name='ChangeUserInformation'] .form-check {
263     padding-left: 2.25rem;   318     padding-left: 2.25rem;
264 }   319 }
265     320  
    -+ 321 /*Caution: Changing form field border color can affect accessibility
      322   For more information see WCAG 1.4.11*/
      323 .form-control,
      324 .form-control:focus,
      325 .custom-select,
      326 .custom-select:focus,
      327 .custom-control .custom-control-label::before,
      328 .custom-control-input:focus:not(:checked)~.custom-control-label::before {
      329     border-color: #757575;
      330 }
    = 331  
    -+ 332 .custom-switch .custom-control-label::after {
      333     background-color: #757575;
      334 }
    = 335  
266 .transaction-label {   336 .transaction-label {
267     width: 33%;   337     width: 33%;
268 }   338 }
269     339  
270 #researcher-tags-input {   340 #researcher-tags-input {
271     width: 100%;   341     width: 100%;
272 }   342 }
273 a.offscreen{   343 a.offscreen{
274     clip-path: inset(100%);   344     clip-path: inset(100%);
275     clip: rect(1px 1px 1px 1px); /* IE 6/7 */   345     clip: rect(1px 1px 1px 1px); /* IE 6/7 */
276     clip: rect(1px, 1px, 1px, 1px);   346     clip: rect(1px, 1px, 1px, 1px);
277     height: 1px;   347     height: 1px;
278     overflow: hidden;   348     overflow: hidden;
279     position: absolute;   349     position: absolute;
280     white-space: nowrap; /* added line */   350     white-space: nowrap; /* added line */
281     width: 1px;   351     width: 1px;
282 }   352 }
283     353  
284 a.offscreen:focus{   354 a.offscreen:focus{
285   position:relative;   355   position:relative;
286   clip:auto;   356   clip:auto;
287   width:auto;   357   width:auto;
288   height:auto;   358   height:auto;
289   overflow:auto;   359   overflow:auto;
    -+ 360   clip-path: none;
290 } = 361 }
291     362  
292 /* EAD Styling */   363 /* EAD Styling */
293     364  
294 .EADCommon {   365 .EADCommon {
295     margin-bottom: 20px   366     margin-bottom: 20px
296 }   367 }
297     368  
298 .EADSection {   369 .EADSection {
299     margin-top: 5px;   370     margin-top: 5px;
300     margin-bottom: 5px;   371     margin-bottom: 5px;
301     padding: 5px;   372     padding: 5px;
302     border-style: solid;   373     border-style: solid;
303     border-width: 1px;   374     border-width: 1px;
304     border-color: #666666   375     border-color: #666666
305 }   376 }
306     377  
307 .EADGroup {   378 .EADGroup {
308     margin: 5px;   379     margin: 5px;
309     padding: 5px;   380     padding: 5px;
310 }   381 }
311     382  
312 .EADContainer {   383 .EADContainer {
313     margin-left: 20px;   384     margin-left: 20px;
314     padding: 0px;   385     padding: 0px;
315 }   386 }
316     387  
317 .EADRequest {   388 .EADRequest {
318     display: block   389     display: block
319 }   390 }
320     391  
321 .c01 {   392 .c01 {
322     padding-left: 5px;   393     padding-left: 5px;
323     font-weight: bold   394     font-weight: bold
324 }   395 }
325     396  
326 .c02 {   397 .c02 {
327     padding-left: 15px   398     padding-left: 15px
328 }   399 }
329     400  
330 .c03 {   401 .c03 {
331     padding-left: 30px   402     padding-left: 30px
332 }   403 }
333     404  
334 .c04 {   405 .c04 {
335     padding-left: 45px   406     padding-left: 45px
336 }   407 }
337     408  
338 .c05 {   409 .c05 {
339     padding-left: 60px   410     padding-left: 60px
340 }   411 }
341     412  
342 .c06 {   413 .c06 {
343     padding-left: 75px   414     padding-left: 75px
344 }   415 }
345     416  
346 .c07 {   417 .c07 {
347     padding-left: 90px   418     padding-left: 90px
348 }   419 }
349     420  
350 .c08 {   421 .c08 {
351     padding-left: 105px   422     padding-left: 105px
352 }   423 }
353     424  
354 .c09 {   425 .c09 {
355     padding-left: 120px   426     padding-left: 120px
356 }   427 }
357     428  
358 .c10 {   429 .c10 {
359     padding-left: 135px   430     padding-left: 135px
360 }   431 }
361     432  
362 .c11 {   433 .c11 {
363     padding-left: 150px   434     padding-left: 150px
364 }   435 }
365     436  
366 .c12 {   437 .c12 {
367     padding-left: 165px   438     padding-left: 165px
368 }   439 }
      440  
    -+ 441 /* Cookie Consent Styling */
    = 442  
    -+ 443 .theme_atlas{
      444     --cc-bg: #333333;
      445     --cc-text: #fff;
      446     --cc-btn-primary-bg: #08415c;
      447     --cc-btn-primary-text: #fff;
      448 }
    = 449  
    -+ 450 .theme_atlas .cc_div a{
      451     color: var(--cc-btn-primary-bg);
      452 }
    = 453  
    -+ 454 .theme_atlas .cc_div #c-txt{
      455     color: var(--cc-text);
      456 }
    = 457  
    -+ 458 .theme_atlas .c-bn, .theme_atlas .c-bn:hover {
      459     border: 1px solid #79818B;
      460 }

   
File: css\cookieconsent.min.css  
1 .cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s} <> 1  :root{--cc-bg: #fff;--cc-text: #2d4156;--cc-btn-primary-bg: #2d4156;--cc-btn-primary-text: var(--cc-bg);--cc-btn-primary-hover-bg: #1d2e38;--cc-btn-secondary-bg: #eaeff2;--cc-btn-secondary-text: var(--cc-text);--cc-btn-secondary-hover-bg: #d8e0e6;--cc-toggle-bg-off: #919ea6;--cc-toggle-bg-on: var(--cc-btn-primary-bg);--cc-toggle-bg-readonly: #d5dee2;--cc-toggle-knob-bg: #fff;--cc-toggle-knob-icon-color: #ecf2fa;--cc-block-text: var(--cc-text);--cc-cookie-category-block-bg: #f0f4f7;--cc-cookie-category-block-bg-hover: #e9eff4;--cc-section-border: #f1f3f5;--cc-cookie-table-border: #e9edf2;--cc-overlay-bg: rgba(4, 6, 8, .85);--cc-webkit-scrollbar-bg: #cfd5db;--cc-webkit-scrollbar-bg-hover: #9199a0;}.c_darkmode{--cc-bg: #181b1d;--cc-text: #d8e5ea;--cc-btn-primary-bg: #a6c4dd;--cc-btn-primary-text: #000;--cc-btn-primary-hover-bg: #c2dff7;--cc-btn-secondary-bg: #33383c;--cc-btn-secondary-text: var(--cc-text);--cc-btn-secondary-hover-bg: #3e454a;--cc-toggle-bg-off: #667481;--cc-toggle-bg-on: var(--cc-btn-primary-bg);--cc-toggle-bg-readonly: #454c54;--cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);--cc-toggle-knob-icon-color: var(--cc-bg);--cc-block-text: #b3bfc5;--cc-cookie-category-block-bg: #23272a;--cc-cookie-category-block-bg-hover: #2b3035;--cc-section-border: #292d31;--cc-cookie-table-border: #2b3035;--cc-webkit-scrollbar-bg: #667481;--cc-webkit-scrollbar-bg-hover: #9199a0;}.cc_div *, .cc_div *:hover, .cc_div :before, .cc_div :after{-webkit-box-sizing: border-box;box-sizing: border-box;float: none;font-style: inherit;font-variant: normal;font-weight: inherit;font-family: inherit;line-height: 1.2;font-size: 1em;transition: none;animation: none;margin: 0;padding: 0;text-transform: none;letter-spacing: unset;color: inherit;background: none;border: none;border-radius: unset;box-shadow: none;text-decoration: none;text-align: left;visibility: unset;height: auto;vertical-align: baseline;}.cc_div {font-size: 16px;font-weight: 400;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;color: #2d4156;color: var(--cc-text);}.cc_div .c-bn, .cc_div .b-tl, #s-ttl, #c-ttl, #s-bl td:before{font-weight: 600;}#cm, #s-inr, .cc_div .c-bl, .cc_div .b-tl, #s-bl .act .b-acc{border-radius: .35em;}#s-bl .act .b-acc{border-top-left-radius: 0;border-top-right-radius: 0;}.cc_div input, .cc_div button, .cc_div a{-webkit-appearance: none;-moz-appearance: none;appearance: none;}.cc_div a{border-bottom: 1px solid;}.cc_div a:hover{text-decoration: none;border-color: transparent;}.c--anim #cm, .c--anim #s-cnt, .c--anim #s-inr, #cs-ov, #cm-ov{transition: visibility .25s linear, opacity .25s ease, transform .25s ease!important;}.c--anim .c-bn{transition: background-color .25s ease!important;}.c--anim #cm.bar.slide, .c--anim .bar.slide #s-inr{transition: visibility .4s ease, opacity .4s ease, transform .4s ease!important;}.c--anim #cm.bar.slide + #cm-ov, .c--anim .bar.slide + #cs-ov{transition: visibility .4s ease, opacity .4s ease, transform .4s ease!important;}#cm.bar.slide, .cc_div .bar.slide #s-inr{transform: translateX(100%);opacity: 1;}#cm.bar.top.slide, .cc_div .bar.left.slide #s-inr{transform: translateX(-100%);opacity: 1;}#cm.slide, .cc_div .slide #s-inr{transform: translateY(1.6em);}#cm.top.slide{transform: translateY(-1.6em);}#cm.bar.slide{transform: translateY(100%);}#cm.bar.top.slide{transform: translateY(-100%);}.show--consent .c--anim #cm, .show--consent .c--anim #cm.bar, .show--settings .c--anim #s-inr, .show--settings .c--anim .bar.slide #s-inr{opacity: 1;transform: scale(1);visibility: visible!important;}.show--consent .c--anim #cm.box.middle, .show--consent .c--anim #cm.cloud.middle{transform: scale(1) translateY(-50%);}.show--settings .c--anim #s-cnt{visibility: visible!important;}.force--consent.show--consent .c--anim #cm-ov, .show--settings .c--anim #cs-ov{visibility: visible!important;opacity: 1!important;}#cm{font-family: in
2 .cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}   2 herit;padding: 1.1em 1.8em 1.4em 1.8em;position: fixed;z-index: 1;background: #fff;background: var(--cc-bg);max-width: 24.2em;width: 100%;bottom: 1.250em;right: 1.250em;box-shadow: 0 0.625em 1.875em #000000;box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);opacity: 0;visibility: hidden;transform: scale(.95);line-height: initial;}#cc_div #cm {display: block!important;}#c-ttl{margin-bottom: .7em;font-size: 1.05em;}.cloud #c-ttl{margin-top: -.15em;}#c-txt{font-size: 0.9em;line-height: 1.5em;}.cc_div #c-bns{display: flex;justify-content: space-between;margin-top: 1.4em;}.cc_div .c-bn{color: #40505a;color: var(--cc-btn-secondary-text);background: #e5ebef;background: var(--cc-btn-secondary-bg);padding: 1em 1.7em;display: inline-block;cursor: pointer;font-size: 0.82em;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;text-align: center;border-radius: 4px;flex: 1;}#c-bns button + button, #s-cnt button + button, #s-c-bn{float: right;margin-left: 1em;}#s-cnt #s-rall-bn{float: none;}#cm .c_link:hover, #cm .c_link:active, #s-cnt button + button:hover, #s-cnt button + button:active, #s-c-bn:active, #s-c-bn:hover{background: #d8e0e6;background: var(--cc-btn-secondary-hover-bg);}#s-cnt{position: fixed;top: 0;left: 0;width: 100%;z-index: 101;display: table;height: 100%;visibility: hidden;}#s-bl{outline: none;}#s-bl .title{margin-top: 1.4em;}#s-bl .title:first-child{margin-top: 0;}#s-bl .b-bn{margin-top: 0;}#s-bl .b-acc .p{margin-top: 0;padding: 1em;}#s-cnt .b-bn .b-tl{display: block;font-family: inherit;font-size: .95em;width: 100%;position: relative;padding: 1.3em 6.4em 1.3em 2.7em;background: none;transition: background-color .25s ease;}#s-cnt .b-bn .b-tl.exp{cursor: pointer;}#s-cnt .act .b-bn .b-tl{border-bottom-right-radius: 0;border-bottom-left-radius: 0;}#s-cnt .b-bn .b-tl:active, #s-cnt .b-bn .b-tl:hover{background: #e9eff4;background: var(--cc-cookie-category-block-bg-hover);}#s-bl .b-bn{position: relative;}#s-bl .c-bl{padding: 1em;margin-bottom: .5em;border: 1px solid #f1f3f5;border-color: var(--cc-section-border);transition: background-color .25s ease;}#s-bl .c-bl:hover{background: #f0f4f7;background: var(--cc-cookie-category-block-bg);}#s-bl .c-bl:last-child{margin-bottom: .5em;}#s-bl .c-bl:first-child{transition: none;padding: 0;margin-top: 0;border:none;margin-bottom: 2em;}#s-bl .c-bl:not(.b-ex):first-child:hover{background: transparent;background: unset;}#s-bl .c-bl.b-ex{padding: 0;border: none;background: #f0f4f7;background: var(--cc-cookie-category-block-bg);transition: none;}#s-bl .c-bl.b-ex + .c-bl{margin-top: 2em;}#s-bl .c-bl.b-ex + .c-bl.b-ex{margin-top: 0;}#s-bl .c-bl.b-ex:first-child{margin-bottom: 1em;}#s-bl .c-bl.b-ex:first-child{margin-bottom: .5em;}#s-bl .b-acc{max-height: 0;overflow: hidden;padding-top: 0;margin-bottom: 0;display: none;}#s-bl .act .b-acc{max-height: 100%;display: block;overflow: hidden;}#s-cnt .p{font-size: 0.9em;line-height: 1.5em;margin-top: .85em;color: #2d4156;color: var(--cc-block-text);}.cc_div .b-tg .c-tgl:disabled{cursor: not-allowed;}#c-vln{display: table-cell;vertical-align: middle;position: relative;}#cs{padding: 0 1.7em;width: 100%;position: fixed;left: 0;right: 0;top: 0;bottom: 0;height: 100%;}#s-inr{height: 100%;position: relative;max-width: 45em;margin: 0 auto;transform: scale(.96);opacity: 0;padding-top: 4.75em;padding-bottom: 4.75em;position: relative;height: 100%;overflow: hidden;visibility: hidden;box-shadow: rgba(3, 6, 9, .26) 0px 13px 27px -5px;}#s-inr, #s-hdr, #s-bns{background: #fff;background: var(--cc-bg);}#s-bl{overflow-y: auto;overflow-y: overlay;overflow-x: hidden;height: 100%;padding: 1.3em 2.1em;display: block;width: 100%;}#s-bns{position: absolute;bottom: 0;left: 0;right: 0;padding: 1em 2.1em;border-top: 1px solid #f1f3f5;border-color: var(--cc-section-border);height: 4.75em;}.cc_div .cc-link{color: #253b48;color: var(--cc-btn-primary-bg);border-bottom: 1px solid #253b48;border-color: var(--cc-btn-primary-bg);display: inline;padding-bottom: 0;text-decoration: none;cursor: pointer;font-weight: 600;}.cc
3 .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}   3 _div .cc-link:hover, .cc_div .cc-link:active{border-color: transparent;}#c-bns button:first-child, #s-bns button:first-child{color: #fff;color: var(--cc-btn-primary-text);background: #253b48;background: var(--cc-btn-primary-bg);}#c-bns.swap button:first-child{color: #40505a;color: var(--cc-btn-secondary-text);background: #e5ebef;background: var(--cc-btn-secondary-bg);}#c-bns.swap button:last-child{color: #fff;color: var(--cc-btn-primary-text);background: #253b48;background: var(--cc-btn-primary-bg);}.cc_div .b-tg .c-tgl:checked ~ .c-tg{background: #253b48;background: var(--cc-toggle-bg-on);}#c-bns button:first-child:active, #c-bns button:first-child:hover, #s-bns button:first-child:active, #s-bns button:first-child:hover, #c-bns.swap button:last-child:active, #c-bns.swap button:last-child:hover{background: #1d2e38;background: var(--cc-btn-primary-hover-bg);}#c-bns.swap button:first-child:active, #c-bns.swap button:first-child:hover{background: #d8e0e6;background: var(--cc-btn-secondary-hover-bg);}#s-hdr{position: absolute;top: 0;width: 100%;display: table;padding: 0 2.1em;height: 4.75em;vertical-align: middle;z-index: 2;border-bottom: 1px solid #f1f3f5;border-color: var(--cc-section-border);}#s-ttl{display: table-cell;vertical-align: middle;font-size: 1em;}#s-c-bn{padding: 0;width: 1.7em;height: 1.7em;font-size: 1.45em;margin: 0;font-weight: initial;position: relative;overflow: hidden;}#s-c-bnc{display: table-cell;vertical-align: middle;}.cc_div span.t-lb {position: absolute;top: 0;z-index: -1;opacity: 0;pointer-events: none;overflow: hidden;}#c_policy__text{height: 31.250em;overflow-y: auto;margin-top: 1.250em;}#c-s-in{position: relative;transform: translateY(-50%);top: 50%;height: 100%;height: calc(100% - 2.5em);max-height: 37.5em;}@media screen and (min-width: 688px) {#s-bl::-webkit-scrollbar{width: .9em;height: 100%;background: transparent;border-radius: 0 0.250em 0.250em 0;}#s-bl::-webkit-scrollbar-thumb{border: 0.25em solid var(--cc-bg);background: #cfd5db;background: var(--cc-webkit-scrollbar-bg);border-radius: 100em;}#s-bl::-webkit-scrollbar-thumb:hover{background: #9199a0;background: var(--cc-webkit-scrollbar-bg-hover);}#s-bl::-webkit-scrollbar-button {width: 10px;height: 5px;}}.cc_div .b-tg {position: absolute;right: 0;top: 0;bottom: 0;display: inline-block;margin: auto;right: 1.2em;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: middle;}.cc_div .b-tg .c-tgl {position: absolute;cursor: pointer;display: block;top: 0;left: 0;margin: 0;border: 0;}.cc_div .b-tg .c-tg {position: absolute;background: #919ea6;background: var(--cc-toggle-bg-off);transition: background-color .25s ease, box-shadow .25s ease;pointer-events: none;}.cc_div span.t-lb, .cc_div .b-tg, .cc_div .b-tg .c-tg, .cc_div .b-tg .c-tgl{width: 3.4em;height: 1.5em;border-radius: 4em;}.cc_div .b-tg .c-tg.c-ro{cursor: not-allowed;}.cc_div .b-tg .c-tgl ~ .c-tg.c-ro{background: #d5dee2;background: var(--cc-toggle-bg-readonly);}.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after{box-shadow: none;}.cc_div .b-tg .c-tg:after {content: "";position: relative;display: block;left: 0.125em;top: 0.125em;width: 1.25em;height: 1.25em;border: none;box-sizing: content-box;background: #fff;background: var(--cc-toggle-knob-bg);box-shadow: 0 1px 2px rgba(24, 32, 35, .36);transition: transform .25s ease;border-radius: 100%;}.cc_div .b-tg .c-tgl:checked ~ .c-tg:after{transform: translateX(1.9em);}#s-bl table, #s-bl th, #s-bl td{border: none;}#s-bl tbody tr{transition: background-color .25s ease;}#s-bl tbody tr:hover{background: #e9eff4;background: var(--cc-cookie-category-block-bg-hover);}#s-bl table {text-align: left;border-collapse: collapse;width: 100%;padding: 0;margin: 0;overflow: hidden;}#s-bl td, #s-bl th {padding: 0.8em 0.625em;text-align: left;vertical-align: top;font-size: .8em;padding-left: 1.2em;}#s-bl th {font-family: inherit;padding: 1.2em 1.2em;}#s-bl thead tr:first-child{border-bottom: 1px solid #e9edf2;border-color: var(--cc-cookie-table-border);}.force--consent #s-cnt, .force--consent #cs{width: 100v
4 @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}   4 w;}#cm-ov, #cs-ov{position: fixed;left: 0;right: 0;top: 0;bottom: 0;visibility: hidden;opacity: 0;background: #070707;background: rgba(4, 6, 8, .85);background: var(--cc-overlay-bg);display: none;transition: none;}.show--settings #cs-ov, .c--anim #cs-ov, .force--consent .c--anim #cm-ov, .force--consent.show--consent #cm-ov{display: block;}#cs-ov{z-index: 2;}.force--consent .cc_div{position: fixed;top: 0;left: 0;bottom: 0;width: 100%;width: 100vw;visibility: hidden;transition: visibility .25s linear;}.force--consent.show--consent .c--anim .cc_div, .force--consent.show--settings .c--anim .cc_div{visibility: visible;}.force--consent #cm{position: absolute;}.force--consent #cm.bar{width: 100vw;max-width: 100vw;}html.force--consent.show--consent{overflow-y: hidden!important;}html.force--consent.show--consent, html.force--consent.show--consent body{height: auto!important;overflow-x: hidden!important;}.cc_div .b-bn .exp::before, .cc_div .act .b-bn .exp::before{border: solid #2d4156;border-color: var(--cc-btn-secondary-text);border-width: 0 2px 2px 0;padding: .2em;display: inline-block;position: absolute;content: '';margin-right: 15px;position: absolute;transform: translateY(-50%) rotate(45deg);left: 1.2em;top: 50%;}.cc_div .act .b-bn .b-tl::before{transform: translateY(-20%) rotate(225deg);}.cc_div .on-i::before{border: solid #fff;border-color: var(--cc-toggle-knob-icon-color);border-width: 0 2px 2px 0;padding: .1em;display: inline-block;padding-bottom: .45em;content: '';margin: 0 auto;transform: rotate(45deg);top: .37em;left: .75em;position: absolute;}#s-c-bn::before, #s-c-bn::after{content: '';position: absolute;left: .82em;top: .58em;height: .6em;width: 1.5px;background: #444d53;background: var(--cc-btn-secondary-text);transform: rotate(45deg);border-radius: 1em;margin: 0 auto;}#s-c-bn::after{transform: rotate(-45deg);}.cc_div .off-i, .cc_div .on-i{height: 100%;width: 50%;position: absolute;right: 0;display: block;text-align: center;transition: opacity .15s ease;}.cc_div .on-i{left: 0;opacity: 0;}.cc_div .off-i::before, .cc_div .off-i::after{right: .8em;top: .42em;content: ' ';height: .7em;width: .09375em;display: block;background: #cdd6dc;background: var(--cc-toggle-knob-icon-color);margin: 0 auto;position: absolute;transform-origin: center;}.cc_div .off-i::before {transform: rotate(45deg);}.cc_div .off-i::after {transform: rotate(-45deg);}.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i{opacity: 1;}.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i{opacity: 0;}#cm.box.middle, #cm.cloud.middle{top: 50%;transform: translateY(-37%);bottom: auto;}#cm.box.middle.zoom, #cm.cloud.middle.zoom{transform: scale(.95) translateY(-50%);}#cm.box.center{left: 1em;right: 1em;margin: 0 auto;}#cm.cloud {max-width: 50em;margin: 0 auto;text-align: center;left: 1em;right: 1em;overflow: hidden;padding: 1.3em 2em;width: unset;}.cc_div .cloud #c-inr{display: table;width: 100%;}.cc_div .cloud #c-inr-i{width: 70%;display: table-cell;vertical-align: top;padding-right: 2.4em;}.cc_div .cloud #c-txt{font-size: 0.85em;}.cc_div .cloud #c-bns{min-width: 170px;display: table-cell;vertical-align: middle;}#cm.cloud .c-bn{margin: .625em 0 0 0;width: 100%;}#cm.cloud .c-bn:first-child{margin: 0;}#cm.cloud.left{margin-right: 1.25em;}#cm.cloud.right{margin-left: 1.25em;}#cm.bar {width: 100%;max-width: 100%;left: 0;right: 0;bottom: 0;border-radius: 0;position: fixed;padding: 2em;}#cm.bar #c-inr{max-width: 32em;margin: 0 auto;}#cm.bar #c-bns{max-width: 33.75em;}#cm.bar #cs{padding: 0;}.cc_div .bar #c-s-in{top: 0;transform: none;height: 100%;max-height: 100%;}.cc_div .bar #s-hdr, .cc_div .bar #s-bl, .cc_div .bar #s-bns {padding-left: 1.6em;padding-right: 1.6em;}.cc_div .bar #cs{padding: 0;}.cc_div .bar #s-inr{margin: 0;margin-left: auto;margin-right: 0;border-radius: 0;max-width: 32em;}.cc_div .bar.left #s-inr{margin-left: 0;margin-right: auto;}.cc_div .bar #s-bl table, .cc_div .bar #s-bl thead, .cc_div .bar #s-bl tbody, .cc_div .bar #s-bl th, .cc_div .bar #s-bl td, .cc_div .bar #s-bl tr, .cc_div .bar #s-cnt{display: block;}.cc_div .bar #s-bl thead tr{position: absolute;top: -99
5 .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}   5 99px;left: -9999px;}.cc_div .bar #s-bl tr{border-top: 1px solid #e3e7ed;border-color: var(--cc-cookie-table-border);}.cc_div .bar #s-bl td {border: none;position: relative;padding-left: 35%;}.cc_div .bar #s-bl td:before {position: absolute;left: 1em;padding-right: 0.625em;white-space: nowrap;content: attr(data-column);color: #000;color: var(--cc-text);overflow: hidden;text-overflow: ellipsis;}#cm.top {bottom: auto;top: 1.250em;}#cm.left{right: auto;left: 1.250em;}#cm.right{left: auto;right: 1.250em;}#cm.bar.left, #cm.bar.right{left: 0;right: 0;}#cm.bar.top{top: 0;}@media screen and (max-width: 688px) {#cm, #cm.cloud, #cm.left, #cm.right{width: auto;max-width: 100%;margin: 0;padding: 1.4em!important;right: 1em;left: 1em;bottom: 1em;display: block;}.force--consent #cm, .force--consent #cm.cloud{width: auto;max-width: 100vw;}#cm.top{top: 1em;bottom: auto;}#cm.bottom{bottom: 1em;top: auto;}#cm.bar.bottom{bottom: 0;}#cm.cloud .c-bn{font-size: .85em;}#s-bns, .cc_div .bar #s-bns{padding: 1em 1.3em;}.cc_div .bar #s-inr{max-width: 100%;width: 100%;}.cc_div .cloud #c-inr-i{padding-right: 0;}#cs{border-radius: 0;padding: 0;}#c-s-in{max-height: 100%;height: 100%;top: 0;transform: none;}.cc_div .b-tg{transform: scale(1.1);right: 1.1em;}#s-inr{margin: 0;padding-bottom: 7.9em;border-radius: 0;}#s-bns{height: 7.9em;}#s-bl, .cc_div .bar #s-bl{padding: 1.3em;}#s-hdr, .cc_div .bar #s-hdr{padding: 0 1.3em;}#s-bl table {width: 100%;}#s-inr.bns-t{padding-bottom: 10.5em;}.bns-t #s-bns{height: 10.5em;}.cc_div .bns-t .c-bn{font-size: 0.83em;padding: .9em 1.6em;}#s-cnt .b-bn .b-tl{padding-top: 1.2em;padding-bottom: 1.2em;}#s-bl table, #s-bl thead, #s-bl tbody, #s-bl th, #s-bl td, #s-bl tr, #s-cnt{display: block;}#s-bl thead tr{position: absolute;top: -9999px;left: -9999px;}#s-bl tr{border-top: 1px solid #e3e7ed;border-color: var(--cc-cookie-table-border);}#s-bl td {border: none;position: relative;padding-left: 35%;}#s-bl td:before {position: absolute;left: 1em;padding-right: 0.625em;white-space: nowrap;content: attr(data-column);color: #000;color: var(--cc-text);overflow: hidden;text-overflow: ellipsis;}#cm .c-bn, .cc_div .c-bn{width: 100%;margin-right: 0;}#s-cnt #s-rall-bn{margin-left: 0;}.cc_div #c-bns{flex-direction: column;}#c-bns button + button, #s-cnt button + button{margin-top: 0.625em;margin-left: 0;float: unset;}#cm.cloud, #cm.box{left: 1em;right: 1em;width: auto;}#cm.cloud.right, #cm.cloud.left{margin: 0;}.cc_div .cloud #c-bns, .cc_div .cloud #c-inr, .cc_div .cloud #c-inr-i{display: block;width: auto;min-width: unset;}.cc_div .cloud #c-txt{font-size: .9em;}.cc_div .cloud #c-bns{margin-top: 1.625em;}}.cc_div.ie #c-vln{height: 100%;padding-top: 5.62em;}.cc_div.ie .bar #c-vln{padding-top: 0;}.cc_div.ie #cs{max-height: 37.5em;position: relative;top: 0;margin-top: -5.625em;}.cc_div.ie .bar #cs{margin-top:0;max-height: 100%;}.cc_div.ie #cm{border: 1px solid #dee6e9;}.cc_div.ie #c-s-in{top: 0;}.cc_div.ie .b-tg{padding-left: 1em;margin-bottom: 0.7em;}.cc_div.ie .b-tg .c-tgl:checked ~ .c-tg:after{left: 1.95em;}.cc_div.ie #s-bl table{overflow: auto;}.cc_div.ie .b-tg .c-tg{display: none;}.cc_div.ie .b-tg .c-tgl{position: relative;display: inline-block;vertical-align: middle;margin-bottom: 0.2em;height: auto;}.cc_div.ie #s-cnt .b-bn .b-tl{padding: 1.3em 6.4em 1.3em 1.4em }.cc_div.ie .bar #s-bl td:before{display: none;}.cc_div.ie .bar #s-bl td{padding: 0.8em 0.625em 0.8em 1.2em;}.cc_div.ie .bar #s-bl thead tr{position: relative;}.cc_div.ie .b-tg .t-lb{filter: alpha(opacity=0);}.cc_div.ie #cm-ov, .cc_div.ie #cs-ov{filter: alpha(opacity=80);}
6 .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}      

   
File: js\atlasCookieConsent.js  
1 window.addEventListener("load", function() { = 1 window.addEventListener("load", function() {
2   window.cookieconsent.initialise({ <> 2   var cc = initCookieConsent();
3     "palette": {   3  
      4   cc.run({
      5     current_lang: 'en',
4       "popup": {   6     gui_options: {
5         "background": "#333333"   7       consent_modal: {
      8           layout: 'bar',
      9           position: 'bottom center',
      10           transition: 'slide',
      11           swap_buttons: false
      12       }
6       }, = 13     },
    <> 14     languages: {
7       "button": {   15         'en': {
8         "background": "#08415c"   16             consent_modal: {
      17                 title: 'This website uses cookies to ensure you get the best experience on our website.',
      18                 description: '',
      19                 primary_btn: {
      20                     text: 'Got It',
      21                     role: 'accept_all'
9       } = 22                 }
10     },   23             },
11     "showLink": false, <> 24             settings_modal: {
12     "theme": "edgeless"   25                 title: 'Cookie preferences',
      26                 save_settings_btn: 'Save settings',
      27                 accept_all_btn: 'Accept all',
      28                 reject_all_btn: 'Reject all',
      29                 close_btn_label: 'Close',
      30                 cookie_table_headers: [
      31                     {col1: 'Name'},
      32                     {col2: 'Domain'},
      33                     {col3: 'Expiration'},
      34                     {col4: 'Description'}
      35                 ],
      36                 blocks: []
      37             }
      38         }
      39     }
13   })   40   });
      41   document.getElementById("cc--main").classList.add("theme_atlas");
14 }); = 42 });

   
File: js\atlasUtility.js  
1 $(document).ready(function () { = 1 $(document).ready(function () {
2     2  
3   //Hide field-values if there is no value inside (when the field does not also have a class of showEmptyValue)   3   //Hide field-values if there is no value inside (when the field does not also have a class of showEmptyValue)
4   $('.field-value:empty').closest('.field:not(.showEmptyValue)').hide();   4   $('.field-value:empty').closest('.field:not(.showEmptyValue)').hide();
5     5  
6   //Attach click event handlers to each element that controls collapsing another element and add the appropriate collapse control class   6   //Attach click event handlers to each element that controls collapsing another element and add the appropriate collapse control class
7   $(document).find("[data-toggle='collapse']").each(function() {   7   $(document).find("[data-toggle='collapse']").each(function() {
8     var _this = $(this);   8     var _this = $(this);
9     9  
10     //If any of this element's targets have the collapse class, then we should use the expand-control class. Otherwise, use the collapse-control class   10     //If any of this element's targets have the collapse class, then we should use the expand-control class. Otherwise, use the collapse-control class
11     if ($(_this.data("target")).filter(".collapse").length > 0) {   11     if ($(_this.data("target")).filter(".collapse").length > 0) {
12       _this.addClass("collapse-control-expand");   12       _this.addClass("collapse-control-expand");
13     } else {   13     } else {
14       _this.addClass("collapse-control-collapse");   14       _this.addClass("collapse-control-collapse");
15     }   15     }
16        16     
17     _this.click(function() {   17     _this.click(function() {
18       $(_this.data("target")).toggle();   18       $(_this.data("target")).toggle();
19       _this.toggleClass("collapse-control-expand collapse-control-collapse");   19       _this.toggleClass("collapse-control-expand collapse-control-collapse");
20     })   20     })
21   });   21   });
22      22   
23   $('.statusNormal').addClass('alert alert-secondary d-block').attr('role','alert');   23   $('.statusNormal').addClass('alert alert-secondary d-block').attr('role','alert');
24   $('.statusError').addClass('alert alert-danger d-block').attr('role','alert');   24   $('.statusError').addClass('alert alert-danger d-block').attr('role','alert');
25   $('.statusInformation').addClass('alert alert-info d-block').attr('role','alert');   25   $('.statusInformation').addClass('alert alert-info d-block').attr('role','alert');
26     26  
27   $('.validationError').addClass('text-danger');     27   $('.validationError').addClass('text-danger');  
28      28   
29   //Convert server times to the user's local time   29   //Convert server times to the user's local time
30   //This can be time intensive for pages with many date/times to convert - comment out to disable conversion functionality   30   //This can be time intensive for pages with many date/times to convert - comment out to disable conversion functionality
31   $('[data-iso8601], [data-formatOnly]').each(function(index) {   31   $('[data-iso8601], [data-formatOnly]').each(function(index) {
32     $time = $(this).attr('data-iso8601');   32     $time = $(this).attr('data-iso8601');
33     33  
34     //Check if there's a server date component   34     //Check if there's a server date component
35     // ServerTime shows as : "8/13/2019 12:41:03 PM"   35     // ServerTime shows as : "8/13/2019 12:41:03 PM"
36     let serverTime = false;   36     let serverTime = false;
37     if ($(this).attr('data-servertime') != undefined) {   37     if ($(this).attr('data-servertime') != undefined) {
38       serverTime = moment($(this).attr('data-servertime'), 'MM/DD/YYYY hh:mm:ss a');   38       serverTime = moment($(this).attr('data-servertime'), 'MM/DD/YYYY hh:mm:ss a');
39     };   39     };
40     40  
41     let formatString = 'LLL';   41     let formatString = 'LLL';
42     if ($(this).attr('data-formatString') != undefined) {   42     if ($(this).attr('data-formatString') != undefined) {
43       formatString = $(this).attr('data-formatString') || formatString;   43       formatString = $(this).attr('data-formatString') || formatString;
44     }   44     }
45     45  
46     let utcTime = false;   46     let utcTime = false;
47     let localTime = false;   47     let localTime = false;
48     if ($time != undefined) {   48     if ($time != undefined) {
49       utcTime = moment.utc($time);   49       utcTime = moment.utc($time);
50       localTime = moment(utcTime).local();   50       localTime = moment(utcTime).local();
51     }    51     } 
52     52  
53     //We default to drop the time component when it's exactly midnight (12:00:00 AM)   53     //We default to drop the time component when it's exactly midnight (12:00:00 AM)
54     //If a specific element should show the full time regardless, the element should include   54     //If a specific element should show the full time regardless, the element should include
55     // the data-dateOnly element and set to false: data-dateOnly="false"   55     // the data-dateOnly element and set to false: data-dateOnly="false"
56     let showDateOnly = true;   56     let showDateOnly = true;
57     if ($(this).attr('data-dateOnly') != undefined) {   57     if ($(this).attr('data-dateOnly') != undefined) {
58       showDateOnly = $(this).attr('data-dateOnly') === "true";   58       showDateOnly = $(this).attr('data-dateOnly') === "true";
59     }   59     }
60     60  
61     61  
62     //Set the display to date only if the local time or original server time is midnight   62     //Set the display to date only if the local time or original server time is midnight
63     if (showDateOnly && formatString === 'LLL' && localTime && ((localTime.hour() == 0 && localTime.minute() == 0 && localTime.second() == 0) ||   63     if (showDateOnly && formatString === 'LLL' && localTime && ((localTime.hour() == 0 && localTime.minute() == 0 && localTime.second() == 0) ||
64         (serverTime != false && serverTime.hour() == 0 && serverTime.minute() == 0 && serverTime.second() == 0)))   64         (serverTime != false && serverTime.hour() == 0 && serverTime.minute() == 0 && serverTime.second() == 0)))
65     {   65     {
66       formatString = 'LL';   66       formatString = 'LL';
67     }    67     } 
68        68     
69     if (($(this).attr('data-formatOnly') != undefined) && $(this).attr('data-formatOnly') === 'true') {   69     if (($(this).attr('data-formatOnly') != undefined) && $(this).attr('data-formatOnly') === 'true') {
70       $(this).html(serverTime.format(formatString));   70       $(this).html(serverTime.format(formatString));
71     } else {   71     } else {
72       $(this).html(localTime.format(formatString));   72       $(this).html(localTime.format(formatString));
73     }   73     }
74   });   74   });
75     75  
76   //Set the selected options based on a persisted value attribute on the select element   76   //Set the selected options based on a persisted value attribute on the select element
77   //e.g. <SELECT name="dropdown" data-persisted-value="<#PARAM name='ItemInfo1'>"   77   //e.g. <SELECT name="dropdown" data-persisted-value="<#PARAM name='ItemInfo1'>"
78   //e.g. <input checked name="SearchType" type="radio" id="SearchTypeActive" value="Active" data-persisted-value="<#PARAM name='SearchType'>"></input>   78   //e.g. <input checked name="SearchType" type="radio" id="SearchTypeActive" value="Active" data-persisted-value="<#PARAM name='SearchType'>"></input>
79   $("select[data-persisted-value]").each(function(idx, el) { SelectPersistedValue(el) });   79   $("select[data-persisted-value]").each(function(idx, el) { SelectPersistedValue(el) });
80   $("input[type=radio][data-persisted-value],input[type=checkbox][data-persisted-value]").each(function(idx, el) { SelectPersistedValue(el) });   80   $("input[type=radio][data-persisted-value],input[type=checkbox][data-persisted-value]").each(function(idx, el) { SelectPersistedValue(el) });
81   //Legacy support if using "data-persistedValue"   81   //Legacy support if using "data-persistedValue"
82   $("select[data-persistedValue]").each(function(idx, el) { SelectPersistedValue(el, $(el).attr('data-persistedValue')) });   82   $("select[data-persistedValue]").each(function(idx, el) { SelectPersistedValue(el, $(el).attr('data-persistedValue')) });
83     83  
84   // Add tooltips for all data-toggle attributes        
85   $('[data-toggle="tooltip"]').tooltip({ +-    
86     //The title for the tooltip defaults to the title attribute. =    
87     //If title is not provided, we provide an alternate option here to  +-    
88     //look for a data-titleElement attribute to find title content     =    
89     title: function() { +-    
90       var helpAttribute = $(this).attr('data-titleElement');      
91       if ((helpAttribute != null) && ($(helpAttribute).length > 0))      
92       {      
93       return $(helpAttribute).text().trim();      
94       }      
95     }      
96   });      
97   =    
98   $('button.checkAll').click(function (event) {   84   $('button.checkAll').click(function (event) {
99     event.preventDefault();   85     event.preventDefault();
100     //event.stopPropagation();   86     //event.stopPropagation();
101     $('#' + $(this).attr('data-form') + ' input:checkbox').prop('checked', true);   87     $('#' + $(this).attr('data-form') + ' input:checkbox').prop('checked', true);
102   });   88   });
103   $('button.checkNone').click(function (event) {   89   $('button.checkNone').click(function (event) {
104     event.preventDefault();   90     event.preventDefault();
105     //event.stopPropagation();   91     //event.stopPropagation();
106     $('#' + $(this).attr('data-form') + ' input:checkbox').prop('checked', false);   92     $('#' + $(this).attr('data-form') + ' input:checkbox').prop('checked', false);
107   });   93   });
108     94  
109   HandleBoolCheckboxes();   95   HandleBoolCheckboxes();
110   HandleDisableSubmitOnSubmit();   96   HandleDisableSubmitOnSubmit();
111   HandleOtherCheckboxes();   97   HandleOtherCheckboxes();
112   HandleOtherDropdowns();   98   HandleOtherDropdowns();
113   DisableEmptyActionMenus();   99   DisableEmptyActionMenus();
114      100   
115   //Used for any elements that should trigger a datePicker to be focused and opened   101   //Used for any elements that should trigger a datePicker to be focused and opened
116   $('[data-triggerDatePicker]').click(function (event) {   102   $('[data-triggerDatePicker]').click(function (event) {
117     event.preventDefault();   103     event.preventDefault();
118     var datePickerElement = $(this).attr('data-triggerDatePicker');   104     var datePickerElement = $(this).attr('data-triggerDatePicker');
119     if ($(datePickerElement) != null) {   105     if ($(datePickerElement) != null) {
120       $(datePickerElement).focus(); //Focus the date picker element to show the calendar   106       $(datePickerElement).focus(); //Focus the date picker element to show the calendar
121     }   107     }
122   });   108   });
123 });   109 });
124     110  
125 function SelectPersistedValue(el, persistedValue) {   111 function SelectPersistedValue(el, persistedValue) {
126   var formType = $(el).prop("type").toLowerCase();   112   var formType = $(el).prop("type").toLowerCase();
127     113  
128   if (persistedValue === null || persistedValue === undefined || persistedValue === "") {   114   if (persistedValue === null || persistedValue === undefined || persistedValue === "") {
129     persistedValue = $(el).attr("data-persisted-value");   115     persistedValue = $(el).attr("data-persisted-value");
130   }   116   }
131      117   
132   //If a persisted value is set and is a SELECT element   118   //If a persisted value is set and is a SELECT element
133   if ((persistedValue) &&   119   if ((persistedValue) &&
134     ((formType == "select-one") || (formType == "select-multiple"))) {   120     ((formType == "select-one") || (formType == "select-multiple"))) {
135     $(el).find("option[value='" + persistedValue.replace("'","\\'") + "']").attr("selected", true);      121     $(el).find("option[value='" + persistedValue.replace("'","\\'") + "']").attr("selected", true);   
136   }   122   }
137   else if ((formType == "radio") || (formType == "checkbox")) {   123   else if ((formType == "radio") || (formType == "checkbox")) {
138     var isChecked = $(this).val() == persistedValue;   124     var isChecked = $(this).val() == persistedValue;
139          125       
140     //Only set checked if true or if not a radio button since radio buttons will already have a default value   126     //Only set checked if true or if not a radio button since radio buttons will already have a default value
141     if (isChecked || (formType == "checkbox")) {   127     if (isChecked || (formType == "checkbox")) {
142       $(el).prop("checked", isChecked);   128       $(el).prop("checked", isChecked);
143     }   129     }
144   }   130   }
145 }   131 }
146     132  
147 function HandleDisableSubmitOnSubmit() {   133 function HandleDisableSubmitOnSubmit() {
148     $("form").submit(function(event) {   134     $("form").submit(function(event) {
149     var form = $(this);   135     var form = $(this);
150     var submitButtons = form.find("button[name='SubmitButton'][type='submit']:not([data-button-nodisable])");   136     var submitButtons = form.find("button[name='SubmitButton'][type='submit']:not([data-button-nodisable])");
151     if (submitButtons.length == 0)   137     if (submitButtons.length == 0)
152       return;   138       return;
153        139     
154     if (event.originalEvent != undefined) {   140     if (event.originalEvent != undefined) {
155       var submitButtonValue = event.originalEvent.submitter.value;   141       var submitButtonValue = event.originalEvent.submitter.value;
156       $(this).append(`<input type="hidden" name="SubmitButton" value="${submitButtonValue}">`);   142       $(this).append(`<input type="hidden" name="SubmitButton" value="${submitButtonValue}">`);
157     }   143     }
158     submitButtons.prop("disabled", true);   144     submitButtons.prop("disabled", true);
159     });   145     });
160 }   146 }
161     147  
162 function ToggleCheckBoxes(formName, check) {   148 function ToggleCheckBoxes(formName, check) {
163   form = document.forms[formName];   149   form = document.forms[formName];
164      150   
165   if(!form)   151   if(!form)
166     return;   152     return;
167      153   
168   for (var i=0;i<form.elements.length;i++) {   154   for (var i=0;i<form.elements.length;i++) {
169     var e = form.elements[i];   155     var e = form.elements[i];
170     if ((e.type=='checkbox') && (!e.disabled)) {   156     if ((e.type=='checkbox') && (!e.disabled)) {
171       //e.checked = form.checkboxToggle.checked;   157       //e.checked = form.checkboxToggle.checked;
172       e.checked = check;   158       e.checked = check;
173     }   159     }
174   }   160   }
175 }   161 }
176     162  
177 function InitializeSiteDefault(siteDefault) {   163 function InitializeSiteDefault(siteDefault) {
178     if (siteDefault) {   164     if (siteDefault) {
179         $(document).ready(function () {   165         $(document).ready(function () {
180             $("select[name='Site']").find("option[value != '" + siteDefault + "']").remove().val(siteDefault);   166             $("select[name='Site']").find("option[value != '" + siteDefault + "']").remove().val(siteDefault);
181         });   167         });
182     }   168     }
183 }   169 }
184     170  
185 //Usage Instructions   171 //Usage Instructions
186 //Looks for INPUTS of type checkbox with class 'checkbox-as-bool' and data attribute 'data-bool-fieldname'   172 //Looks for INPUTS of type checkbox with class 'checkbox-as-bool' and data attribute 'data-bool-fieldname'
187 //Registers js function to create a hidden input and toggle its value to ensure unchecked checkboxes submit a value   173 //Registers js function to create a hidden input and toggle its value to ensure unchecked checkboxes submit a value
188 function HandleBoolCheckboxes() {   174 function HandleBoolCheckboxes() {
189   $('.checkbox-as-bool').each(function(i, e) {   175   $('.checkbox-as-bool').each(function(i, e) {
190     var checkboxInput = $(e);   176     var checkboxInput = $(e);
191     177  
192     if (!checkboxInput) return; //continue   178     if (!checkboxInput) return; //continue
193     var hiddenInputName = checkboxInput.attr('data-bool-fieldname');   179     var hiddenInputName = checkboxInput.attr('data-bool-fieldname');
194        180     
195     if (!hiddenInputName) return; //continue   181     if (!hiddenInputName) return; //continue
196     if (!$("input[name='" + hiddenInputName + "']").length){   182     if (!$("input[name='" + hiddenInputName + "']").length){
197       checkboxInput.before("<input type='hidden' name='" + hiddenInputName + "' value=0>");   183       checkboxInput.before("<input type='hidden' name='" + hiddenInputName + "' value=0>");
198     }   184     }
199     var hiddenInput = $("input[name='" + hiddenInputName + "']");   185     var hiddenInput = $("input[name='" + hiddenInputName + "']");
200     186  
201     if (!hiddenInput) return; //continue   187     if (!hiddenInput) return; //continue
202     checkboxInput.click(function() {   188     checkboxInput.click(function() {
203       if (checkboxInput.prop('checked')) {   189       if (checkboxInput.prop('checked')) {
204         hiddenInput.val(1);   190         hiddenInput.val(1);
205       } else {   191       } else {
206         hiddenInput.val(0);   192         hiddenInput.val(0);
207       }   193       }
208     });   194     });
209   });   195   });
210 }   196 }
211     197  
212 function HandleOtherCheckboxes() {   198 function HandleOtherCheckboxes() {
213     //Check for all elements with the checkbox-with-other class   199     //Check for all elements with the checkbox-with-other class
214     $('.checkbox-with-other').each(function(i, e) {   200     $('.checkbox-with-other').each(function(i, e) {
215         var hiddenInputId = $(e).attr('data-hidden-field');   201         var hiddenInputId = $(e).attr('data-hidden-field');
216         var hiddenInput = $("#" + hiddenInputId); <> 202         var hiddenInput = document.getElementById(hiddenInputId);
217         var delimiter = $(e).attr('data-delimiter'); = 203         var delimiter = $(e).attr('data-delimiter');
218         var otherFieldId = $(e).attr('data-other-field');   204         var otherFieldId = $(e).attr('data-other-field');
219         var otherField = $("#" + otherFieldId); <> 205         var otherField = document.getElementById(otherFieldId);
220     var values = $(hiddenInput).val().split(delimiter); = 206     var values = $(hiddenInput).val().split(delimiter);
221        207     
222     //Look for all checkboxes that are descendents   208     //Look for all checkboxes that are descendents
223         $(e).find('input[type="checkbox"]').each(function(ie, check) {   209         $(e).find('input[type="checkbox"]').each(function(ie, check) {
224       //When the checkbox changes, keep track of the value to handle in the hidden input   210       //When the checkbox changes, keep track of the value to handle in the hidden input
225             $(check).change(function() {           211             $(check).change(function() {        
226         if ($(check).is(':checked')) {   212         if ($(check).is(':checked')) {
227           //Add the value to the values array if checked   213           //Add the value to the values array if checked
228                     values = $(hiddenInput).val().split(delimiter);   214                     values = $(hiddenInput).val().split(delimiter);
229                     values.push($(check).val());   215                     values.push($(check).val());
230                 }   216                 }
231                 else {   217                 else {
232           //Remove the value from the values array if not checked   218           //Remove the value from the values array if not checked
233                     values = $(hiddenInput).val().split(delimiter);   219                     values = $(hiddenInput).val().split(delimiter);
234                     var removeIndex = values.indexOf($(check).val());   220                     var removeIndex = values.indexOf($(check).val());
235                     if (removeIndex > -1) {   221                     if (removeIndex > -1) {
236                         values.splice(removeIndex, 1);   222                         values.splice(removeIndex, 1);
237                     }   223                     }
238                 }   224                 }
239                 //Update the hidden input again after checking or unchecking   225                 //Update the hidden input again after checking or unchecking
240                 $(hiddenInput).val(values.join(delimiter));   226                 $(hiddenInput).val(values.join(delimiter));
241             });   227             });
242             //Set checkboxes to checked if the value is found   228             //Set checkboxes to checked if the value is found
243             if (values.indexOf($(check).val()) != -1) {   229             if (values.indexOf($(check).val()) != -1) {
244                 $(check).prop('checked', true);   230                 $(check).prop('checked', true);
245             }   231             }
246         });   232         });
247            233         
248         //Get all of the checked checkboxes   234         //Get all of the checked checkboxes
249         var comma_separated_list = $(e).find('input[type="checkbox"]:checked').map(function() {   235         var comma_separated_list = $(e).find('input[type="checkbox"]:checked').map(function() {
250             return $(this).val();   236             return $(this).val();
251             }).get().join(delimiter);   237             }).get().join(delimiter);
252         //Get the difference to determine what's in the other textbox   238         //Get the difference to determine what's in the other textbox
253     var difference = values.filter(x => !comma_separated_list.includes(x));   239     var difference = values.filter(x => !comma_separated_list.includes(x));
254     //Set the other textbox to be any remaining options that were persisted   240     //Set the other textbox to be any remaining options that were persisted
255         $(otherField).val(difference);   241         $(otherField).val(difference);
256     242  
257     //Add handling so when the textbox changes, it updates the hidden input   243     //Add handling so when the textbox changes, it updates the hidden input
258         $(otherField).on('input propertychange paste', function() {   244         $(otherField).on('input propertychange paste', function() {
259          245       
260       //Get all of the checked boxes as a delimited string   246       //Get all of the checked boxes as a delimited string
261       var currentCheckedValuesString = $(e).find('input[type="checkbox"]:checked').map(function() {   247       var currentCheckedValuesString = $(e).find('input[type="checkbox"]:checked').map(function() {
262                 return $(this).val();   248                 return $(this).val();
263                 }).get().join(delimiter);   249                 }).get().join(delimiter);
264          250       
265       //Combine all of the values into an array   251       //Combine all of the values into an array
266             var currentCheckedValues = [];   252             var currentCheckedValues = [];
267             if (currentCheckedValuesString != '') {   253             if (currentCheckedValuesString != '') {
268                 currentCheckedValues = currentCheckedValues.concat(currentCheckedValuesString.split(delimiter));   254                 currentCheckedValues = currentCheckedValues.concat(currentCheckedValuesString.split(delimiter));
269       }   255       }
270       //Add the contents of the other field to the array   256       //Add the contents of the other field to the array
271       currentCheckedValues.push($(otherField).val());   257       currentCheckedValues.push($(otherField).val());
272       //Set the hidden input   258       //Set the hidden input
273             $(hiddenInput).val(currentCheckedValues.join(delimiter));   259             $(hiddenInput).val(currentCheckedValues.join(delimiter));
274         });   260         });
275        261     
276     });   262     });
277 }   263 }
278     264  
279 // Usage Instructions   265 // Usage Instructions
280 // Apply class "dropdown-with-other" to select element.   266 // Apply class "dropdown-with-other" to select element.
281 // Apply matching "data-field-name" attributes to select and text field.   267 // Apply matching "data-field-name" attributes to select and text field.
282 // Apply "data-other-value" attribute to select with the same value as the "other" option in the checkbox.   268 // Apply "data-other-value" attribute to select with the same value as the "other" option in the checkbox.
283 // NOTE: Only the hidden text field should have the name & id corresponding to the database field.   269 // NOTE: Only the hidden text field should have the name & id corresponding to the database field.
284 //     The select should NOT have that value in the name or id attributes.   270 //     The select should NOT have that value in the name or id attributes.
285 function HandleOtherDropdowns() {   271 function HandleOtherDropdowns() {
286   $("select.dropdown-with-other").each(function() {   272   $("select.dropdown-with-other").each(function() {
287     // Assign a change handler to the select element.   273     // Assign a change handler to the select element.
288     $(this).change(function() {   274     $(this).change(function() {
289       let input = $("input[data-field-name='"+ $(this).attr("data-field-name") +"']");   275       let input = $("input[data-field-name='"+ $(this).attr("data-field-name") +"']");
290       // If the value == data-other-value, unhide and empty out the text input   276       // If the value == data-other-value, unhide and empty out the text input
291       if (this.value == $(this).attr("data-other-value")) {   277       if (this.value == $(this).attr("data-other-value")) {
292         input.closest(".form-group").show();   278         input.closest(".form-group").show();
293         $(input).val(null);   279         $(input).val(null);
294         input.focus();   280         input.focus();
295       }   281       }
296       // Otherwise, assign the same value to the (hidden) text input and hide it.   282       // Otherwise, assign the same value to the (hidden) text input and hide it.
297       else {   283       else {
298         $(input).val(this.value);   284         $(input).val(this.value);
299         input.closest(".form-group").hide();   285         input.closest(".form-group").hide();
300       }   286       }
301     });   287     });
302     288  
303     // We need to handle loading a value from the database, as well.   289     // We need to handle loading a value from the database, as well.
304     let input = $("input[data-field-name='"+ $(this).attr("data-field-name") +"']");   290     let input = $("input[data-field-name='"+ $(this).attr("data-field-name") +"']");
305     291  
306     // If the text input has a value that's a valid select value, select it   292     // If the text input has a value that's a valid select value, select it
307     if (input.val() != null) {   293     if (input.val() != null) {
308       if ($(this).find("option[value='" + input.val() + "']").length > 0) {   294       if ($(this).find("option[value='" + input.val() + "']").length > 0) {
309         $(this).val(input.val());   295         $(this).val(input.val());
310         $(this).trigger("change");           296         $(this).trigger("change");        
311       }   297       }
312       // otherwise, select "other"   298       // otherwise, select "other"
313       else {   299       else {
314         $(this).val($(this).attr("data-other-value"));   300         $(this).val($(this).attr("data-other-value"));
315       }   301       }
316     // If the input has no value, trigger a change to hide it.   302     // If the input has no value, trigger a change to hide it.
317     } else {   303     } else {
318       $(this).trigger("change");   304       $(this).trigger("change");
319     }   305     }
320   })   306   })
321 }   307 }
322     308  
323 function DisableEmptyActionMenus() {   309 function DisableEmptyActionMenus() {
324   var menus = $(".dropdown-menu");   310   var menus = $(".dropdown-menu");
325   var buttons = $(".dropdown-toggle")   311   var buttons = $(".dropdown-toggle")
326   menus.each(function(i) {   312   menus.each(function(i) {
327     var menu = $(menus[i]);   313     var menu = $(menus[i]);
328     var disabledOptions = 0;   314     var disabledOptions = 0;
329     var options = menu.children(".dropdown-item");   315     var options = menu.children(".dropdown-item");
330     options.each(function(j) {   316     options.each(function(j) {
331       var option = $(options[j]);   317       var option = $(options[j]);
332       if ((option.hasClass("d-none")) || (option.disabled)) {   318       if ((option.hasClass("d-none")) || (option.disabled)) {
333         disabledOptions++;   319         disabledOptions++;
334       }   320       }
335     });   321     });
336        322     
337     if (disabledOptions == options.length) {   323     if (disabledOptions == options.length) {
338       let message = menu.attr("data-noaction-message");   324       let message = menu.attr("data-noaction-message");
339       $(buttons[i]).addClass("disabled");   325       $(buttons[i]).addClass("disabled");
340       $(buttons[i]).prop("title", message??"You are not able to perform any actions for this item. Please contact staff for assistance.");   326       $(buttons[i]).prop("title", message??"You are not able to perform any actions for this item. Please contact staff for assistance.");
341     }   327     }
342   });   328   });
343 }   329 }

   
File: js\cookieconsent.min.js  
    = 1 /*!
      2  * CookieConsent v2.8.2
      3  * https://www.github.com/orestbida/cookieconsent
      4  * Author Orest Bida
      5  * Released under the MIT License
      6  */
1 !function(e){if(!e.hasInitialised){var t={escapeRegExp:function(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")},hasClass:function(e,t){var i=" ";return 1===e.nodeType&&(i+e.className+i).replace(/[\n\t]/g,i).indexOf(i+t+i)>=0},addClass:function(e,t){e.className+=" "+t},removeClass:function(e,t){var i=new RegExp("\\b"+this.escapeRegExp(t)+"\\b");e.className=e.className.replace(i,"")},interpolateString:function(e,t){return e.replace(/{{([a-z][a-z0-9\-_]*)}}/gi,function(e){return t(arguments[1])||""})},getCookie:function(e){var t=("; "+document.cookie).split("; "+e+"=");return t.length<2?void 0:t.pop().split(";").shift()},setCookie:function(e,t,i,n,o,s){var r=new Date;r.setHours(r.getHours()+24*(i||365));var a=[e+"="+t,"expires="+r.toUTCString(),"path="+(o||"/")];n&&a.push("domain="+n),s&&a.push("secure"),document.cookie=a.join(";")},deepExtend:function(e,t){for(var i in t)t.hasOwnProperty(i)&&(i in e&&this.isPlainObject(e[i])&&this.isPlainObject(t[i])?this.deepExtend(e[i],t[i]):e[i]=t[i]);return e},throttle:function(e,t){var i=!1;return function(){i||(e.apply(this,arguments),i=!0,setTimeout(function(){i=!1},t))}},hash:function(e){var t,i,n=0;if(0===e.length)return n;for(t=0,i=e.length;t<i;++t)n=(n<<5)-n+e.charCodeAt(t),n|=0;return n},normaliseHex:function(e){return"#"==e[0]&&(e=e.substr(1)),3==e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),e},getContrast:function(e){return e=this.normaliseHex(e),(299*parseInt(e.substr(0,2),16)+587*parseInt(e.substr(2,2),16)+114*parseInt(e.substr(4,2),16))/1e3>=128?"#000":"#fff"},getLuminance:function(e){var t=parseInt(this.normaliseHex(e),16),i=38+(t>>16),n=38+(t>>8&255),o=38+(255&t);return"#"+(16777216+65536*(i<255?i<1?0:i:255)+256*(n<255?n<1?0:n:255)+(o<255?o<1?0:o:255)).toString(16).slice(1)},isMobile:function(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},isPlainObject:function(e){return"object"==typeof e&&null!==e&&e.constructor==Object},traverseDOMPath:function(e,i){return e&&e.parentNode?t.hasClass(e,i)?e:this.traverseDOMPath(e.parentNode,i):null}};e.status={deny:"deny",allow:"allow",dismiss:"dismiss"},e.transitionEnd=function(){var e=document.createElement("div"),t={t:"transitionend",OT:"oTransitionEnd",msT:"MSTransitionEnd",MozT:"transitionend",WebkitT:"webkitTransitionEnd"};for(var i in t)if(t.hasOwnProperty(i)&&void 0!==e.style[i+"ransition"])return t[i];return""}(),e.hasTransition=!!e.transitionEnd;var i=Object.keys(e.status).map(t.escapeRegExp);e.customStyles={},e.Popup=function(){var n={enabled:!0,container:null,cookie:{name:"cookieconsent_status",path:"/",domain:"",expiryDays:365,secure:!1},onPopupOpen:function(){},onPopupClose:function(){},onInitialise:function(e){},onStatusChange:function(e,t){},onRevokeChoice:function(){},onNoCookieLaw:function(e,t){},content:{header:"Cookies used on the website!",message:"This website uses cookies to ensure you get the best experience on our website.",dismiss:"Got it!",allow:"Allow cookies",deny:"Decline",link:"Learn more",href:"https://www.cookiesandyou.com",close:"&#x274c;",target:"_blank",policy:"Cookie Policy"},elements:{header:'<span class="cc-header">{{header}}</span>&nbsp;',message:'<span id="cookieconsent:desc" class="cc-message">{{message}}</span>',messagelink:'<span id="cookieconsent:desc" class="cc-message">{{message}} <a aria-label="learn more about cookies" role=button tabindex="0" class="cc-link" href="{{href}}" rel="noopener noreferrer nofollow" target="{{target}}">{{link}}</a></span>',dismiss:'<a aria-label="dismiss cookie message" role=button tabindex="0" class="cc-btn cc-dismiss">{{dismiss}}</a>',allow:'<a aria-label="allow cookies" role=button tabindex="0"  class="cc-btn cc-allow">{{allow}}</a>',deny:'<a aria-label="deny cookies" role=button tabindex="0" class="cc-btn cc-deny">{{deny}}</a>',link:'<a aria-label="learn more about cookies" role=button tabindex="0" class="cc-link" href="{{href}}" rel="noopener noreferrer nofollow" target="{{target}}">{{link}}</a>',close:'<span aria-label="dismiss cookie message" role=button tabindex="0" class="cc-close">{{ <> 7 !function(){"use strict";var e="initCookieConsent";"undefined"!=typeof window&&"function"!=typeof window[e]&&(window[e]=function(e){var t,n,o,i,a,c,r,s,l,d,u,p,f,g,h,_,v,m,b,y,k,C,A,w,S,x,N,T,O,L,E,j,I={mode:"opt-in",current_lang:"en",auto_language:null,autorun:!0,page_scripts:!0,hide_from_bots:!0,cookie_name:"cc_cookie",cookie_expiration:182,cookie_domain:window.location.hostname,cookie_path:"/",cookie_same_site:"Lax",use_rfc_cookie:!1,autoclear_cookies:!0,revision:0,script_selector:"data-cookiecategory"},M={},D={},H=null,G=!0,J=!1,U=!1,P=!1,q=!1,F=!1,R=!0,z=[],K=!1,B=[],V=[],Q=[],W=!1,X=[],Y=[],Z=[],$=[],ee=[],te=document.documentElement,ne=function(e){le("CookieConsent [CONFIG]: received_config_settings ",t=e),"number"==typeof t.cookie_expiration&&(I.cookie_expiration=t.cookie_expiration),"number"==typeof t.cookie_necessary_only_expiration&&(I.cookie_necessary_only_expiration=t.cookie_necessary_only_expiration),"boolean"==typeof t.autorun&&(I.autorun=t.autorun),"string"==typeof t.cookie_domain&&(I.cookie_domain=t.cookie_domain),"string"==typeof t.cookie_same_site&&(I.cookie_same_site=t.cookie_same_site),"string"==typeof t.cookie_path&&(I.cookie_path=t.cookie_path),"string"==typeof t.cookie_name&&(I.cookie_name=t.cookie_name),"function"==typeof t.onAccept&&(s=t.onAccept),"function"==typeof t.onFirstAction&&(d=t.onFirstAction),"function"==typeof t.onChange&&(l=t.onChange),"opt-out"===t.mode&&(I.mode="opt-out"),"number"==typeof t.revision&&(t.revision>-1&&(I.revision=t.revision),F=!0),"boolean"==typeof t.autoclear_cookies&&(I.autoclear_cookies=t.autoclear_cookies),!0===t.use_rfc_cookie&&(I.use_rfc_cookie=!0),"boolean"==typeof t.hide_from_bots&&(I.hide_from_bots=t.hide_from_bots),I.hide_from_bots&&(W=navigator&&(navigator.userAgent&&/bot|crawl|spider|slurp|teoma/i.test(navigator.userAgent)||navigator.webdriver)),I.page_scripts=!0===t.page_scripts,"browser"===t.auto_language||!0===t.auto_language?I.auto_language="browser":"document"===t.auto_language&&(I.auto_language="document"),le("CookieConsent [LANG]: auto_language strategy is '"+I.auto_language+"'"),I.current_lang=pe(t.languages,t.current_lang)},oe=function(e){for(var t="accept-",n=r("c-settings"),o=r(t+"all"),i=r(t+"necessary"),a=r(t+"custom"),c=0;c<n.length;c++)n[c].setAttribute("aria-haspopup","dialog"),ye(n[c],"click",(function(e){e.preventDefault(),M.showSettings(0)}));for(c=0;c<o.length;c++)ye(o[c],"click",(function(e){s(e,"all")}));for(c=0;c<a.length;c++)ye(a[c],"click",(function(e){s(e)}));for(c=0;c<i.length;c++)ye(i[c],"click",(function(e){s(e,[])}));function r(t){return(e||document).querySelectorAll('a[data-cc="'+t+'"], button[data-cc="'+t+'"]')}function s(e,t){e.preventDefault(),M.accept(t),M.hideSettings(),M.hide()}},ie=function(e,t){return Object.prototype.hasOwnProperty.call(t,e)?e:ke(t).length>0?Object.prototype.hasOwnProperty.call(t,I.current_lang)?I.current_lang:ke(t)[0]:void 0},ae=function(e){if(!0===t.force_consent&&Ce(te,"force--consent"),!_){_=de("div");var n=de("div"),o=de("div");_.id="cm",n.id="c-inr-i",o.id="cm-ov",_.setAttribute("role","dialog"),_.setAttribute("aria-modal","true"),_.setAttribute("aria-hidden","false"),_.setAttribute("aria-labelledby","c-ttl"),_.setAttribute("aria-describedby","c-txt"),h.appendChild(_),h.appendChild(o),_.style.visibility=o.style.visibility="hidden",o.style.opacity=0}var i=t.languages[e].consent_modal.title;i&&(v||((v=de("div")).id="c-ttl",v.setAttribute("role","heading"),v.setAttribute("aria-level","2"),n.appendChild(v)),v.innerHTML=i);var a=t.languages[e].consent_modal.description;F&&(a=R?a.replace("{{revision_message}}",""):a.replace("{{revision_message}}",t.languages[e].consent_modal.revision_message||"")),m||((m=de("div")).id="c-txt",n.appendChild(m)),m.innerHTML=a;var c,r=t.languages[e].consent_modal.primary_btn,s=t.languages[e].consent_modal.secondary_btn;r&&(b||((b=de("button")).id="c-p-bn",b.className="c-bn","accept_all"===r.role&&(c="all"),ye(b,"click",(function(){M.hide(),le("CookieConsent [ACCEPT]: cookie_consent was accepted!"),M.accept(c)}))),b.innerHTML=t.languages[e].consent_modal.primary_btn.tex
2 close}}</span>'},window:'<div role="dialog" aria-live="polite" aria-label="cookieconsent" aria-describedby="cookieconsent:desc" class="cc-window {{classes}}">\x3c!--googleoff: all--\x3e{{children}}\x3c!--googleon: all--\x3e</div>',revokeBtn:'<div class="cc-revoke {{classes}}">{{policy}}</div>',compliance:{info:'<div class="cc-compliance">{{dismiss}}</div>',"opt-in":'<div class="cc-compliance cc-highlight">{{deny}}{{allow}}</div>',"opt-out":'<div class="cc-compliance cc-highlight">{{deny}}{{allow}}</div>'},type:"info",layouts:{basic:"{{messagelink}}{{compliance}}","basic-close":"{{messagelink}}{{compliance}}{{close}}","basic-header":"{{header}}{{message}}{{link}}{{compliance}}"},layout:"basic",position:"bottom",theme:"block",static:!1,palette:null,revokable:!1,animateRevokable:!0,showLink:!0,dismissOnScroll:!1,dismissOnTimeout:!1,dismissOnWindowClick:!1,ignoreClicksFrom:["cc-revoke","cc-btn"],autoOpen:!0,autoAttach:!0,whitelistPage:[],blacklistPage:[],overrideHTML:null};function o(){this.initialise.apply(this,arguments)}function s(e){this.openingTimeout=null,t.removeClass(e,"cc-invisible")}function r(t){t.style.display="none",t.removeEventListener(e.transitionEnd,this.afterTransition),this.afterTransition=null}function a(){var e=this.options.position.split("-"),t=[];return e.forEach(function(e){t.push("cc-"+e)}),t}function c(n){var o=this.options,s=document.createElement("div"),r=o.container&&1===o.container.nodeType?o.container:document.body;s.innerHTML=n;var a=s.children[0];return a.style.display="none",t.hasClass(a,"cc-window")&&e.hasTransition&&t.addClass(a,"cc-invisible"),this.onButtonClick=function(n){var o=t.traverseDOMPath(n.target,"cc-btn")||n.target;if(t.hasClass(o,"cc-btn")){var s=o.className.match(new RegExp("\\bcc-("+i.join("|")+")\\b")),r=s&&s[1]||!1;r&&(this.setStatus(r),this.close(!0))}t.hasClass(o,"cc-close")&&(this.setStatus(e.status.dismiss),this.close(!0));t.hasClass(o,"cc-revoke")&&this.revokeChoice()}.bind(this),a.addEventListener("click",this.onButtonClick),o.autoAttach&&(r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a)),a}function l(e){return"000000"==(e=t.normaliseHex(e))?"#222":t.getLuminance(e)}function u(e,t){for(var i=0,n=e.length;i<n;++i){var o=e[i];if(o instanceof RegExp&&o.test(t)||"string"==typeof o&&o.length&&o===t)return!0}return!1}return o.prototype.initialise=function(i){this.options&&this.destroy(),t.deepExtend(this.options={},n),t.isPlainObject(i)&&t.deepExtend(this.options,i),function(){var t=this.options.onInitialise.bind(this);if(!window.navigator.cookieEnabled)return t(e.status.deny),!0;if(window.CookiesOK||window.navigator.CookiesOK)return t(e.status.allow),!0;var i=Object.keys(e.status),n=this.getStatus(),o=i.indexOf(n)>=0;o&&t(n);return o}.call(this)&&(this.options.enabled=!1),u(this.options.blacklistPage,location.pathname)&&(this.options.enabled=!1),u(this.options.whitelistPage,location.pathname)&&(this.options.enabled=!0);var o=this.options.window.replace("{{classes}}",function(){var i=this.options,n="top"==i.position||"bottom"==i.position?"banner":"floating";t.isMobile()&&(n="floating");var o=["cc-"+n,"cc-type-"+i.type,"cc-theme-"+i.theme];i.static&&o.push("cc-static");o.push.apply(o,a.call(this));(function(i){var n=t.hash(JSON.stringify(i)),o="cc-color-override-"+n,s=t.isPlainObject(i);this.customStyleSelector=s?o:null,s&&function(i,n,o){if(e.customStyles[i])return void++e.customStyles[i].references;var s={},r=n.popup,a=n.button,c=n.highlight;r&&(r.text=r.text?r.text:t.getContrast(r.background),r.link=r.link?r.link:r.text,s[o+".cc-window"]=["color: "+r.text,"background-color: "+r.background],s[o+".cc-revoke"]=["color: "+r.text,"background-color: "+r.background],s[o+" .cc-link,"+o+" .cc-link:active,"+o+" .cc-link:visited"]=["color: "+r.link],a&&(a.text=a.text?a.text:t.getContrast(a.background),a.border=a.border?a.border:"transparent",s[o+" .cc-btn"]=["color: "+a.text,"border-color: "+a.border,"background-color: "+a.background],a.padding&&s[o+" .cc-btn"].push("padding: "+a.padding),"transparent"!=a.background&&(s[o+" .cc-btn:hover, "+o+" .cc-btn:focus"]=["backgro   8 t);s&&(y||((y=de("button")).id="c-s-bn",y.className="c-bn c_link","accept_necessary"===s.role?ye(y,"click",(function(){M.hide(),M.accept([])})):ye(y,"click",(function(){M.showSettings(0)}))),y.innerHTML=t.languages[e].consent_modal.secondary_btn.text);var l=t.gui_options;C||((C=de("div")).id="c-inr",C.appendChild(n)),k||((k=de("div")).id="c-bns",l&&l.consent_modal&&!0===l.consent_modal.swap_buttons?(s&&k.appendChild(y),r&&k.appendChild(b),k.className="swap"):(r&&k.appendChild(b),s&&k.appendChild(y)),(r||s)&&C.appendChild(k),_.appendChild(C)),J=!0},ce=function(e){if(A)(T=de("div")).id="s-bl";else{A=de("div");var n=de("div"),o=de("div"),i=de("div");w=de("div"),S=de("div");var a=de("div");x=de("button");var s=de("div");N=de("div");var l=de("div");A.id="s-cnt",n.id="c-vln",i.id="c-s-in",o.id="cs",S.id="s-ttl",w.id="s-inr",a.id="s-hdr",N.id="s-bl",x.id="s-c-bn",l.id="cs-ov",s.id="s-c-bnc",x.className="c-bn",A.setAttribute("role","dialog"),A.setAttribute("aria-modal","true"),A.setAttribute("aria-hidden","true"),A.setAttribute("aria-labelledby","s-ttl"),S.setAttribute("role","heading"),A.style.visibility=l.style.visibility="hidden",l.style.opacity=0,s.appendChild(x),ye(n,"keydown",(function(e){27===(e=e||window.event).keyCode&&M.hideSettings(0)}),!0),ye(x,"click",(function(){M.hideSettings(0)}))}x.setAttribute("aria-label",t.languages[e].settings_modal.close_btn_label||"Close"),r=t.languages[e].settings_modal.blocks,c=t.languages[e].settings_modal.cookie_table_headers;var d=r.length;S.innerHTML=t.languages[e].settings_modal.title;for(var u=0;u<d;++u){var p=r[u].title,f=r[u].description,g=r[u].toggle,_=r[u].cookie_table,v=!0===t.remove_cookie_tables,m=(f||!v&&_)&&"truthy",b=de("div"),y=de("div");if(f){var k=de("div");k.className="p",k.insertAdjacentHTML("beforeend",f)}var C=de("div");if(C.className="title",b.className="c-bl",y.className="desc",void 0!==g){var I="c-ac-"+u,H=de(m?"button":"div"),J=de("label"),U=de("input"),P=de("span"),q=de("span"),F=de("span"),R=de("span");H.className=m?"b-tl exp":"b-tl",J.className="b-tg",U.className="c-tgl",F.className="on-i",R.className="off-i",P.className="c-tg",q.className="t-lb",m&&(H.setAttribute("aria-expanded","false"),H.setAttribute("aria-controls",I)),U.type="checkbox",P.setAttribute("aria-hidden","true");var z=g.value;U.value=z,q.textContent=p,H.insertAdjacentHTML("beforeend",p),C.appendChild(H),P.appendChild(F),P.appendChild(R),G?g.enabled?(U.checked=!0,!T&&Z.push(!0),g.enabled&&!T&&Q.push(z)):!T&&Z.push(!1):se(D.categories,z)>-1?(U.checked=!0,!T&&Z.push(!0)):!T&&Z.push(!1),!T&&$.push(z),g.readonly?(U.disabled=!0,Ce(P,"c-ro"),!T&&ee.push(!0)):!T&&ee.push(!1),Ce(y,"b-acc"),Ce(C,"b-bn"),Ce(b,"b-ex"),y.id=I,y.setAttribute("aria-hidden","true"),J.appendChild(U),J.appendChild(P),J.appendChild(q),C.appendChild(J),m&&function(e,t,n){ye(H,"click",(function(){we(t,"act")?(Ae(t,"act"),n.setAttribute("aria-expanded","false"),e.setAttribute("aria-hidden","true")):(Ce(t,"act"),n.setAttribute("aria-expanded","true"),e.setAttribute("aria-hidden","false"))}),!1)}(y,b,H)}else if(p){var K=de("div");K.className="b-tl",K.setAttribute("role","heading"),K.setAttribute("aria-level","3"),K.insertAdjacentHTML("beforeend",p),C.appendChild(K)}if(p&&b.appendChild(C),f&&y.appendChild(k),!v&&void 0!==_){for(var B=document.createDocumentFragment(),V=0;V<c.length;++V){var W=de("th"),X=c[V];if(W.setAttribute("scope","col"),X){var Y=X&&ke(X)[0];W.textContent=c[V][Y],B.appendChild(W)}}var te=de("tr");te.appendChild(B);var ne=de("thead");ne.appendChild(te);var oe=de("table");oe.appendChild(ne);for(var ie=document.createDocumentFragment(),ae=0;ae<_.length;ae++){for(var ce=de("tr"),re=0;re<c.length;++re)if(X=c[re]){Y=ke(X)[0];var le=de("td");le.insertAdjacentHTML("beforeend",_[ae][Y]),le.setAttribute("data-column",X[Y]),ce.appendChild(le)}ie.appendChild(ce)}var ue=de("tbody");ue.appendChild(ie),oe.appendChild(ue),y.appendChild(oe)}(g&&p||!g&&(p||f))&&(b.appendChild(y),T?T.appendChild(b):N.appendChild(b))}O||((O=de("div")).id="s-bns"),E||((E=de("button")).id="s-all-bn",E.className="c-bn",O.appendChild(E),ye(E,"click",(fun
3 und-color: "+(a.hover||l(a.background))]),c?(c.text=c.text?c.text:t.getContrast(c.background),c.border=c.border?c.border:"transparent",s[o+" .cc-highlight .cc-btn:first-child"]=["color: "+c.text,"border-color: "+c.border,"background-color: "+c.background]):s[o+" .cc-highlight .cc-btn:first-child"]=["color: "+r.text]));var u=document.createElement("style");document.head.appendChild(u),e.customStyles[i]={references:1,element:u.sheet};var h=-1;for(var p in s)s.hasOwnProperty(p)&&u.sheet.insertRule(p+"{"+s[p].join(";")+"}",++h)}(n,i,"."+o);return s}).call(this,this.options.palette);this.customStyleSelector&&o.push(this.customStyleSelector);return o}.call(this).join(" ")).replace("{{children}}",function(){var e={},i=this.options;i.showLink||(i.elements.link="",i.elements.messagelink=i.elements.message);Object.keys(i.elements).forEach(function(n){e[n]=t.interpolateString(i.elements[n],function(e){var t=i.content[e];return e&&"string"==typeof t&&t.length?t:""})});var n=i.compliance[i.type];n||(n=i.compliance.info);e.compliance=t.interpolateString(n,function(t){return e[t]});var o=i.layouts[i.layout];o||(o=i.layouts.basic);return t.interpolateString(o,function(t){return e[t]})}.call(this)),s=this.options.overrideHTML;if("string"==typeof s&&s.length&&(o=s),this.options.static){var r=c.call(this,'<div class="cc-grower">'+o+"</div>");r.style.display="",this.element=r.firstChild,this.element.style.display="none",t.addClass(this.element,"cc-invisible")}else this.element=c.call(this,o);(function(){var i=this.setStatus.bind(this),n=this.close.bind(this),o=this.options.dismissOnTimeout;"number"==typeof o&&o>=0&&(this.dismissTimeout=window.setTimeout(function(){i(e.status.dismiss),n(!0)},Math.floor(o)));var s=this.options.dismissOnScroll;if("number"==typeof s&&s>=0){var r=function(t){window.pageYOffset>Math.floor(s)&&(i(e.status.dismiss),n(!0),window.removeEventListener("scroll",r,{passive:!0}),this.onWindowScroll=null)};this.options.enabled&&(this.onWindowScroll=r,window.addEventListener("scroll",r,{passive:!0}))}var a=this.options.dismissOnWindowClick,c=this.options.ignoreClicksFrom;if(a){var l=function(o){for(var s=!1,r=o.path.length,a=c.length,u=0;u<r;u++)if(!s)for(var h=0;h<a;h++)s||(s=t.hasClass(o.path[u],c[h]));s||(i(e.status.dismiss),n(!0),window.removeEventListener("click",l),window.removeEventListener("touchend",l),this.onWindowClick=null)}.bind(this);this.options.enabled&&(this.onWindowClick=l,window.addEventListener("click",l),window.addEventListener("touchend",l))}}).call(this),function(){"info"!=this.options.type&&(this.options.revokable=!0);t.isMobile()&&(this.options.animateRevokable=!1);if(this.options.revokable){var e=a.call(this);this.options.animateRevokable&&e.push("cc-animate"),this.customStyleSelector&&e.push(this.customStyleSelector);var i=this.options.revokeBtn.replace("{{classes}}",e.join(" ")).replace("{{policy}}",this.options.content.policy);this.revokeBtn=c.call(this,i);var n=this.revokeBtn;if(this.options.animateRevokable){var o=t.throttle(function(e){var i=!1,o=window.innerHeight-20;t.hasClass(n,"cc-top")&&e.clientY<20&&(i=!0),t.hasClass(n,"cc-bottom")&&e.clientY>o&&(i=!0),i?t.hasClass(n,"cc-active")||t.addClass(n,"cc-active"):t.hasClass(n,"cc-active")&&t.removeClass(n,"cc-active")},200);this.onMouseMove=o,window.addEventListener("mousemove",o)}}}.call(this),this.options.autoOpen&&this.autoOpen()},o.prototype.destroy=function(){this.onButtonClick&&this.element&&(this.element.removeEventListener("click",this.onButtonClick),this.onButtonClick=null),this.dismissTimeout&&(clearTimeout(this.dismissTimeout),this.dismissTimeout=null),this.onWindowScroll&&(window.removeEventListener("scroll",this.onWindowScroll),this.onWindowScroll=null),this.onWindowClick&&(window.removeEventListener("click",this.onWindowClick),this.onWindowClick=null),this.onMouseMove&&(window.removeEventListener("mousemove",this.onMouseMove),this.onMouseMove=null),this.element&&this.element.parentNode&&this.element.parentNode.removeChild(this.element),this.element=null,this.revokeBtn&&this.revokeBtn.parentNode&&this.revokeBtn.parentNode.removeCh   9 ction(){M.hideSettings(),M.hide(),M.accept("all")}))),E.innerHTML=t.languages[e].settings_modal.accept_all_btn;var pe=t.languages[e].settings_modal.reject_all_btn;if(pe&&(j||((j=de("button")).id="s-rall-bn",j.className="c-bn",ye(j,"click",(function(){M.hideSettings(),M.hide(),M.accept([])})),w.className="bns-t",O.appendChild(j)),j.innerHTML=pe),L||((L=de("button")).id="s-sv-bn",L.className="c-bn",O.appendChild(L),ye(L,"click",(function(){M.hideSettings(),M.hide(),M.accept()}))),L.innerHTML=t.languages[e].settings_modal.save_settings_btn,T)return w.replaceChild(T,N),void(N=T);a.appendChild(S),a.appendChild(s),w.appendChild(a),w.appendChild(N),w.appendChild(O),i.appendChild(w),o.appendChild(i),n.appendChild(o),A.appendChild(n),h.appendChild(A),h.appendChild(l)};M.updateLanguage=function(e,n){if("string"==typeof e){var o=ie(e,t.languages);return(o!==I.current_lang||!0===n)&&(I.current_lang=o,J&&(ae(o),oe(C)),ce(o),le("CookieConsent [LANGUAGE]: curr_lang: '"+o+"'"),!0)}};var re=function(e){var t=r.length,n=-1;K=!1;var o=me("","all"),i=[I.cookie_domain,"."+I.cookie_domain];if("www."===I.cookie_domain.slice(0,4)){var a=I.cookie_domain.substr(4);i.push(a),i.push("."+a)}for(var s=0;s<t;s++){var l=r[s];if(Object.prototype.hasOwnProperty.call(l,"toggle")){var d=se(z,l.toggle.value)>-1;if(!Z[++n]&&Object.prototype.hasOwnProperty.call(l,"cookie_table")&&(e||d)){var u=l.cookie_table,p=ke(c[0])[0],f=u.length;"on_disable"===l.toggle.reload&&d&&(K=!0);for(var g=0;g<f;g++){var h=u[g],_=[],v=h[p],m=h.is_regex||!1,b=h.domain||null,y=h.path||!1;if(b&&(i=[b,"."+b]),m)for(var k=0;k<o.length;k++)o[k].match(v)&&_.push(o[k]);else{var C=se(o,v);C>-1&&_.push(o[C])}le("CookieConsent [AUTOCLEAR]: search cookie: '"+v+"', found:",_),_.length>0&&(be(_,y,i),"on_clear"===l.toggle.reload&&(K=!0))}}}}},se=function(e,t){return e.indexOf(t)},le=function(e,t,n){n?console.error(e,t||""):console.log(e,void 0!==t?t:" ")},de=function(e){var t=document.createElement(e);return"button"===e&&t.setAttribute("type",e),t},ue=function(){return([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,(function(e){try{return(e^(window.crypto||window.msCrypto).getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16)}catch(e){return""}}))},pe=function(e,t){return"browser"===I.auto_language?ie(fe(),e):"document"===I.auto_language?ie(document.documentElement.lang,e):"string"==typeof t?I.current_lang=ie(t,e):(le("CookieConsent [LANG]: setting current_lang = '"+I.current_lang+"'"),I.current_lang)},fe=function(){var e=navigator.language||navigator.browserLanguage;return e.length>2&&(e=e[0]+e[1]),le("CookieConsent [LANG]: detected_browser_lang = '"+e+"'"),e.toLowerCase()};M.allowedCategory=function(e){if(G&&"opt-in"!==I.mode)t=Q;else var t=JSON.parse(me(I.cookie_name,"one",!0)||"{}").categories||[];return se(t,e)>-1},M.run=function(t){if(document.getElementById("cc_div"))le("CookieConsent [NOTICE]: cookie consent already attached to body!");else{if(ne(t),W)return;D=JSON.parse(me(I.cookie_name,"one",!0)||"{}");var c=void 0!==(i=D.consent_uuid);if((n=D.consent_date)&&(n=new Date(n)),(o=D.last_consent_update)&&(o=new Date(o)),H=void 0!==D.data?D.data:null,F&&D.revision!==I.revision&&(R=!1),J=G=!(c&&R&&n&&o&&i),function(){(g=de("div")).id="cc--main",g.style.position="fixed",g.style.zIndex="1000000",g.innerHTML='\x3c!--[if lt IE 9 ]><div id="cc_div" class="cc_div ie"></div><![endif]--\x3e\x3c!--[if (gt IE 8)|!(IE)]>\x3c!--\x3e<div id="cc_div" class="cc_div"></div>\x3c!--<![endif]--\x3e',h=g.children[0];var t=I.current_lang;J&&ae(t),ce(t),(e||document.body).appendChild(g)}(),function(){var e=["[href]","button","input","details",'[tabindex="0"]'];function t(t,n){var o=!1,i=!1;try{for(var a,c=t.querySelectorAll(e.join(':not([tabindex="-1"]), ')),r=c.length,s=0;s<r;)a=c[s].getAttribute("data-focus"),i||"1"!==a?"0"===a&&(o=c[s],i||"0"===c[s+1].getAttribute("data-focus")||(i=c[s+1])):i=c[s],s++}catch(n){return t.querySelectorAll(e.join(", "))}n[0]=c[0],n[1]=c[c.length-1],n[2]=o,n[3]=i}t(w,Y),J&&t(_,X)}(),function(e,t){if("object"==typeof e){var n=e.consent_modal,o=e.settings_modal;J&&n&&i(_,["box","b
4 ild(this.revokeBtn),this.revokeBtn=null,function(i){if(t.isPlainObject(i)){var n=t.hash(JSON.stringify(i)),o=e.customStyles[n];if(o&&!--o.references){var s=o.element.ownerNode;s&&s.parentNode&&s.parentNode.removeChild(s),e.customStyles[n]=null}}}(this.options.palette),this.options=null},o.prototype.open=function(t){if(this.element)return this.isOpen()||(e.hasTransition?this.fadeIn():this.element.style.display="",this.options.revokable&&this.toggleRevokeButton(),this.options.onPopupOpen.call(this)),this},o.prototype.close=function(t){if(this.element)return this.isOpen()&&(e.hasTransition?this.fadeOut():this.element.style.display="none",t&&this.options.revokable&&this.toggleRevokeButton(!0),this.options.onPopupClose.call(this)),this},o.prototype.fadeIn=function(){var i=this.element;if(e.hasTransition&&i&&(this.afterTransition&&r.call(this,i),t.hasClass(i,"cc-invisible"))){if(i.style.display="",this.options.static){var n=this.element.clientHeight;this.element.parentNode.style.maxHeight=n+"px"}this.openingTimeout=setTimeout(s.bind(this,i),20)}},o.prototype.fadeOut=function(){var i=this.element;e.hasTransition&&i&&(this.openingTimeout&&(clearTimeout(this.openingTimeout),s.bind(this,i)),t.hasClass(i,"cc-invisible")||(this.options.static&&(this.element.parentNode.style.maxHeight=""),this.afterTransition=r.bind(this,i),i.addEventListener(e.transitionEnd,this.afterTransition),t.addClass(i,"cc-invisible")))},o.prototype.isOpen=function(){return this.element&&""==this.element.style.display&&(!e.hasTransition||!t.hasClass(this.element,"cc-invisible"))},o.prototype.toggleRevokeButton=function(e){this.revokeBtn&&(this.revokeBtn.style.display=e?"":"none")},o.prototype.revokeChoice=function(e){this.options.enabled=!0,this.clearStatus(),this.options.onRevokeChoice.call(this),e||this.autoOpen()},o.prototype.hasAnswered=function(t){return Object.keys(e.status).indexOf(this.getStatus())>=0},o.prototype.hasConsented=function(t){var i=this.getStatus();return i==e.status.allow||i==e.status.dismiss},o.prototype.autoOpen=function(e){!this.hasAnswered()&&this.options.enabled?this.open():this.hasAnswered()&&this.options.revokable&&this.toggleRevokeButton(!0)},o.prototype.setStatus=function(i){var n=this.options.cookie,o=t.getCookie(n.name),s=Object.keys(e.status).indexOf(o)>=0;Object.keys(e.status).indexOf(i)>=0?(t.setCookie(n.name,i,n.expiryDays,n.domain,n.path,n.secure),this.options.onStatusChange.call(this,i,s)):this.clearStatus()},o.prototype.getStatus=function(){return t.getCookie(this.options.cookie.name)},o.prototype.clearStatus=function(){var e=this.options.cookie;t.setCookie(e.name,"",-1,e.domain,e.path)},o}(),e.Location=function(){var e={timeout:5e3,services:["ipinfo"],serviceDefinitions:{ipinfo:function(){return{url:"//ipinfo.io",headers:["Accept: application/json"],callback:function(e,t){try{var i=JSON.parse(t);return i.error?s(i):{code:i.country}}catch(e){return s({error:"Invalid response ("+e+")"})}}}},ipinfodb:function(e){return{url:"//api.ipinfodb.com/v3/ip-country/?key={api_key}&format=json&callback={callback}",isScript:!0,callback:function(e,t){try{var i=JSON.parse(t);return"ERROR"==i.statusCode?s({error:i.statusMessage}):{code:i.countryCode}}catch(e){return s({error:"Invalid response ("+e+")"})}}}},maxmind:function(){return{url:"//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js",isScript:!0,callback:function(e){window.geoip2?geoip2.country(function(t){try{e({code:t.country.iso_code})}catch(t){e(s(t))}},function(t){e(s(t))}):e(new Error("Unexpected response format. The downloaded script should have exported `geoip2` to the global scope"))}}}}};function i(i){t.deepExtend(this.options={},e),t.isPlainObject(i)&&t.deepExtend(this.options,i),this.currentServiceIndex=-1}function n(e,t,i){var n,o=document.createElement("script");o.type="text/"+(e.type||"javascript"),o.src=e.src||e,o.async=!1,o.onreadystatechange=o.onload=function(){var e=o.readyState;clearTimeout(n),t.done||e&&!/loaded|complete/.test(e)||(t.done=!0,t(),o.onreadystatechange=o.onload=null)},document.body.appendChild(o),n=setTimeout(function(){t.done=!0,t(),o.onreadystatechan   10 ar","cloud"],["top","middle","bottom"],["zoom","slide"],n.layout,n.position,n.transition),!t&&o&&i(A,["bar"],["left","right"],["zoom","slide"],o.layout,o.position,o.transition)}function i(e,t,n,o,i,a,c){if(a=a&&a.split(" ")||[],se(t,i)>-1&&(Ce(e,i),("bar"!==i||"middle"!==a[0])&&se(n,a[0])>-1))for(var r=0;r<a.length;r++)Ce(e,a[r]);se(o,c)>-1&&Ce(e,c)}}(t.gui_options),oe(),I.autorun&&J&&M.show(t.delay||0),setTimeout((function(){Ce(g,"c--anim")}),30),setTimeout((function(){var e,t;e=!1,t=!1,ye(document,"keydown",(function(n){"Tab"===(n=n||window.event).key&&(a&&(n.shiftKey?document.activeElement===a[0]&&(a[1].focus(),n.preventDefault()):document.activeElement===a[1]&&(a[0].focus(),n.preventDefault()),t||q||(t=!0,!e&&n.preventDefault(),n.shiftKey?a[3]?a[2]?a[2].focus():a[0].focus():a[1].focus():a[3]?a[3].focus():a[0].focus())),!t&&(e=!0))})),document.contains&&ye(g,"click",(function(e){e=e||window.event,P?w.contains(e.target)?q=!0:(M.hideSettings(0),q=!1):U&&_.contains(e.target)&&(q=!0)}),!0)}),100),G)"opt-out"===I.mode&&(le("CookieConsent [CONFIG] mode='"+I.mode+"', default enabled categories:",Q),ge(Q)),le("CookieConsent [NOTICE]: ask for consent!");else{var r="boolean"==typeof D.rfc_cookie;(!r||r&&D.rfc_cookie!==I.use_rfc_cookie)&&(D.rfc_cookie=I.use_rfc_cookie,ve(I.cookie_name,JSON.stringify(D))),u=_e(he()),ge(),"function"==typeof s&&s(D),le("CookieConsent [NOTICE]: consent already given!",D)}}},M.showSettings=function(e){setTimeout((function(){Ce(te,"show--settings"),A.setAttribute("aria-hidden","false"),P=!0,setTimeout((function(){U?f=document.activeElement:p=document.activeElement,0!==Y.length&&(Y[3]?Y[3].focus():Y[0].focus(),a=Y)}),200),le("CookieConsent [SETTINGS]: show settings_modal")}),e>0?e:0)};var ge=function(e){if(I.page_scripts){var t=document.querySelectorAll("script["+I.script_selector+"]"),n=e||D.categories||[],o=function(e,t){if(t<e.length){var i=e[t],a=i.getAttribute(I.script_selector);if(se(n,a)>-1){i.type="text/javascript",i.removeAttribute(I.script_selector);var c=i.getAttribute("data-src");c&&i.removeAttribute("data-src");var r=de("script");if(r.textContent=i.innerHTML,function(e,t){for(var n=t.attributes,o=n.length,i=0;i<o;i++){var a=n[i].nodeName;e.setAttribute(a,t[a]||t.getAttribute(a))}}(r,i),c?r.src=c:c=i.src,c&&(r.readyState?r.onreadystatechange=function(){"loaded"!==r.readyState&&"complete"!==r.readyState||(r.onreadystatechange=null,o(e,++t))}:r.onload=function(){r.onload=null,o(e,++t)}),i.parentNode.replaceChild(r,i),c)return}o(e,++t)}};o(t,0)}};M.set=function(e,t){return"data"===e&&function(e,t){var n=!1;if("update"===t){var o=typeof(H=M.get("data"))==typeof e;if(o&&"object"==typeof H)for(var i in!H&&(H={}),e)H[i]!==e[i]&&(H[i]=e[i],n=!0);else!o&&H||H===e||(H=e,n=!0)}else H=e,n=!0;return n&&(D.data=H,ve(I.cookie_name,JSON.stringify(D))),n}(t.value,t.mode)},M.get=function(e,t){return JSON.parse(me(t||I.cookie_name,"one",!0)||"{}")[e]},M.getConfig=function(e){return I[e]||t[e]};var he=function(){return B=D.categories||[],V=$.filter((function(e){return-1===se(B,e)})),{accepted:B,rejected:V}},_e=function(e){var t="custom",n=ee.filter((function(e){return!0===e})).length;return e.accepted.length===$.length?t="all":e.accepted.length===n&&(t="necessary"),t};M.getUserPreferences=function(){var e=he();return{accept_type:_e(e),accepted_categories:e.accepted,rejected_categories:e.rejected}},M.loadScript=function(e,t,n){var o="function"==typeof t;if(document.querySelector('script[src="'+e+'"]'))o&&t();else{var i=de("script");if(n&&n.length>0)for(var a=0;a<n.length;++a)n[a]&&i.setAttribute(n[a].name,n[a].value);o&&(i.onload=t),i.src=e,document.head.appendChild(i)}},M.updateScripts=function(){ge()},M.show=function(e,t){!0===t&&ae(I.current_lang),J&&setTimeout((function(){Ce(te,"show--consent"),_.setAttribute("aria-hidden","false"),U=!0,setTimeout((function(){p=document.activeElement,a=X}),200),le("CookieConsent [MODAL]: show consent_modal")}),e>0?e:t?30:0)},M.hide=function(){J&&(Ae(te,"show--consent"),_.setAttribute("aria-hidden","true"),U=!1,setTimeout((function(){p.focus(),a=null}),200),le("CookieConsent
5 ge=o.onload=null},i)}function o(e,t,i,n,o){var s=new(window.XMLHttpRequest||window.ActiveXObject)("MSXML2.XMLHTTP.3.0");if(s.open(n?"POST":"GET",e,1),s.setRequestHeader("Content-type","application/x-www-form-urlencoded"),Array.isArray(o))for(var r=0,a=o.length;r<a;++r){var c=o[r].split(":",2);s.setRequestHeader(c[0].replace(/^\s+|\s+$/g,""),c[1].replace(/^\s+|\s+$/g,""))}"function"==typeof t&&(s.onreadystatechange=function(){s.readyState>3&&t(s)}),s.send(n)}function s(e){return new Error("Error ["+(e.code||"UNKNOWN")+"]: "+e.error)}return i.prototype.getNextService=function(){var e;do{e=this.getServiceByIdx(++this.currentServiceIndex)}while(this.currentServiceIndex<this.options.services.length&&!e);return e},i.prototype.getServiceByIdx=function(e){var i=this.options.services[e];if("function"==typeof i){var n=i();return n.name&&t.deepExtend(n,this.options.serviceDefinitions[n.name](n)),n}return"string"==typeof i?this.options.serviceDefinitions[i]():t.isPlainObject(i)?this.options.serviceDefinitions[i.name](i):null},i.prototype.locate=function(e,t){var i=this.getNextService();i?(this.callbackComplete=e,this.callbackError=t,this.runService(i,this.runNextServiceOnError.bind(this))):t(new Error("No services to run"))},i.prototype.setupUrl=function(e){var t=this.getCurrentServiceOpts();return e.url.replace(/\{(.*?)\}/g,function(i,n){if("callback"===n){var o="callback"+Date.now();return window[o]=function(t){e.__JSONP_DATA=JSON.stringify(t)},o}if(n in t.interpolateUrl)return t.interpolateUrl[n]})},i.prototype.runService=function(e,t){var i=this;e&&e.url&&e.callback&&(e.isScript?n:o)(this.setupUrl(e),function(n){var o=n?n.responseText:"";e.__JSONP_DATA&&(o=e.__JSONP_DATA,delete e.__JSONP_DATA),i.runServiceCallback.call(i,t,e,o)},this.options.timeout,e.data,e.headers)},i.prototype.runServiceCallback=function(e,t,i){var n=this,o=t.callback(function(t){o||n.onServiceResult.call(n,e,t)},i);o&&this.onServiceResult.call(this,e,o)},i.prototype.onServiceResult=function(e,t){t instanceof Error||t&&t.error?e.call(this,t,null):e.call(this,null,t)},i.prototype.runNextServiceOnError=function(e,t){if(e){this.logError(e);var i=this.getNextService();i?this.runService(i,this.runNextServiceOnError.bind(this)):this.completeService.call(this,this.callbackError,new Error("All services failed"))}else this.completeService.call(this,this.callbackComplete,t)},i.prototype.getCurrentServiceOpts=function(){var e=this.options.services[this.currentServiceIndex];return"string"==typeof e?{name:e}:"function"==typeof e?e():t.isPlainObject(e)?e:{}},i.prototype.completeService=function(e,t){this.currentServiceIndex=-1,e&&e(t)},i.prototype.logError=function(e){var t=this.currentServiceIndex,i=this.getServiceByIdx(t);console.warn("The service["+t+"] ("+i.url+") responded with the following error",e)},i}(),e.Law=function(){var e={regionalLaw:!0,hasLaw:["AT","BE","BG","HR","CZ","CY","DK","EE","FI","FR","DE","EL","HU","IE","IT","LV","LT","LU","MT","NL","NO","PL","PT","SK","ES","SE","GB","UK","GR","EU","RO"],revokable:["HR","CY","DK","EE","FR","DE","LV","LT","NL","NO","PT","ES"],explicitAction:["HR","IT","ES","NO"]};function i(e){this.initialise.apply(this,arguments)}return i.prototype.initialise=function(i){t.deepExtend(this.options={},e),t.isPlainObject(i)&&t.deepExtend(this.options,i)},i.prototype.get=function(e){var t=this.options;return{hasLaw:t.hasLaw.indexOf(e)>=0,revokable:t.revokable.indexOf(e)>=0,explicitAction:t.explicitAction.indexOf(e)>=0}},i.prototype.applyLaw=function(e,t){var i=this.get(t);return i.hasLaw||(e.enabled=!1,"function"==typeof e.onNoCookieLaw&&e.onNoCookieLaw(t,i)),this.options.regionalLaw&&(i.revokable&&(e.revokable=!0),i.explicitAction&&(e.dismissOnScroll=!1,e.dismissOnTimeout=!1)),e},i}(),e.initialise=function(i,n,o){var s=new e.Law(i.law);n||(n=function(){}),o||(o=function(){});var r=Object.keys(e.status),a=t.getCookie("cookieconsent_status");r.indexOf(a)>=0?n(new e.Popup(i)):e.getCountryCode(i,function(t){delete i.law,delete i.location,t.code&&(i=s.applyLaw(i,t.code)),n(new e.Popup(i))},function(t){delete i.law,delete i.location,o(t,new   11  [MODAL]: hide"))},M.hideSettings=function(){Ae(te,"show--settings"),P=!1,A.setAttribute("aria-hidden","true"),setTimeout((function(){U?(f&&f.focus(),a=X):(p&&p.focus(),a=null),q=!1}),200),le("CookieConsent [SETTINGS]: hide settings_modal")},M.accept=function(e,t){var a=e||void 0,c=t||[],r=[];if(a)if("object"==typeof a&&"number"==typeof a.length)for(var p=0;p<a.length;p++)-1!==se($,a[p])&&r.push(a[p]);else"string"==typeof a&&("all"===a?r=$.slice():-1!==se($,a)&&r.push(a));else r=function(){for(var e=document.querySelectorAll(".c-tgl")||[],t=[],n=0;n<e.length;n++)e[n].checked&&t.push(e[n].value);return t}();if(c.length>=1)for(p=0;p<c.length;p++)r=r.filter((function(e){return e!==c[p]}));for(p=0;p<$.length;p++)!0===ee[p]&&-1===se(r,$[p])&&r.push($[p]);!function(e){z=[];var t=document.querySelectorAll(".c-tgl")||[];if(t.length>0)for(var a=0;a<t.length;a++)-1!==se(e,$[a])?(t[a].checked=!0,Z[a]||(z.push($[a]),Z[a]=!0)):(t[a].checked=!1,Z[a]&&(z.push($[a]),Z[a]=!1));!G&&I.autoclear_cookies&&z.length>0&&re(),n||(n=new Date),i||(i=ue()),D={categories:e,revision:I.revision,data:H,rfc_cookie:I.use_rfc_cookie,consent_date:n.toISOString(),consent_uuid:i},(G||z.length>0)&&(R=!0,o=o?new Date:n,D.last_consent_update=o.toISOString(),u=_e(he()),ve(I.cookie_name,JSON.stringify(D)),ge()),G&&(I.autoclear_cookies&&re(!0),"function"==typeof d&&d(M.getUserPreferences(),D),"function"==typeof s&&s(D),G=!1,"opt-in"===I.mode)||("function"==typeof l&&z.length>0&&l(D,z),K&&window.location.reload())}(r)},M.eraseCookies=function(e,t,n){var o=[],i=n?[n,"."+n]:[I.cookie_domain,"."+I.cookie_domain];if("object"==typeof e&&e.length>0)for(var a=0;a<e.length;a++)this.validCookie(e[a])&&o.push(e[a]);else this.validCookie(e)&&o.push(e);be(o,t,i)};var ve=function(e,t){var n=I.cookie_expiration;"number"==typeof I.cookie_necessary_only_expiration&&"necessary"===u&&(n=I.cookie_necessary_only_expiration),t=I.use_rfc_cookie?encodeURIComponent(t):t;var o=new Date;o.setTime(o.getTime()+24*n*60*60*1e3);var i=e+"="+(t||"")+"; expires="+o.toUTCString()+"; Path="+I.cookie_path+";";i+=" SameSite="+I.cookie_same_site+";",window.location.hostname.indexOf(".")>-1&&(i+=" Domain="+I.cookie_domain+";"),"https:"===window.location.protocol&&(i+=" Secure;"),document.cookie=i,le("CookieConsent [SET_COOKIE]: '"+e+"' expires after "+n+" day(s)")},me=function(e,t,n){var o;if("one"===t){if((o=(o=document.cookie.match("(^|;)\\s*"+e+"\\s*=\\s*([^;]+)"))?n?o.pop():e:"")&&e===I.cookie_name){try{o=JSON.parse(o)}catch(e){try{o=JSON.parse(decodeURIComponent(o))}catch(e){o={}}}o=JSON.stringify(o)}}else if("all"===t){var i=document.cookie.split(/;\s*/);o=[];for(var a=0;a<i.length;a++)o.push(i[a].split("=")[0])}return o},be=function(e,t,n){for(var o=t||"/",i=0;i<e.length;i++){for(var a=0;a<n.length;a++)document.cookie=e[i]+"=; path="+o+(n[a].indexOf(".")>-1?"; domain="+n[a]:"")+"; Expires=Thu, 01 Jan 1970 00:00:01 GMT;";le("CookieConsent [AUTOCLEAR]: deleting cookie: '"+e[i]+"' path: '"+o+"' domain:",n)}};M.validCookie=function(e){return""!==me(e,"one",!0)};var ye=function(e,t,n,o){e.addEventListener(t,n,!0===o&&{passive:!0})},ke=function(e){if("object"==typeof e)return Object.keys(e)},Ce=function(e,t){e.classList.add(t)},Ae=function(e,t){e.classList.remove(t)},we=function(e,t){return e.classList.contains(t)};return M})}();
6 e.Popup(i))})},e.getCountryCode=function(t,i,n){t.law&&t.law.countryCode?i({code:t.law.countryCode}):t.location?new e.Location(t.location).locate(function(e){i(e||{})},n):i({})},e.utils=t,e.hasInitialised=!0,window.cookieconsent=e}}(window.cookieconsent||{});      

   
File: js\KeepInReview.js  
1 var aeonKeepInReviewModule = (function () { = 1 var aeonKeepInReviewModule = (function () {
2     //Private           2     //Private        
3     var validRequestMessage = "";   3     var validRequestMessage = "";
4     var invalidRequestMessage = "This request is missing required information.";   4     var invalidRequestMessage = "This request is missing required information.";
5     var validatingRequestsMessage = "Revalidating...";   5     var validatingRequestsMessage = "Revalidating...";
6     var errorValidatingRequestMessage = "Unable to validate request.";   6     var errorValidatingRequestMessage = "Unable to validate request.";
7     7  
8     function submitKeepInReviewForm(sender, e) {   8     function submitKeepInReviewForm(sender, e) {
9         var statusRoot;   9         var statusRoot;
10         var validationSuccessful;   10         var validationSuccessful;
11     11  
12         if (!e) {   12         if (!e) {
13             var e = window.event;   13             var e = window.event;
14         }   14         }
15     15  
16         e.cancelBubble = true;   16         e.cancelBubble = true;
17     17  
18         if (e.stopPropagation) {   18         if (e.stopPropagation) {
19             e.stopPropagation();   19             e.stopPropagation();
20         }   20         }
21     21  
22         if (e.preventDefault) {   22         if (e.preventDefault) {
23             e.preventDefault();   23             e.preventDefault();
24         }   24         }
25     25  
26         statusRoot = $('#statusLine');   26         statusRoot = $('#statusLine');
27     27  
28         // Clear previous status additions   28         // Clear previous status additions
29         if (statusRoot) {   29         if (statusRoot) {
30             statusRoot.children('br,span[name="statusMessage"]').remove();   30             statusRoot.children('br,span[name="statusMessage"]').remove();
31         }   31         }
32     32  
33         // Clear previous status error class changes   33         // Clear previous status error class changes
34         $('.validationError').addClass('valid');   34         $('.validationError').addClass('valid');
35         $('.validationError').removeClass('validationError');   35         $('.validationError').removeClass('validationError');
36         $.post('aeon.dll/ajax?query=ValidateForm', $('#ViewUserReviewRequests').serialize(), function (data) {   36         $.post('aeon.dll/ajax?query=ValidateForm', $('#ViewUserReviewRequests').serialize(), function (data) {
37             if (data instanceof Object && data.messages && data.errors) {   37             if (data instanceof Object && data.messages && data.errors) {
38                 if (data.messages.length > 0 || data.errors.length > 0) {   38                 if (data.messages.length > 0 || data.errors.length > 0) {
39                     // Process messages   39                     // Process messages
40                     $.each(data.messages, function (index, message) {   40                     $.each(data.messages, function (index, message) {
41                         if (statusRoot) {   41                         if (statusRoot) {
42                             // Create new status span to display   42                             // Create new status span to display
43                             breakElement = $('<br>'); <>    
44                             statusElement = $('<span></span>').attr('name', 'statusMessage').addClass('statusError').text(message);   43                             statusElement = $('<span></span>').attr('name', 'statusMessage').addClass('statusError alert alert-danger d-block').text(message);
45   = 44  
46                             statusRoot.append(breakElement); +-    
47                             statusRoot.append(statusElement); = 45                             statusRoot.append(statusElement);
48                         }   46                         }
49                     });   47                     });
50     48  
51                     // Process errors   49                     // Process errors
52                     $.each(data.errors, function (index, error) {   50                     $.each(data.errors, function (index, error) {
53                         // Change class of label   51                         // Change class of label
54                         labelElement = $('#' + error);   52                         labelElement = $('#' + error);
55                         labelElement.removeClass('valid');   53                         labelElement.removeClass('valid');
56                         labelElement.addClass('validationError');   54                         labelElement.addClass('validationError');
57                     });   55                     });
      56             
      57                     // Jump page to status element
    <> 58                     $([document.documentElement, document.body]).animate({
      59                         scrollTop: statusRoot.offset().top
58     60                     }, 0);
59                     return false; = 61                     return false;
60                 } else {   62                 } else {
61                     var submitButton = document.createElement("input");   63                     var submitButton = document.createElement("input");
62                     submitButton.type = "hidden";   64                     submitButton.type = "hidden";
63                     submitButton.name = "SubmitButton";   65                     submitButton.name = "SubmitButton";
64                     submitButton.id = "SubmitButton";   66                     submitButton.id = "SubmitButton";
65                     submitButton.value = "Submit Information";   67                     submitButton.value = "Submit Information";
66     68  
67                     $('#ViewUserReviewRequests').append(submitButton);   69                     $('#ViewUserReviewRequests').append(submitButton);
68                     $('#ViewUserReviewRequests').submit();   70                     $('#ViewUserReviewRequests').submit();
69     71  
70                     return true;   72                     return true;
71                 }   73                 }
72             }   74             }
73         });   75         });
74     };   76     };
75     77  
76     function addMessage(statusRoot, statusClass, messageText) {   78     function addMessage(statusRoot, statusClass, messageText) {
77         if (statusRoot) {   79         if (statusRoot) {
78             var statusElement = $("<span></span>").attr("name", "statusMessage").addClass(statusClass).text(messageText);   80             var statusElement = $("<span></span>").attr("name", "statusMessage").addClass(statusClass).text(messageText);
79             statusRoot.append(statusElement);   81             statusRoot.append(statusElement);
80             statusRoot.append("<br>");   82             statusRoot.append("<br>");
81         }   83         }
82     }   84     }
83     85  
84     function addMessages(statusRoot, statusClass, messages) {   86     function addMessages(statusRoot, statusClass, messages) {
85         if (statusRoot) {   87         if (statusRoot) {
86             if (messages) {   88             if (messages) {
87                 $.each(messages, function (index, message) {   89                 $.each(messages, function (index, message) {
88                     addMessage(statusRoot, statusClass, message);   90                     addMessage(statusRoot, statusClass, message);
89                 })   91                 })
90             }   92             }
91         }   93         }
92     }   94     }
93     95  
94     //Public   96     //Public
95     return {   97     return {
96         onDocumentReady: function () {   98         onDocumentReady: function () {
97             var submitInformationInput = $('#submitInformation');   99             var submitInformationInput = $('#submitInformation');
98     100  
99             if (submitInformationInput.length == 0) {   101             if (submitInformationInput.length == 0) {
100                 alert("Error: The Submit Information button does not have an ID. The ViewUserReviewRequests.html file does not match this version of KeepInReview.js.");   102                 alert("Error: The Submit Information button does not have an ID. The ViewUserReviewRequests.html file does not match this version of KeepInReview.js.");
101             } else {   103             } else {
102                 //Add the onclick handler to the submit request button       104                 //Add the onclick handler to the submit request button    
103                 submitInformationInput.click(function (event) { return submitKeepInReviewForm(this, event); });   105                 submitInformationInput.click(function (event) { return submitKeepInReviewForm(this, event); });
104             }   106             }
105         },   107         },
106     108  
107         revalidateRequests: function () {   109         revalidateRequests: function () {
108             var viewUserReviewRequests = $("#ViewUserReviewRequests");   110             var viewUserReviewRequests = $("#ViewUserReviewRequests");
109             var statusRoot = $('#status');   111             var statusRoot = $('#status');
110     112  
111             function setTableDataRowValidationMessage(transactionNumber, message) {   113             function setTableDataRowValidationMessage(transactionNumber, message) {
112                 viewUserReviewRequests.find(".table-data-row[data-tn=" + transactionNumber + "] .table-data-row-metadata .validation-message").text(message);   114                 viewUserReviewRequests.find(".table-data-row[data-tn=" + transactionNumber + "] .table-data-row-metadata .validation-message").text(message);
113             }   115             }
114     116  
115             function setAllTableDataRowValidationMessages(message) {   117             function setAllTableDataRowValidationMessages(message) {
116                 viewUserReviewRequests.find(".table-data-row-metadata .validation-message").text(message);   118                 viewUserReviewRequests.find(".table-data-row-metadata .validation-message").text(message);
117             }   119             }
118     120  
119             setAllTableDataRowValidationMessages(validatingRequestsMessage);   121             setAllTableDataRowValidationMessages(validatingRequestsMessage);
120     122  
121             $.ajax({   123             $.ajax({
122                 url: "aeon.dll/ajax",   124                 url: "aeon.dll/ajax",
123                 data: viewUserReviewRequests.find("input:not([name='TransactionSelect'])").serialize() + '&' +  //Exclude the TransactionSelect checkboxes here so we don't duplicate them on the next line   125                 data: viewUserReviewRequests.find("input:not([name='TransactionSelect'])").serialize() + '&' +  //Exclude the TransactionSelect checkboxes here so we don't duplicate them on the next line
124                       $.param(viewUserReviewRequests.find("input[name='TransactionSelect']:checkbox")) + '&' +  //Include all TransactionSelect checkboxes, even if they aren't checked   126                       $.param(viewUserReviewRequests.find("input[name='TransactionSelect']:checkbox")) + '&' +  //Include all TransactionSelect checkboxes, even if they aren't checked
125                       "query=ValidateRequests",                                                                 //Ajax method name   127                       "query=ValidateRequests",                                                                 //Ajax method name
126                 cache: false,   128                 cache: false,
127                 success: function (data) {   129                 success: function (data) {
128                     if (statusRoot) {   130                     if (statusRoot) {
129                         statusRoot.children('br,span').remove();   131                         statusRoot.children('br,span').remove();
130                     }   132                     }
131     133  
132                     if (data) {   134                     if (data) {
133                         if (typeof data === "string") {   135                         if (typeof data === "string") {
134                             addMessage(statusRoot, "statusError", data);   136                             addMessage(statusRoot, "statusError", data);
135                             setAllTableDataRowValidationMessages(errorValidatingRequestMessage);   137                             setAllTableDataRowValidationMessages(errorValidatingRequestMessage);
136                         }   138                         }
137                         else {   139                         else {
138                             $.each(data.transactions, function (i, transactionResult) {   140                             $.each(data.transactions, function (i, transactionResult) {
139                                 setTableDataRowValidationMessage(transactionResult.transactionNumber, transactionResult.isValid ? validRequestMessage : invalidRequestMessage);   141                                 setTableDataRowValidationMessage(transactionResult.transactionNumber, transactionResult.isValid ? validRequestMessage : invalidRequestMessage);
140                             });   142                             });
141     143  
142                             // Clear previous status additions and add new messages   144                             // Clear previous status additions and add new messages
143                             if (statusRoot) {   145                             if (statusRoot) {
144                                 addMessages(statusRoot, "statusNormal", data.infoMessages);   146                                 addMessages(statusRoot, "statusNormal", data.infoMessages);
145                                 addMessages(statusRoot, "statusInformation", data.warningMessages);   147                                 addMessages(statusRoot, "statusInformation", data.warningMessages);
146                                 addMessages(statusRoot, "statusError", data.errorMessages);   148                                 addMessages(statusRoot, "statusError", data.errorMessages);
147                             }   149                             }
148                         }   150                         }
149                     } else {   151                     } else {
150                         setAllTableDataRowValidationMessages(errorValidatingRequestMessage);   152                         setAllTableDataRowValidationMessages(errorValidatingRequestMessage);
151                     }   153                     }
152                 },   154                 },
153                 error: function (jqXHR, textStatus, errorThrown) {   155                 error: function (jqXHR, textStatus, errorThrown) {
154                     setAllTableDataRowValidationMessages(errorValidatingRequestMessage);   156                     setAllTableDataRowValidationMessages(errorValidatingRequestMessage);
155                     console.log(errorThrown);   157                     console.log(errorThrown);
156                 }   158                 }
157             });   159             });
158         }   160         }
159     };   161     };
160 })();   162 })();
161     163  
162     164  
163 $(document).ready(function () {   165 $(document).ready(function () {
164     aeonKeepInReviewModule.onDocumentReady();   166     aeonKeepInReviewModule.onDocumentReady();
165 });   167 });

   
File: templates\DataRow_BillingDetail.html  
1 <div id="billingDetail<#DATAROW field='ID'>" class="billingDetail list-group" data-context="<#DATAROW field='BillingContext'>" data-unitCharge="<#DATAROW field='UnitCharges' display='numeric'>" data-subTotalCharge="<#DATAROW field='SubTotal' display='numeric'>" data-taxCharge="<#DATAROW field='TaxCharges' display='numeric'>" data-totalCharge="<#DATAROW field='total' display='numeric'>"> = 1 <div id="billingDetail<#DATAROW field='ID'>" class="billingDetail list-group" data-context="<#DATAROW field='BillingContext'>" data-unitCharge="<#DATAROW field='UnitCharges' display='numeric'>" data-subTotalCharge="<#DATAROW field='SubTotal' display='numeric'>" data-taxCharge="<#DATAROW field='TaxCharges' display='numeric'>" data-totalCharge="<#DATAROW field='total' display='numeric'>">
2     <div class="row">   2     <div class="row">
3         <div class="col-lg-12">   3         <div class="col-lg-12">
4             <div class="list-group-item d-flex justify-content-between">   4             <div class="list-group-item d-flex justify-content-between">
5                 <span>   5                 <span>
6                     <a class="text-info btn btn-light ml-1" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="collapseBillingDetail<#DATAROW field='TransactionNumber'>" href="#collapseBillingDetail<#DATAROW field='ID'>"><span aria-hidden="true" class="fa fa-chevron-down text-info mr-1"></span></a> <> 6                     <button type="button" class="text-info btn btn-light ml-1" data-toggle="collapse" aria-expanded="false" aria-controls="collapseBillingDetail<#DATAROW field='ID'>" data-target="#collapseBillingDetail<#DATAROW field='ID'>" aria-label="Toggle billing details for <#DATAROW field='BillingContext'>"><span aria-hidden="true" class="fa fa-chevron-down text-info mr-1"></span></button>
7                     <#DATAROW field="BillingContext"><strong class="ml-1"><#DATAROW field="BillingType"></strong> = 7                     <#DATAROW field="BillingContext"><strong class="ml-1"><#DATAROW field="BillingType"></strong>
8                 </span>   8                 </span>
9                 <span class="text-right font-weight-bold"><#DATAROW field="Total" Display="Currency"></span>   9                 <span class="text-right font-weight-bold"><#DATAROW field="Total" Display="Currency"></span>
10             </div>   10             </div>
11         </div>   11         </div>
12     </div>   12     </div>
13     13  
14     <div class="mb-1 ml-5">   14     <div class="mb-1 ml-5">
15         <ul class="collapse list-group list-group-flush" id="collapseBillingDetail<#DATAROW field='ID'>">   15         <ul class="collapse list-group list-group-flush" id="collapseBillingDetail<#DATAROW field='ID'>">
16             <li class="list-group-item d-flex justify-content-between">   16             <li class="list-group-item d-flex justify-content-between">
17                 <span>Billing Date</span>   17                 <span>Billing Date</span>
18                 <strong class="convert-local" data-iso8601="<#DATAROW field='BillingDate' display='ISO8601'>"><#DATAROW field="BillingDate"></strong>   18                 <strong class="convert-local" data-iso8601="<#DATAROW field='BillingDate' display='ISO8601'>"><#DATAROW field="BillingDate"></strong>
19             </li>   19             </li>
20             <li class="list-group-item d-flex justify-content-between">   20             <li class="list-group-item d-flex justify-content-between">
21                 <span>Base Fee</span>   21                 <span>Base Fee</span>
22                 <strong><#DATAROW field="BaseFee" Display="Currency"></strong>   22                 <strong><#DATAROW field="BaseFee" Display="Currency"></strong>
23             </li>   23             </li>
24             <li class="list-group-item d-flex justify-content-between">   24             <li class="list-group-item d-flex justify-content-between">
25                 <span>Unit Fee</span>   25                 <span>Unit Fee</span>
26                 <strong><#DATAROW field="UnitFee" Display="Currency"></strong>   26                 <strong><#DATAROW field="UnitFee" Display="Currency"></strong>
27             </li>   27             </li>
28             <li class="list-group-item d-flex justify-content-between">   28             <li class="list-group-item d-flex justify-content-between">
29                 <span>Quantity</span>   29                 <span>Quantity</span>
30                 <strong><#DATAROW field="Quantity"></strong>   30                 <strong><#DATAROW field="Quantity"></strong>
31             </li>   31             </li>
32             <li class="list-group-item d-flex justify-content-between">   32             <li class="list-group-item d-flex justify-content-between">
33                 <span>Total Unit Charges</span>   33                 <span>Total Unit Charges</span>
34                 <strong><#DATAROW field="UnitCharges" Display="Currency"></strong>   34                 <strong><#DATAROW field="UnitCharges" Display="Currency"></strong>
35             </li>   35             </li>
36             <li class="list-group-item d-flex justify-content-between">   36             <li class="list-group-item d-flex justify-content-between">
37                 <span>Tax Rate</span>   37                 <span>Tax Rate</span>
38                 <strong><#DATAROW field="TaxRate" Display="Percentage"></strong>   38                 <strong><#DATAROW field="TaxRate" Display="Percentage"></strong>
39             </li>   39             </li>
40             <li class="list-group-item d-flex justify-content-between">   40             <li class="list-group-item d-flex justify-content-between">
41                 <span>Tax Charges</span>   41                 <span>Tax Charges</span>
42                 <strong><#DATAROW field="TaxCharges" Display="Currency"></strong>   42                 <strong><#DATAROW field="TaxCharges" Display="Currency"></strong>
43             </li>   43             </li>
44         </ul>   44         </ul>
45     </div>   45     </div>
46 </div>   46 </div>

   
File: templates\DataRow_CreditCardOrder.html  
1 <div class="card" id="transaction<#DATAROW field='TransactionNumber'>" data-totalCharge="<#DATAROW field='BalanceRemaining' Display='Numeric'>"> = 1 <div class="card" id="transaction<#DATAROW field='TransactionNumber'>" data-totalCharge="<#DATAROW field='BalanceRemaining' Display='Numeric'>">
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     4  
5         <div class="row">   5         <div class="row">
6             <div class="col-lg-8 col-md-12">   6             <div class="col-lg-8 col-md-12">
7                 <div class="card-title h4">   7                 <div class="card-title h4">
8                     <a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>"><#DATAROW field="ItemTitle"></a>   8                     <a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>"><#DATAROW field="ItemTitle"></a>
9                 </div>   9                 </div>
10                 <div class="card-subtitle h5 mb2 text-muted"><#DATAROW field="ItemSubtitle"></div>   10                 <div class="card-subtitle h5 mb2 text-muted"><#DATAROW field="ItemSubtitle"></div>
11             </div>   11             </div>
12     12  
13         <div class="col-lg-4 col-md-12 text-right">   13         <div class="col-lg-4 col-md-12 text-right">
14                 <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">   14                 <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">
15                   <a class="text-info btn btn-light" role="button" aria-controls="collapseRequest<#DATAROW field='TransactionNumber'>" href="<#DLL queryFields='false'>?Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fa fa-info-circle text-info mr-1"></span>Details</a> <> 15                   <a class="text-info btn btn-light" aria-controls="collapseRequest<#DATAROW field='TransactionNumber'>" href="<#DLL queryFields='false'>?Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fa fa-info-circle text-info mr-1"></span>Details</a>
16                 </div> = 16                 </div>
17                 <div class="mt-4">   17                 <div class="mt-4">
18                     <div class="row field">   18                     <div class="row field">
19                         <div class="col-sm-8 field-label font-weight-bold">Balance Due</div>   19                         <div class="col-sm-8 field-label font-weight-bold">Balance Due</div>
20                         <div class="col-sm-4 field-value text-right"><#DATAROW field="BalanceRemaining" Display="Currency"></div>   20                         <div class="col-sm-4 field-value text-right"><#DATAROW field="BalanceRemaining" Display="Currency"></div>
21                     </div>   21                     </div>
22                 </div>   22                 </div>
23             </div>   23             </div>
24         </div>   24         </div>
25     25  
26         <div id="requestDetails<#DATAROW field='TransactionNumber'>">   26         <div id="requestDetails<#DATAROW field='TransactionNumber'>">
27             <div class="row field">   27             <div class="row field">
28                 <div class="col-sm-3 field-label font-weight-bold">Type</div>   28                 <div class="col-sm-3 field-label font-weight-bold">Type</div>
29                 <div class="field-value text-left"><#DATAROW field="DocumentType"></div>   29                 <div class="field-value text-left"><#DATAROW field="DocumentType"></div>
30             </div>   30             </div>
31             <div class="row field">   31             <div class="row field">
32                 <div class="col-sm-3 field-label font-weight-bold">Format</div>   32                 <div class="col-sm-3 field-label font-weight-bold">Format</div>
33                 <div class="field-value text-left"><#DATAROW field="Format"></div>   33                 <div class="field-value text-left"><#DATAROW field="Format"></div>
34             </div>   34             </div>
35             <div class="row field">   35             <div class="row field">
36                 <div class="col-sm-3 field-label font-weight-bold">Service Level</div>   36                 <div class="col-sm-3 field-label font-weight-bold">Service Level</div>
37                 <div class="field-value text-left"><#DATAROW field="ServiceLevel"></div>   37                 <div class="field-value text-left"><#DATAROW field="ServiceLevel"></div>
38             </div>   38             </div>
39             <div class="row field">   39             <div class="row field">
40                 <div class="col-sm-3 field-label font-weight-bold">Shipping</div>   40                 <div class="col-sm-3 field-label font-weight-bold">Shipping</div>
41                 <div class="field-value text-left"><#DATAROW field="ShippingOption"></div>   41                 <div class="field-value text-left"><#DATAROW field="ShippingOption"></div>
42             </div>   42             </div>
43         </div>   43         </div>
44     </div>   44     </div>
45   </div>   45   </div>
46 </div>   46 </div>

   
File: templates\DataRow_DefaultActivity.html  
1 <div class="card"> = 1 <div class="card">
2     <div id="activity<#DATAROW field='Id'>">   2     <div id="activity<#DATAROW field='Id'>">
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 text-muted">   5                 <div class="col-lg-8 col-md-12 text-muted">
6                     <div class="card-title h4">   6                     <div class="card-title h4">
7                         <a href="aeon.dll?&Action=10&Form=91&Value=<#DATAROW field='Id'>"><#DATAROW field="Name"></a>   7                         <a href="aeon.dll?&Action=10&Form=91&Value=<#DATAROW field='Id'>"><#DATAROW field="Name"></a>
8                     </div>   8                     </div>
9     9  
10                     <div class="field text-muted">Description   10                     <div class="field text-muted">Description
11                         <span class="field-value font-weight-bold ml-1">   11                         <span class="field-value font-weight-bold ml-1">
12                             <#DATAROW field="Description">   12                             <#DATAROW field="Description">
13                         </span>   13                         </span>
14                     </div>   14                     </div>
15        
16                     <span id="Tooltip_ActivityStatus_<#DATAROW field='Id'>" class="d-none" role="tooltip"> +-    
17                         <#DATAROW field="ActivityStatus"> on <span class="convert-local" data-servertime="<#DATAROW field='ActivityStatusDate'>" data-iso8601="<#DATAROW field='ActivityStatusDate' display='ISO8601'>"><#DATAROW field="ActivityStatusDate"></span>                                      
18                     </span>      
19                      = 15                     
20                     <div class="field mb-2 text-muted" data-toggle="tooltip" data-placement="top" data-titleElement="#Tooltip_ActivityStatus_<#DATAROW field='Id'>"> <> 16                     <div class="field mb-2 text-muted">
21                         Status<span class="field-value font-weight-bold ml-1"><#DATAROW field="ActivityStatus"></span> = 17                         Status<span class="field-value font-weight-bold ml-1"><#DATAROW field="ActivityStatus"></span>
22                     </div>   18                     </div>
23                        19                     
24                 </div>         20                 </div>      
25                        21                     
26                 <div class="col-lg-4 col-md-12 text-left">         22                 <div class="col-lg-4 col-md-12 text-left">      
27                     <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">   23                     <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">
28                         <a class="btn btn-primary" role="button" href="aeon.dll?&Action=10&Form=91&Value=<#DATAROW field='Id'>"><span aria-hidden="true" class="fa fa-info-circle mr-1"></span>Details</a> <> 24                         <a class="btn btn-primary" href="aeon.dll?&Action=10&Form=91&Value=<#DATAROW field='Id'>"><span aria-hidden="true" class="fa fa-info-circle mr-1"></span>Details</a>
29   = 25  
30                         <div class="btn-group" role="group">   26                         <div class="btn-group" role="group">
31                             <button id="btnGroupActivityDrop<#DATAROW field='Id'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">   27                             <button id="btnGroupActivityDrop<#DATAROW field='Id'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
32                                 <span aria-hidden="true" class="fas fa-file-download mr-1"></span>Download   28                                 <span aria-hidden="true" class="fas fa-file-download mr-1"></span>Download
33                             </button>   29                             </button>
34                             <div class="dropdown-menu" aria-labelledby="btnGroupActivityDrop<#DATAROW field='Id'>">   30                             <div class="dropdown-menu" aria-labelledby="btnGroupActivityDrop<#DATAROW field='Id'>">
35                                 <a class="dropdown-item btn btn-light menuDownloadXls" href="aeon.dll?Action=10&amp;Form=92&amp;Value=<#DATAROW field='ID'>"><span aria-hidden="true" class="far fa-file-excel mr-1"></span>XLS</a>   31                                 <a class="dropdown-item btn btn-light menuDownloadXls" href="aeon.dll?Action=10&amp;Form=92&amp;Value=<#DATAROW field='ID'>"><span aria-hidden="true" class="far fa-file-excel mr-1"></span>XLS</a>
36                                 <a class="dropdown-item btn btn-light menuDownloadiCalendar" href="aeon.dll?Action=10&amp;Form=93&amp;Value=<#DATAROW field='ID'>"><span aria-hidden="true" class="far fa-calendar-plus mr-1"></span>iCalendar</a>   32                                 <a class="dropdown-item btn btn-light menuDownloadiCalendar" href="aeon.dll?Action=10&amp;Form=93&amp;Value=<#DATAROW field='ID'>"><span aria-hidden="true" class="far fa-calendar-plus mr-1"></span>iCalendar</a>
37                             </div>   33                             </div>
38                         </div>   34                         </div>
39                     </div>   35                     </div>
40     36  
41                     <div class="field text-muted">Start Date   37                     <div class="field text-muted">Start Date
42                         <span class="field-value font-weight-bold convert-local ml-1" data-dateOnly="true" data-servertime="<#DATAROW field='BeginDate'>" data-iso8601="<#DATAROW field='BeginDate' display='ISO8601'>"><#DATAROW field="BeginDate"></span>   38                         <span class="field-value font-weight-bold convert-local ml-1" data-dateOnly="true" data-servertime="<#DATAROW field='BeginDate'>" data-iso8601="<#DATAROW field='BeginDate' display='ISO8601'>"><#DATAROW field="BeginDate"></span>
43                     </div>   39                     </div>
44     40  
45                     <div class="field text-muted">End Date   41                     <div class="field text-muted">End Date
46                         <span class="field-value font-weight-bold convert-local ml-1" data-dateOnly="true" data-servertime="<#DATAROW field='EndDate'>" data-iso8601="<#DATAROW field='EndDate' display='ISO8601'>"><#DATAROW field="EndDate"></span>   42                         <span class="field-value font-weight-bold convert-local ml-1" data-dateOnly="true" data-servertime="<#DATAROW field='EndDate'>" data-iso8601="<#DATAROW field='EndDate' display='ISO8601'>"><#DATAROW field="EndDate"></span>
47                     </div>   43                     </div>
48                 </div>   44                 </div>
49             </div>   45             </div>
50         </div>   46         </div>
51     </div>   47     </div>
52 </div>   48 </div>

   
File: 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                     <div class="card-title h4">   6                     <div class="card-title h4">
7                         <a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>"><#DATAROW field="ItemTitle"></a>   7                         <a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>"><#DATAROW field="ItemTitle"></a>
8                     </div>   8                     </div>
9                     <div class="card-subtitle h5 text-muted"><#DATAROW field="ItemSubtitle"></div>   9                     <div class="card-subtitle h5 text-muted"><#DATAROW field="ItemSubtitle"></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="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>"><span class="fa fa-info-circle mr-1"></span>Details</a> <> 14                         <a class="btn btn-primary" href="aeon.dll?&Action=10&Form=63&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" data-noaction-message="You are not able to perform any actions for this request." aria-labelledby="btnGroupDrop<#DATAROW field='TransactionNumber'>">   20                             <div class="dropdown-menu" data-noaction-message="You are not able to perform any actions for this request." aria-labelledby="btnGroupDrop<#DATAROW field='TransactionNumber'>">
21                                 <a class="dropdown-item btn btn-light menuEdit <#DATAROW field='RequestActionAllowed' name='Edit' disabledValue='d-none'>" href="aeon.dll?Action=20&amp;Form=63&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='d-none'>" href="aeon.dll?Action=20&amp;Form=63&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 menuClone <#DATAROW field='RequestActionAllowed' name='Cancel' disabledValue='d-none'>" href="aeon.dll?Action=21&amp;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 menuClone <#DATAROW field='RequestActionAllowed' name='Cancel' disabledValue='d-none'>" href="aeon.dll?Action=21&amp;Type=10&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-ban text-danger mr-1"></span>  Cancel Request</a>
23                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='RemoveFromHold' disabledValue='d-none'>" href="aeon.dll?Action=22&amp;Type=16&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-minus-circle mr-1"></span>  Remove from Hold</a>   23                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='RemoveFromHold' disabledValue='d-none'>" href="aeon.dll?Action=22&amp;Type=16&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-minus-circle mr-1"></span>  Remove from Hold</a>
24                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='Resubmit' disabledValue='d-none'>" href="aeon.dll?Action=11&amp;Form=71&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-redo mr-1"></span>  Resubmit Request</a>   24                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='Resubmit' disabledValue='d-none'>" href="aeon.dll?Action=11&amp;Form=71&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-redo mr-1"></span>  Resubmit Request</a>
25                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='RequestCopy' disabledValue='d-none'>" href="aeon.dll?Action=20&amp;Form=34&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-copy mr-1"></span>  Request Copy</a>   25                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='RequestCopy' disabledValue='d-none'>" href="aeon.dll?Action=20&amp;Form=34&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-copy mr-1"></span>  Request Copy</a>
26                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='Clone' disabledValue='d-none'>" href="aeon.dll?Action=11&amp;Form=32&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-copy text-primary mr-1"></span>  Clone Request</a>   26                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='Clone' disabledValue='d-none'>" href="aeon.dll?Action=11&amp;Form=32&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 menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='CloneToCopy' disabledValue='d-none'>" href="aeon.dll?Action=11&amp;Form=33&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-cart-plus text-primary mr-1"></span> Clone to Copy</a>   27                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='CloneToCopy' disabledValue='d-none'>" href="aeon.dll?Action=11&amp;Form=33&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-cart-plus text-primary mr-1"></span> Clone to Copy</a>
28                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='ViewFile' disabledValue='d-none'>" href="aeon.dll?Action=10&amp;Form=75&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-eye mr-1"></span>  View Item</a>   28                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='ViewFile' disabledValue='d-none'>" href="aeon.dll?Action=10&amp;Form=75&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-eye mr-1"></span>  View Item</a>
29                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='DeleteFile' disabledValue='d-none'>" href="aeon.dll?Action=22&amp;Type=11&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-trash-alt mr-1"></span>  Delete Item</a>   29                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='DeleteFile' disabledValue='d-none'>" href="aeon.dll?Action=22&amp;Type=11&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-trash-alt mr-1"></span>  Delete Item</a>
30                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='Submit' disabledValue='d-none'>" href="aeon.dll?Action=23&amp;Type=12&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-share-square mr-1"></span>  Submit Request</a>   30                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='Submit' disabledValue='d-none'>" href="aeon.dll?Action=23&amp;Type=12&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-share-square mr-1"></span>  Submit Request</a>
31                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='ApproveOrderEstimate' disabledValue='d-none'>" href="aeon.dll?Action=23&amp;Type=13&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-check-circle mr-1"></span>  Approve Estimate</a>   31                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='ApproveOrderEstimate' disabledValue='d-none'>" href="aeon.dll?Action=23&amp;Type=13&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-check-circle mr-1"></span>  Approve Estimate</a>
32                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='ApproveOrderBilling' disabledValue='d-none'>" href="aeon.dll?Action=23&amp;Type=14&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-check-circle mr-1"></span>  Approve Billing</a>   32                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='ApproveOrderBilling' disabledValue='d-none'>" href="aeon.dll?Action=23&amp;Type=14&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-check-circle mr-1"></span>  Approve Billing</a>
33                                 <a class="dropdown-item btn btn-light menuExportRIS <#DATAROW field='RequestActionAllowed' name='ExportRIS' disabledValue='d-none'>" href="aeon.dll?Action=10&amp;Form=121&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-download text-primary mr-1"></span>  Export Citation</a>   33                                 <a class="dropdown-item btn btn-light menuExportRIS <#DATAROW field='RequestActionAllowed' name='ExportRIS' disabledValue='d-none'>" href="aeon.dll?Action=10&amp;Form=121&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-download text-primary mr-1"></span>  Export Citation</a>
34                             </div>   34                             </div>
35                         </div>   35                         </div>
36                     </div>   36                     </div>
37                 </div>   37                 </div>
38             </div>   38             </div>
39             <div class="row">   39             <div class="row">
40                 <div class="col-lg-7 col-md-12">   40                 <div class="col-lg-7 col-md-12">
41                     <div class="field text-muted">Transaction Number<span class="field-value font-weight-bold ml-1"><#DATAROW field="TransactionNumber"></span></div>   41                     <div class="field text-muted">Transaction Number<span class="field-value font-weight-bold ml-1"><#DATAROW field="TransactionNumber"></span></div>
42                     <div class="field text-muted">Call Number<span class="field-value font-weight-bold ml-1"><#DATAROW field="CallNumber"></span></div>   42                     <div class="field text-muted">Call Number<span class="field-value font-weight-bold ml-1"><#DATAROW field="CallNumber"></span></div>
43                     <div class="field text-muted">Volume/Box<span class="field-value font-weight-bold ml-1"><#DATAROW field="ItemVolume"></span></div>   43                     <div class="field text-muted">Volume/Box<span class="field-value font-weight-bold ml-1"><#DATAROW field="ItemVolume"></span></div>
44                 </div>   44                 </div>
45                 <div class="col-lg-5 col-md-12 text-right">   45                 <div class="col-lg-5 col-md-12 text-right">
46                     <span id="Tooltip_ItemStatus_<#DATAROW field='TransactionNumber'>" class="d-none" role="tooltip"> <> 46                     <div class="mb2 text-muted">
47                         Moved to <#DATAROW field="TransactionStatus"> on <span class="convert-local" data-iso8601="<#DATAROW field='TransactionDate' display='ISO8601'>"><#DATAROW field="TransactionDate"></span>      
48                     </span>      
49                     <div class="mb2 text-muted" data-toggle="tooltip" data-placement="right" data-titleElement="#Tooltip_ItemStatus_<#DATAROW field='TransactionNumber'>">      
50                         Item Status<span class="field-value font-weight-bold ml-1"><#DATAROW field="TransactionStatus"></span> = 47                         Item Status<span class="field-value font-weight-bold ml-1"><#DATAROW field="TransactionStatus"></span>
51                     </div>   48                     </div>
52                     <span id="Tooltip_OrderStatus_<#DATAROW field='TransactionNumber'>" class="d-none" role="tooltip"> <> 49                     <div class="field mb2 text-muted">
53                         Moved to <#DATAROW field="PhotoduplicationStatus"> on <span class="convert-local" data-iso8601="<#DATAROW field='PhotoduplicationDate' display='ISO8601'>"><#DATAROW field="PhotoduplicationDate"></span>      
54                     </span>      
55                     <div class="field mb2 text-muted" data-toggle="tooltip" data-placement="right" data-titleElement="#Tooltip_OrderStatus_<#DATAROW field='TransactionNumber'>">      
56                         Order Status<span class="field-value font-weight-bold ml-1"><#DATAROW field="PhotoduplicationStatus"></span> = 50                         Order Status<span class="field-value font-weight-bold ml-1"><#DATAROW field="PhotoduplicationStatus"></span>
57                     </div>   51                     </div>
58                 </div>   52                 </div>
59             </div>   53             </div>
60         </div>   54         </div>
61     </div>   55     </div>
62 </div>   56 </div>

   
File: templates\DataRow_ElectronicDelivery.html  
1 <div class="card"> = 1 <div class="card">
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 text-muted">   5                 <div class="col-lg-8 col-md-12 text-muted">
6                     <div class="h4 card-title">   6                     <div class="h4 card-title">
7                         <a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>"><#DATAROW field="ItemTitle"></a>   7                         <a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>"><#DATAROW field="ItemTitle"></a>
8                         <span class="text-muted"><#DATAROW field="ItemDate"></span>   8                         <span class="text-muted"><#DATAROW field="ItemDate"></span>
9                     </div>   9                     </div>
10                     <div class="card-subtitle h5 mb2 text-muted"><#DATAROW field="ItemSubtitle"></div>   10                     <div class="card-subtitle h5 mb2 text-muted"><#DATAROW field="ItemSubtitle"></div>
11                  </div>   11                  </div>
12     12  
13                 <div class="col-lg-4 col-md-12 text-right">   13                 <div class="col-lg-4 col-md-12 text-right">
14                     <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">   14                     <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">
15                         <a class="btn btn-primary menuViewItemFile <#DATAROW field='RequestActionAllowed' name='ViewFile' disabledValue='disabled'>" href="aeon.dll?Action=10&amp;Form=75&amp;Value=<#DATAROW field='TransactionNumber'>" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="File Size: <#DATAROW field='FileSize'>">View</a>   15                         <a class="btn btn-primary menuViewItemFile <#DATAROW field='RequestActionAllowed' name='ViewFile' disabledValue='disabled'>" href="aeon.dll?Action=10&amp;Form=75&amp;Value=<#DATAROW field='TransactionNumber'>" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="File Size: <#DATAROW field='FileSize'>">View</a>
16                         <a class="btn btn-secondary menuDeleteItemFile <#DATAROW field='RequestActionAllowed' name='DeleteFile' disabledValue='disabled'>" href="aeon.dll?Action=22&amp;Type=11&amp;Value=<#DATAROW field='TransactionNumber'>">Delete</a>   16                         <a class="btn btn-secondary menuDeleteItemFile <#DATAROW field='RequestActionAllowed' name='DeleteFile' disabledValue='disabled'>" href="aeon.dll?Action=22&amp;Type=11&amp;Value=<#DATAROW field='TransactionNumber'>">Delete</a>
17                         <div class="btn-group" role="group">   17                         <div class="btn-group" role="group">
18                             <button id="btnGroupDrop<#DATAROW field='TransactionNumber'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">   18                             <button id="btnGroupDrop<#DATAROW field='TransactionNumber'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
19                                 Actions   19                                 Actions
20                             </button>   20                             </button>
21                             <div class="dropdown-menu" data-noaction-message="You are not able to perform any actions for this request." aria-labelledby="btnGroupDrop<#DATAROW field='TransactionNumber'>">   21                             <div class="dropdown-menu" data-noaction-message="You are not able to perform any actions for this request." aria-labelledby="btnGroupDrop<#DATAROW field='TransactionNumber'>">
22                                 <a class="dropdown-item text-info btn btn-light"  role="button" href="aeon.dll?Action=10&amp;Form=63&amp;Value=<#DATAROW field='TransactionNumber'>"><span class="fa fa-info-circle text-info mr-1"></span>Details</a> <> 22                                 <a class="dropdown-item text-info btn btn-light" href="aeon.dll?Action=10&amp;Form=63&amp;Value=<#DATAROW field='TransactionNumber'>"><span class="fa fa-info-circle text-info mr-1"></span>Details</a>
23                                 <a class="dropdown-item btn btn-light menuEdit <#DATAROW field='RequestActionAllowed' name='ViewFile' disabledValue='disabled'>" href="aeon.dll?Action=10&amp;Form=75&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-eye text-primary mr-1"></span>View Item</a> = 23                                 <a class="dropdown-item btn btn-light menuEdit <#DATAROW field='RequestActionAllowed' name='ViewFile' disabledValue='disabled'>" href="aeon.dll?Action=10&amp;Form=75&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-eye text-primary mr-1"></span>View Item</a>
24                                 <a class="dropdown-item btn btn-light menuEdit <#DATAROW field='RequestActionAllowed' name='Cancel' disabledValue='disabled'>" href="aeon.dll?Action=21&amp;Type=10&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-ban text-danger mr-1"></span>Cancel Request</a>   24                                 <a class="dropdown-item btn btn-light menuEdit <#DATAROW field='RequestActionAllowed' name='Cancel' disabledValue='disabled'>" href="aeon.dll?Action=21&amp;Type=10&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-ban text-danger mr-1"></span>Cancel Request</a>
25                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='RequestCopy' disabledValue='d-none'>" href="aeon.dll?Action=11&amp;Form=32&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-copy text-primary mr-1"></span>Clone Request</a>   25                                 <a class="dropdown-item btn btn-light menuClone <#DATAROW field='RequestActionAllowed' name='RequestCopy' disabledValue='d-none'>" href="aeon.dll?Action=11&amp;Form=32&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-copy text-primary mr-1"></span>Clone Request</a>
26                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='CloneToCopy' disabledValue='d-none'>" href="aeon.dll?Action=11&amp;Form=33&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-cart-plus text-primary"></span>Clone to Copy</a>   26                                 <a class="dropdown-item btn btn-light menuPhotoduplication <#DATAROW field='RequestActionAllowed' name='CloneToCopy' disabledValue='d-none'>" href="aeon.dll?Action=11&amp;Form=33&amp;Value=<#DATAROW field='TransactionNumber'>"><span aria-hidden="true" class="fas fa-cart-plus text-primary"></span>Clone to Copy</a>
27                                 <a class="dropdown-item btn btn-light menuExportRIS" href="aeon.dll?Action=10&amp;Form=121&amp;Value=<#DATAROW field='TransactionNumber'>"> <span aria-hidden="true" class="fas fa-download text-primary mr-1"></span>Export Citation</a>   27                                 <a class="dropdown-item btn btn-light menuExportRIS" href="aeon.dll?Action=10&amp;Form=121&amp;Value=<#DATAROW field='TransactionNumber'>"> <span aria-hidden="true" class="fas fa-download text-primary mr-1"></span>Export Citation</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"></div>   35                 <div class="col-lg-7 col-md-12"></div>
36                 <div class="col-lg-5 col-md-12 text-right">   36                 <div class="col-lg-5 col-md-12 text-right">
37                     <span id="Tooltip_ItemStatus_<#DATAROW field='TransactionNumber'>" class="d-none" role="tooltip"> <> 37                     <div class="mb2 text-muted">
38                         Moved to <#DATAROW field="TransactionStatus"> on <span class="convert-local" data-iso8601="<#DATAROW field='TransactionDate' display='ISO8601'>"><#DATAROW field="TransactionDate"></span>      
39                     </span>      
40                     <div class="mb2 text-muted" data-toggle="tooltip" data-placement="right" data-titleElement="#Tooltip_ItemStatus_<#DATAROW field='TransactionNumber'>">      
41                         Item Status<span class="field-value font-weight-bold ml-1"><#DATAROW field="TransactionStatus"></span> = 38                         Item Status<span class="field-value font-weight-bold ml-1"><#DATAROW field="TransactionStatus"></span>
42                     </div>   39                     </div>
43                     <span id="Tooltip_OrderStatus_<#DATAROW field='TransactionNumber'>" class="d-none" role="tooltip"> <> 40                     <div class="field mb2 text-muted">
44                         Moved to <#DATAROW field="PhotoduplicationStatus"> on <span class="convert-local" data-iso8601="<#DATAROW field='PhotoduplicationDate' display='ISO8601'>"><#DATAROW field="PhotoduplicationDate"></span>      
45                     </span>      
46                     <div class="field mb2 text-muted" data-toggle="tooltip" data-placement="right" data-titleElement="#Tooltip_OrderStatus_<#DATAROW field='TransactionNumber'>">      
47                         Order Status<span class="field-value font-weight-bold ml-1"><#DATAROW field="PhotoduplicationStatus"></span> = 41                         Order Status<span class="field-value font-weight-bold ml-1"><#DATAROW field="PhotoduplicationStatus"></span>
48                     </div>   42                     </div>
49                 </div>   43                 </div>
50             </div>   44             </div>
51         </div>   45         </div>
52     </div>   46     </div>
53 </div>   47 </div>

   
File: templates\DataRow_OrderBilling.html  
1   <div class="card"> = 1   <div class="card">
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="checkbox col-lg-1">   5           <div class="checkbox col-lg-1">
6              <input class="form-input" type="checkbox" name="TransactionSelect" title="Select this transaction" data-balanceRemaining="<#DATAROW field='BalanceRemaining' display='Numeric'>" data-totalCharge="<#DATAROW field='CurrentCharges' display='Numeric'>" value="<#DATAROW field='TransactionNumber'>" />   6              <input class="form-input" type="checkbox" name="TransactionSelect" title="Select this transaction" data-balanceRemaining="<#DATAROW field='BalanceRemaining' display='Numeric'>" data-totalCharge="<#DATAROW field='CurrentCharges' display='Numeric'>" value="<#DATAROW field='TransactionNumber'>" />
7             </div>   7             </div>
8     8  
9       <div class="col-lg-7 col-md-12 text-left">   9       <div class="col-lg-7 col-md-12 text-left">
10         <div class="card-title h4">   10         <div class="card-title h4">
11           <a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>">   11           <a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>">
12             <#DATAROW field="ItemTitle">   12             <#DATAROW field="ItemTitle">
13                     </a>   13                     </a>
14         </div>   14         </div>
15     15  
16                 <div class="card-subtitle h5 mb2 text-muted">   16                 <div class="card-subtitle h5 mb2 text-muted">
17           <#DATAROW field="ItemSubtitle">   17           <#DATAROW field="ItemSubtitle">
18         </div>   18         </div>
19     19  
20         <div class="field text-muted">Transaction Number   20         <div class="field text-muted">Transaction Number
21           <span class="field-value font-weight-bold ml-1">   21           <span class="field-value font-weight-bold ml-1">
22             <#DATAROW field="TransactionNumber">   22             <#DATAROW field="TransactionNumber">
23           </span>   23           </span>
24         </div>   24         </div>
25     25  
26         <div class="field text-muted">Call Number   26         <div class="field text-muted">Call Number
27           <span class="field-value font-weight-bold ml-1">   27           <span class="field-value font-weight-bold ml-1">
28             <#DATAROW field="CallNumber">   28             <#DATAROW field="CallNumber">
29           </span>   29           </span>
30         </div>   30         </div>
31     31  
32         <div class="field text-muted">Volume/Box   32         <div class="field text-muted">Volume/Box
33           <span class="field-value font-weight-bold ml-1">   33           <span class="field-value font-weight-bold ml-1">
34             <#DATAROW field="ItemVolume">   34             <#DATAROW field="ItemVolume">
35           </span>   35           </span>
36         </div>   36         </div>
37       </div>   37       </div>
38     38  
39       <div class="col-lg-4 col-md-12 text-left">   39       <div class="col-lg-4 col-md-12 text-left">
40         <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">   40         <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">
41           <a class="btn btn-primary" role="button" href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>"> <> 41           <a class="btn btn-primary" href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>">
42             <span aria-hidden="true" class="fa fa-info-circle mr-1"></span>Details</a> = 42             <span aria-hidden="true" class="fa fa-info-circle mr-1"></span>Details</a>
43     43  
44             <button id="btnGroupDrop<#DATAROW field='TransactionNumber'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">   44             <button id="btnGroupDrop<#DATAROW field='TransactionNumber'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
45                             Actions   45                             Actions
46                         </button>   46                         </button>
47     47  
48             <div class="dropdown-menu" data-noaction-message="You are not able to perform any actions for this request." aria-labelledby="btnGroupDrop<#DATAROW field='TransactionNumber'>">   48             <div class="dropdown-menu" data-noaction-message="You are not able to perform any actions for this request." aria-labelledby="btnGroupDrop<#DATAROW field='TransactionNumber'>">
49               <a class="dropdown-item btn btn-light ViewFile <#DATAROW field='RequestActionAllowed' name='ViewFile' disabledValue='disabled'>" href="aeon.dll?Action=10&amp;Form=75&amp;Value=<#DATAROW field='TransactionNumber'>">   49               <a class="dropdown-item btn btn-light ViewFile <#DATAROW field='RequestActionAllowed' name='ViewFile' disabledValue='disabled'>" href="aeon.dll?Action=10&amp;Form=75&amp;Value=<#DATAROW field='TransactionNumber'>">
50                 <span aria-hidden="true" class="fas fa-eye text-info mr-2"></span>View Item</a>   50                 <span aria-hidden="true" class="fas fa-eye text-info mr-2"></span>View Item</a>
51               <a class="dropdown-item btn btn-light Edit <#DATAROW field='RequestActionAllowed' name='Edit' disabledValue='disabled'>" href="aeon.dll?Action=20&amp;Form=63&amp;Value=<#DATAROW field='TransactionNumber'>">   51               <a class="dropdown-item btn btn-light Edit <#DATAROW field='RequestActionAllowed' name='Edit' disabledValue='disabled'>" href="aeon.dll?Action=20&amp;Form=63&amp;Value=<#DATAROW field='TransactionNumber'>">
52                 <span aria-hidden="true" class="fas fa-edit text-primary mr-2"></span>Edit Request</a>   52                 <span aria-hidden="true" class="fas fa-edit text-primary mr-2"></span>Edit Request</a>
53                             <a class="dropdown-item btn btn-light Cancel <#DATAROW field='RequestActionAllowed' name='Cancel' disabledValue='disabled'>" href="aeon.dll?Action=21&amp;Form=10&amp;Value=<#DATAROW field='TransactionNumber'>">   53                             <a class="dropdown-item btn btn-light Cancel <#DATAROW field='RequestActionAllowed' name='Cancel' disabledValue='disabled'>" href="aeon.dll?Action=21&amp;Form=10&amp;Value=<#DATAROW field='TransactionNumber'>">
54                                 <span aria-hidden="true" class="fas fa-ban text-danger mr-2"></span>Cancel Request</a>   54                                 <span aria-hidden="true" class="fas fa-ban text-danger mr-2"></span>Cancel Request</a>
55                         </div>   55                         </div>
56                     </div>   56                     </div>
57     57  
58           <div class="field text-muted mr-1">Format   58           <div class="field text-muted mr-1">Format
59             <span class="field-value font-weight-bold">   59             <span class="field-value font-weight-bold">
60               <#DATAROW field="Format">   60               <#DATAROW field="Format">
61             </span>   61             </span>
62                     </div>   62                     </div>
63     63  
64           <div class="field text-muted mr-1">Service Level   64           <div class="field text-muted mr-1">Service Level
65             <span class="field-value font-weight-bold">   65             <span class="field-value font-weight-bold">
66               <#DATAROW field="ServiceLevel">   66               <#DATAROW field="ServiceLevel">
67             </span>   67             </span>
68           </div>   68           </div>
69     69  
70           <div class="field text-muted mr-1">Shipping   70           <div class="field text-muted mr-1">Shipping
71             <span class="field-value font-weight-bold">   71             <span class="field-value font-weight-bold">
72               <#DATAROW field="ShippingOption">   72               <#DATAROW field="ShippingOption">
73             </span>   73             </span>
74           </div>   74           </div>
75     75  
76           <div class="field text-muted mr-1">Payments   76           <div class="field text-muted mr-1">Payments
77             <span class="field-value font-weight-bold ">   77             <span class="field-value font-weight-bold ">
78               <#DATAROW field="PaymentTotal" Display="Currency">   78               <#DATAROW field="PaymentTotal" Display="Currency">
79             </span>   79             </span>
80           </div>   80           </div>
81     81  
82           <div class="field text-muted mr-1">Balance Due   82           <div class="field text-muted mr-1">Balance Due
83             <span class="field-value font-weight-bold">   83             <span class="field-value font-weight-bold">
84               <#DATAROW field="BalanceRemaining" Display="Currency">   84               <#DATAROW field="BalanceRemaining" Display="Currency">
85             </span>   85             </span>
86           </div>   86           </div>
87              87           
88               </div>   88               </div>
89              </div>   89              </div>
90      </div>   90      </div>
91    </div>   91    </div>
92 </div>   92 </div>

   
File: templates\DataRow_OrderEstimate.html  
1 <div class="card"> = 1 <div class="card">
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="checkbox col-lg-1">   5                 <div class="checkbox col-lg-1">
6                     <input class="form-input" type="checkbox" name="TransactionSelect" title="Select this transaction" data-balanceRemaining="<#DATAROW field='BalanceRemaining' display='Numeric'>" data-totalCharge="<#DATAROW field='CurrentCharges' display='Numeric'>" value="<#DATAROW field='TransactionNumber'>" />   6                     <input class="form-input" type="checkbox" name="TransactionSelect" title="Select this transaction" data-balanceRemaining="<#DATAROW field='BalanceRemaining' display='Numeric'>" data-totalCharge="<#DATAROW field='CurrentCharges' display='Numeric'>" value="<#DATAROW field='TransactionNumber'>" />
7                 </div>   7                 </div>
8     8  
9                 <div class="col-lg-7 col-md-12 text-left">   9                 <div class="col-lg-7 col-md-12 text-left">
10                     <div class="card-title h4">   10                     <div class="card-title h4">
11                         <a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>">   11                         <a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>">
12                             <#DATAROW field="ItemTitle">   12                             <#DATAROW field="ItemTitle">
13                         </a>   13                         </a>
14                     </div>   14                     </div>
15     15  
16                     <div class="card-subtitle h5 mb-2 text-muted">   16                     <div class="card-subtitle h5 mb-2 text-muted">
17                         <#DATAROW field="ItemSubtitle">   17                         <#DATAROW field="ItemSubtitle">
18                     </div>   18                     </div>
19     19  
20                     <div class="field text-muted">Transaction Number   20                     <div class="field text-muted">Transaction Number
21                         <span class="field-value font-weight-bold ml-1">   21                         <span class="field-value font-weight-bold ml-1">
22                             <#DATAROW field="TransactionNumber">   22                             <#DATAROW field="TransactionNumber">
23                         </span>   23                         </span>
24                     </div>   24                     </div>
25     25  
26                     <div class="field text-muted">Call Number   26                     <div class="field text-muted">Call Number
27                         <span class="field-value font-weight-bold ml-1">   27                         <span class="field-value font-weight-bold ml-1">
28                             <#DATAROW field="CallNumber">   28                             <#DATAROW field="CallNumber">
29                         </span>   29                         </span>
30                     </div>   30                     </div>
31     31  
32                     <div class="field text-muted">Volume/Box   32                     <div class="field text-muted">Volume/Box
33                         <span class="field-value font-weight-bold ml-1">   33                         <span class="field-value font-weight-bold ml-1">
34                             <#DATAROW field="ItemVolume">   34                             <#DATAROW field="ItemVolume">
35                         </span>   35                         </span>
36                     </div>   36                     </div>
37                 </div>   37                 </div>
38     38  
39                 <div class="col-lg-4 col-md-12 text-left">   39                 <div class="col-lg-4 col-md-12 text-left">
40                     <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">   40                     <div class="btn-group" role="group" aria-label="Actions for Request <#DATAROW field='TransactionNumber'>">
41                         <a class="btn btn-primary" role="button" href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>"> <> 41                         <a class="btn btn-primary" href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW field='TransactionNumber'>">
42                             <span aria-hidden="true" class="fa fa-info-circle mr-1"></span> Details</a> = 42                             <span aria-hidden="true" class="fa fa-info-circle mr-1"></span> Details</a>
43                             <button id="btnGroupDrop<#DATAROW field='TransactionNumber'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">   43                             <button id="btnGroupDrop<#DATAROW field='TransactionNumber'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
44                                 Actions   44                                 Actions
45                             </button>   45                             </button>
46                             <div class="dropdown-menu" data-noaction-message="You are not able to perform any actions for this request." aria-labelledby="btnGroupDrop<#DATAROW field='TransactionNumber'>">   46                             <div class="dropdown-menu" data-noaction-message="You are not able to perform any actions for this request." aria-labelledby="btnGroupDrop<#DATAROW field='TransactionNumber'>">
47                                 <a class="dropdown-item btn btn-light ViewFile <#DATAROW field='RequestActionAllowed' name='ViewFile' disabledValue='disabled'>" href="aeon.dll?Action=10&amp;Form=75&amp;Value=<#DATAROW field='TransactionNumber'>">   47                                 <a class="dropdown-item btn btn-light ViewFile <#DATAROW field='RequestActionAllowed' name='ViewFile' disabledValue='disabled'>" href="aeon.dll?Action=10&amp;Form=75&amp;Value=<#DATAROW field='TransactionNumber'>">
48                                     <span aria-hidden="true" class="fas fa-eye text-info mr-2"></span>View Request</a>   48                                     <span aria-hidden="true" class="fas fa-eye text-info mr-2"></span>View Request</a>
49                                 <a class="dropdown-item btn btn-light Edit <#DATAROW field='RequestActionAllowed' name='Edit' disabledValue='disabled'>" href="aeon.dll?Action=20&amp;Form=63&amp;Value=<#DATAROW field='TransactionNumber'>">   49                                 <a class="dropdown-item btn btn-light Edit <#DATAROW field='RequestActionAllowed' name='Edit' disabledValue='disabled'>" href="aeon.dll?Action=20&amp;Form=63&amp;Value=<#DATAROW field='TransactionNumber'>">
50                                     <span aria-hidden="true" class="fas fa-edit text-primary mr-2"></span>Edit Request</a>   50                                     <span aria-hidden="true" class="fas fa-edit text-primary mr-2"></span>Edit Request</a>
51                                 <a class="dropdown-item btn btn-light Cancel <#DATAROW field='RequestActionAllowed' name='Cancel' disabledValue='disabled'>" href="aeon.dll?Action=21&amp;Form=10&amp;Value=<#DATAROW field='TransactionNumber'>">   51                                 <a class="dropdown-item btn btn-light Cancel <#DATAROW field='RequestActionAllowed' name='Cancel' disabledValue='disabled'>" href="aeon.dll?Action=21&amp;Form=10&amp;Value=<#DATAROW field='TransactionNumber'>">
52                                     <span aria-hidden="true" class="fas fa-ban text-danger mr-2"></span>Cancel Request</a>   52                                     <span aria-hidden="true" class="fas fa-ban text-danger mr-2"></span>Cancel Request</a>
53                             </div>   53                             </div>
54                     </div>   54                     </div>
55     55  
56                     <div class="field text-muted">Format   56                     <div class="field text-muted">Format
57                         <span class="field-value font-weight-bold ml-1">   57                         <span class="field-value font-weight-bold ml-1">
58                             <#DATAROW field="Format">   58                             <#DATAROW field="Format">
59                         </span>   59                         </span>
60                     </div>   60                     </div>
61     61  
62                     <div class="field text-muted">Service Level   62                     <div class="field text-muted">Service Level
63                         <span class="field-value font-weight-bold ml-1">   63                         <span class="field-value font-weight-bold ml-1">
64                             <#DATAROW field="ServiceLevel">   64                             <#DATAROW field="ServiceLevel">
65                         </span>   65                         </span>
66                     </div>   66                     </div>
67     67  
68                     <div class="field text-muted">Shipping   68                     <div class="field text-muted">Shipping
69                         <span class="field-value font-weight-bold ml-1">   69                         <span class="field-value font-weight-bold ml-1">
70                             <#DATAROW field="ShippingOption">   70                             <#DATAROW field="ShippingOption">
71                         </span>   71                         </span>
72                     </div>   72                     </div>
73     73  
74                     <div class="field text-muted">Estimated Charges   74                     <div class="field text-muted">Estimated Charges
75                         <span class="field-value font-weight-bold ml-1">   75                         <span class="field-value font-weight-bold ml-1">
76                             <#DATAROW field="CurrentCharges">   76                             <#DATAROW field="CurrentCharges">
77                         </span>   77                         </span>
78                     </div>   78                     </div>
79                 </div>   79                 </div>
80             </div>   80             </div>
81         </div>   81         </div>
82     </div>   82     </div>
83 </div>   83 </div>

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

   
File: DefaultRequest.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>Aeon - New Request</title>   5     <title>Aeon - New Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11     11  
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13     <#INCLUDE filename="include_nav.html">   13     <#INCLUDE filename="include_nav.html">
14     <div class="container">   14     <div class="container">
15         <main id="content" aria-label="Content">   15         <main id="content" aria-label="Content">
16             <form action="aeon.dll" method="post" name="DefaultRequest" id="RequestForm">   16             <form action="aeon.dll" method="post" name="DefaultRequest" id="RequestForm">
17                 <input type="hidden" name="AeonForm" value="DefaultRequest">   17                 <input type="hidden" name="AeonForm" value="DefaultRequest">
18                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   18                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
19                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">   19                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">
20                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   20                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
21                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   21                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
22                 <input type="hidden" name="RequestType" value="Loan">   22                 <input type="hidden" name="RequestType" value="Loan">
23     23  
24                 <h2>Describe a New Request</h2>   24                 <h2>Describe a New Request</h2>
25     25  
26                 <div id="statusLine"><#STATUS></div>   26                 <div id="statusLine"><#STATUS></div>
27     27  
28                 <section name="item-info">   28                 <section name="item-info">
29     29  
30                     <div class="d-flex"> <> 30                     <div class="d-flex flex-wrap">
31                         <h3 class="section-header">Item Information</h3> = 31                         <h3 class="section-header">Item Information</h3>
32                         <div class="ml-auto">   32                         <div class="ml-auto">
33                             <button id="SwitchToPhotoduplicationRequest" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="20" data-switchrequest-value="PhotoduplicationRequest">   33                             <button id="SwitchToPhotoduplicationRequest" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="20" data-switchrequest-value="PhotoduplicationRequest">
34                                 Switch to Photoduplication Request   34                                 Switch to Photoduplication Request
35                             </button>   35                             </button>
36                         </div>   36                         </div>
37                     </div>   37                     </div>
38     38  
39                     <div class="form-group col-md-8">   39                     <div class="form-group col-md-8">
40                         <label for="ItemTitle">   40                         <label for="ItemTitle">
41                             <span class="<#ERROR name='ERRORItemTitle'>">   41                             <span class="<#ERROR name='ERRORItemTitle'>">
42                                 Title   42                                 Title
43                             </span>   43                             </span>
44                             <span class="req">(required)</span>   44                             <span class="req">(required)</span>
45                         </label>   45                         </label>
46                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>   46                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>
47                     </div>   47                     </div>
48                        48                     
49                     <div class="form-group col-md-8">   49                     <div class="form-group col-md-8">
50                         <label for="ItemAuthor">   50                         <label for="ItemAuthor">
51                             <span class="<#ERROR name='ERRORItemAuthor'>">   51                             <span class="<#ERROR name='ERRORItemAuthor'>">
52                                 Author/Creator   52                                 Author/Creator
53                             </span>   53                             </span>
54                         </label>   54                         </label>
55                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   55                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
56                     </div>   56                     </div>
57     57  
58                     <div class="form-group col-md-5">   58                     <div class="form-group col-md-5">
59                         <label for="ItemPlace">   59                         <label for="ItemPlace">
60                             <span class="<#ERROR name='ERRORItemPlace'>">   60                             <span class="<#ERROR name='ERRORItemPlace'>">
61                                 Place of Publication   61                                 Place of Publication
62                             </span>   62                             </span>
63                         </label>   63                         </label>
64                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">   64                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">
65                     </div>   65                     </div>
66     66  
67                     <div class="form-group col-md-5">   67                     <div class="form-group col-md-5">
68                         <label for="ItemPublisher">   68                         <label for="ItemPublisher">
69                             <span class="<#ERROR name='ERRORItemPublisher'>">   69                             <span class="<#ERROR name='ERRORItemPublisher'>">
70                                 Publisher   70                                 Publisher
71                             </span>   71                             </span>
72                         </label>   72                         </label>
73                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">   73                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">
74                     </div>   74                     </div>
75     75  
76                     <div class="form-group col-md-3">   76                     <div class="form-group col-md-3">
77                         <label for="ItemDate">   77                         <label for="ItemDate">
78                             <span class="<#ERROR name='ERRORItemDate'>">   78                             <span class="<#ERROR name='ERRORItemDate'>">
79                                 Date   79                                 Date
80                             </span>   80                             </span>
81                         </label>   81                         </label>
82                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   82                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
83                     </div>   83                     </div>
84     84  
85                     <div class="form-group col-md-3">   85                     <div class="form-group col-md-3">
86                         <label for="ItemEdition">   86                         <label for="ItemEdition">
87                             <span class="<#ERROR name='ERRORItemEdition'>">   87                             <span class="<#ERROR name='ERRORItemEdition'>">
88                                 Edition   88                                 Edition
89                             </span>   89                             </span>
90                         </label>   90                         </label>
91                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">   91                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">
92                     </div>   92                     </div>
93     93  
94                     <div class="form-group col-md-3">   94                     <div class="form-group col-md-3">
95                         <label for="ItemVolume">   95                         <label for="ItemVolume">
96                             <span class="<#ERROR name='ERRORItemVolume'>">   96                             <span class="<#ERROR name='ERRORItemVolume'>">
97                                 Volume/Box   97                                 Volume/Box
98                             </span>   98                             </span>
99                         </label>   99                         </label>
100                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   100                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
101                     </div>   101                     </div>
102     102  
103                     <div class="form-group col-md-3">   103                     <div class="form-group col-md-3">
104                         <label for="ItemIssue">   104                         <label for="ItemIssue">
105                             <span class="<#ERROR name='ERRORItemIssue'>">   105                             <span class="<#ERROR name='ERRORItemIssue'>">
106                                 Issue/Copy   106                                 Issue/Copy
107                             </span>   107                             </span>
108                         </label>   108                         </label>
109                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">   109                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">
110                     </div>   110                     </div>
111     111  
112                     <div class="form-group col-md-5">   112                     <div class="form-group col-md-5">
113                         <label for="CallNumber">   113                         <label for="CallNumber">
114                             <span class="<#ERROR name='ERRORCallNumber'>">   114                             <span class="<#ERROR name='ERRORCallNumber'>">
115                                 Call Number   115                                 Call Number
116                             </span>   116                             </span>
117                         </label>   117                         </label>
118                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   118                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
119                     </div>   119                     </div>
120     120  
121                     <div class="form-group col-md-5">   121                     <div class="form-group col-md-5">
122                         <label for="Location">   122                         <label for="Location">
123                             <span class="<#ERROR name='ERRORLocation'>">   123                             <span class="<#ERROR name='ERRORLocation'>">
124                                 Collection Name/Location   124                                 Collection Name/Location
125                             </span>   125                             </span>
126                         </label>   126                         </label>
127                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   127                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
128                     </div>   128                     </div>
129                 </section>   129                 </section>
130     130  
131                 <section name="user-info">   131                 <section name="user-info">
132                     <h3 class="section-header">Request Information</h3>   132                     <h3 class="section-header">Request Information</h3>
133     133  
134                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   134                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
135                         <label for="RequestLink">   135                         <label for="RequestLink">
136                             <span class="<#ERROR name='ERRORRequestLink'>">   136                             <span class="<#ERROR name='ERRORRequestLink'>">
137                                 Request for   137                                 Request for
138                             </span>   138                             </span>
139                         </label>   139                         </label>
140                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">   140                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">
141                             <#OPTION name="RequestLinks">   141                             <#OPTION name="RequestLinks">
142                         </select>   142                         </select>
143                     </div>   143                     </div>
144     144  
145                     <div class="form-group col-md-8">   145                     <div class="form-group col-md-8">
146                         <label for="Notes">   146                         <label for="Notes">
147                             <span class="<#ERROR name='ERRORNotes'>">   147                             <span class="<#ERROR name='ERRORNotes'>">
148                                 My Notes   148                                 My Notes
149                             </span>   149                             </span>
150                         </label>   150                         </label>
151                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 151                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
152                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   152                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
153                     </div> = 153                     </div>
154     154  
155                     <div class="form-group col-md-8">   155                     <div class="form-group col-md-8">
156                         <label for="SpecialRequest">   156                         <label for="SpecialRequest">
157                             <span class="<#ERROR name='ERRORSpecialRequest'>">   157                             <span class="<#ERROR name='ERRORSpecialRequest'>">
158                                 Special Requests/Questions?   158                                 Special Requests/Questions?
159                             </span>   159                             </span>
160                         </label>   160                         </label>
161                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 161                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
162                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   162                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
163                     </div> = 163                     </div>
164     164  
165                     <#INCLUDE filename="include_ResearcherTags.html">   165                     <#INCLUDE filename="include_ResearcherTags.html">
166     166  
167                     <div class="form-group col-sm-4">   167                     <div class="form-group col-sm-4">
168                         <label for="ScheduledDate">   168                         <label for="ScheduledDate">
169                             <span class="<#ERROR name='ERRORScheduledDate'>">   169                             <span class="<#ERROR name='ERRORScheduledDate'>">
170                                 Date of Visit   170                                 Date of Visit
171                             </span>   171                             </span>
172                         </label>   172                         </label>
173                         <div class="input-group">   173                         <div class="input-group">
174                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='ScheduledDate'>"> <> 174                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate scheduledDateNotes" value="<#PARAM name='ScheduledDate'>">
175                             <div class="input-group-append"> = 175                             <div class="input-group-append">
176                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">   176                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
177                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>   177                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
178                             </button>   178                             </button>
179                             </div>   179                             </div>
180                         </div>   180                         </div>
181     181  
182                         <div class="small-notes"> <> 182                         <div class="small-notes" id="scheduledDateNotes">
183                             Select the date you plan to visit. = 183                             Select the date you plan to visit.
184                         </div>   184                         </div>
185                     </div>   185                     </div>
186                 </section>   186                 </section>
187     187  
188                 <#INCLUDE filename="include_request_buttons.html">   188                 <#INCLUDE filename="include_request_buttons.html">
189             </form>   189             </form>
190         </main>   190         </main>
191     191  
192         <#INCLUDE filename="include_footer.html">   192         <#INCLUDE filename="include_footer.html">
193     193  
194     </div>   194     </div>
195 </body>   195 </body>
196     196  
197 </html>   197 </html>

   
File: EADRequest.html  
1 <!-- = 1 <!--
2  Note: Unlike other Aeon web pages, on this page the input elements must have a name of "FormDataField" and    2  Note: Unlike other Aeon web pages, on this page the input elements must have a name of "FormDataField" and 
3        an ID matching the relevant Aeon field name.   3        an ID matching the relevant Aeon field name.
4 -->   4 -->
5 <!DOCTYPE html>   5 <!DOCTYPE html>
6 <html lang="en-US">   6 <html lang="en-US">
7 <head>   7 <head>
8     <title>Aeon - EAD Requests</title>   8     <title>Aeon - EAD Requests</title>
9     <#INCLUDE filename="include_head.html">   9     <#INCLUDE filename="include_head.html">
10     <#INCLUDE filename="include_head_request.html">   10     <#INCLUDE filename="include_head_request.html">
11     <script type="text/javascript" src="js/EADRequest.js"></script>   11     <script type="text/javascript" src="js/EADRequest.js"></script>
12     <script>   12     <script>
13         $(document).ready(function () {   13         $(document).ready(function () {
14             //Initialize the EAD Submission form   14             //Initialize the EAD Submission form
15             InitializeSubmissionForm();   15             InitializeSubmissionForm();
16     16  
17             //Add the onclick handler to the submit request button   17             //Add the onclick handler to the submit request button
18             //Only validate if the button is not a Save button or Cancel button   18             //Only validate if the button is not a Save button or Cancel button
19             $(':submit').click(function (event) {    19             $(':submit').click(function (event) { 
20                 if ((this.id === 'buttonSaveRequest' || this.id === 'buttonCancel') || $(this).closest("form").get(0).reportValidity()) {    20                 if ((this.id === 'buttonSaveRequest' || this.id === 'buttonCancel') || $(this).closest("form").get(0).reportValidity()) { 
21                     SubmitEADForm(this, event);   21                     SubmitEADForm(this, event);
22                 }   22                 }
23             return false;    23             return false; 
24         });   24         });
25         });   25         });
26     </script>   26     </script>
27 </head>   27 </head>
28     28  
29 <body>   29 <body>
30     <#INCLUDE filename="include_header.html">   30     <#INCLUDE filename="include_header.html">
31     <#INCLUDE filename="include_nav.html">   31     <#INCLUDE filename="include_nav.html">
32     <div class="container">   32     <div class="container">
33         <main id="content" aria-label="Content">   33         <main id="content" aria-label="Content">
34             <!--   34             <!--
35                     Commented out original form declaration. New method requires javascript, but can handle large EADs   35                     Commented out original form declaration. New method requires javascript, but can handle large EADs
36                     <form action="aeon.dll" method="post" name="EADRequest" >   36                     <form action="aeon.dll" method="post" name="EADRequest" >
37                     -->   37                     -->
38             <form action="" name="EADRequest_Original">   38             <form action="" name="EADRequest_Original">
39                 <input type="hidden" ID="AeonForm" name="FormDataField" value="EADRequest">   39                 <input type="hidden" ID="AeonForm" name="FormDataField" value="EADRequest">
40                 <input type="hidden" ID="Username" name="FormDataField" value="<#PARAM name='Username'>">   40                 <input type="hidden" ID="Username" name="FormDataField" value="<#PARAM name='Username'>">
41                 <input type="hidden" ID="DocumentType" name="FormDataField" value="Manuscript">   41                 <input type="hidden" ID="DocumentType" name="FormDataField" value="Manuscript">
42     42  
43                 <h2>Finding Aid Requests</h2>   43                 <h2>Finding Aid Requests</h2>
44                 <div id="statusLine">   44                 <div id="statusLine">
45                     <#STATUS>   45                     <#STATUS>
46                 </div>   46                 </div>
47                 <span class="note">Click on headings below to display/hide corresponding information.</span>   47                 <span class="note">Click on headings below to display/hide corresponding information.</span>
48     48  
49                 <section name="ead-request">   49                 <section name="ead-request">
50                     <#PARAM name="EADRequests">   50                     <#PARAM name="EADRequests">
51                 </section>   51                 </section>
52     52  
53                 <section name="user-info">   53                 <section name="user-info">
54                     <span>   54                     <span>
55                         <h3 class="section-header">Common Request Information</h3>   55                         <h3 class="section-header">Common Request Information</h3>
56                         <div class="common-note">Note: The notes will be used for all of the submitted requests.</div>   56                         <div class="common-note">Note: The notes will be used for all of the submitted requests.</div>
57                     </span>   57                     </span>
58     58  
59                     <div class="form-group col-md-8">   59                     <div class="form-group col-md-8">
60                         <label for="Notes">   60                         <label for="Notes">
61                             <span class="<#ERROR name='ERRORNotes'>">   61                             <span class="<#ERROR name='ERRORNotes'>">
62                                 My Notes   62                                 My Notes
63                             </span>   63                             </span>
64                         </label>   64                         </label>
65                         <textarea class="form-control" name="FormDataField" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 65                         <textarea class="form-control" name="FormDataField" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
66                         <div class="small-notes">   66                         <div class="small-notes" id="notesNotes">
67                             Please include any additional information that might help us locate the specific items requested, as well as other pertinent information. = 67                             Please include any additional information that might help us locate the specific items requested, as well as other pertinent information.
68                         </div>   68                         </div>
69                     </div>   69                     </div>
70     70  
71                     <div class="form-group col-md-8">   71                     <div class="form-group col-md-8">
72                         <label for="SpecialRequest">   72                         <label for="SpecialRequest">
73                             <span class="<#ERROR name='ERRORSpecialRequest'>">   73                             <span class="<#ERROR name='ERRORSpecialRequest'>">
74                                 Special Requests/Questions?   74                                 Special Requests/Questions?
75                             </span>   75                             </span>
76                         </label>   76                         </label>
77                         <textarea class="form-control" name="FormDataField" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 77                         <textarea class="form-control" name="FormDataField" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
78                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   78                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
79                     </div> = 79                     </div>
80     80  
81                     <div class="form-group col-md-8">   81                     <div class="form-group col-md-8">
82                         <label for="ResearcherTags">   82                         <label for="ResearcherTags">
83                             Researcher Tags   83                             Researcher Tags
84                         </label>   84                         </label>
85                         <input type="text" class="form-control" name="FormDataField" id="ResearcherTags" value="<#PARAM name='ResearcherTags'>"> <> 85                         <input type="text" class="form-control" name="FormDataField" id="ResearcherTags" value="<#PARAM name='ResearcherTags'>" aria-describedby="researcherTagNotes">
86                         <div class="small-notes">Enter a comma-separated list of the tags you want associated with this request.</div>   86                         <div class="small-notes" id="researcherTagNotes">Enter a comma-separated list of the tags you want associated with this request.</div>
87                     </div> = 87                     </div>
88     88  
89                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   89                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
90                         <label for="RequestLink">   90                         <label for="RequestLink">
91                             <span class="<#ERROR name='ERRORRequestLink'>">   91                             <span class="<#ERROR name='ERRORRequestLink'>">
92                                 Request for   92                                 Request for
93                             </span>   93                             </span>
94                         </label>   94                         </label>
95                         <select class="custom-select mr-sm-2" id="RequestLink" name="FormDataField" size="1">   95                         <select class="custom-select mr-sm-2" id="RequestLink" name="FormDataField" size="1">
96                             <#OPTION name="RequestLinks">   96                             <#OPTION name="RequestLinks">
97                         </select>   97                         </select>
98                     </div>   98                     </div>
99     99  
100                     <div class="form-group col-sm-4">   100                     <div class="form-group col-sm-4">
101                         <label for="ScheduledDate">   101                         <label for="ScheduledDate">
102                             <span class="<#ERROR name='ERRORScheduledDate'>">   102                             <span class="<#ERROR name='ERRORScheduledDate'>">
103                                 Date of Visit   103                                 Date of Visit
104                             </span>   104                             </span>
105                         </label>   105                         </label>
106                         <div class="input-group">   106                         <div class="input-group">
107                             <input class="form-control" id="ScheduledDate" name="FormDataField" type="text"  aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='ScheduledDate'>"> <> 107                             <input class="form-control" id="ScheduledDate" name="FormDataField" type="text"  aria-describedby="button-datePicker-scheduledDate scheduledDateNotes" value="<#PARAM name='ScheduledDate'>">
108                             <div class="input-group-append"> = 108                             <div class="input-group-append">
109                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">   109                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
110                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>   110                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
111                             </button>   111                             </button>
112                             </div>   112                             </div>
113                         </div>   113                         </div>
114     114  
115                         <div class="small-notes"> <> 115                         <div class="small-notes" id="scheduledDateNotes">
116                             Select the date you plan to visit. = 116                             Select the date you plan to visit.
117                         </div>   117                         </div>
118                     </div>   118                     </div>
119     119  
120                 </section>   120                 </section>
121                 <#INCLUDE filename="include_request_buttons.html">   121                 <#INCLUDE filename="include_request_buttons.html">
122     122  
123             </form>   123             </form>
124         </main>   124         </main>
125         <#INCLUDE filename="include_footer.html">   125         <#INCLUDE filename="include_footer.html">
126     126  
127     </div>   127     </div>
128 </body>   128 </body>
129     129  
130 </html>   130 </html>

   
File: EditDefaultRequest.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3 <head>   3 <head>
4     <title>Aeon - Edit Request</title>   4     <title>Aeon - Edit Request</title>
5     <#INCLUDE filename="include_head.html">   5     <#INCLUDE filename="include_head.html">
6     <#INCLUDE filename="include_head_request.html">   6     <#INCLUDE filename="include_head_request.html">
7 </head>   7 </head>
8     8  
9 <body>   9 <body>
10     10  
11     <#INCLUDE filename="include_header.html">   11     <#INCLUDE filename="include_header.html">
12     12  
13     <#INCLUDE filename="include_nav.html">   13     <#INCLUDE filename="include_nav.html">
14     <div class="container">   14     <div class="container">
15         <main id="content" aria-label="Content">   15         <main id="content" aria-label="Content">
16             <form action="aeon.dll" method="post" name="EditDefaultRequest">   16             <form action="aeon.dll" method="post" name="EditDefaultRequest">
17                 <input type="hidden" name="AeonForm" value="EditDefaultRequest">   17                 <input type="hidden" name="AeonForm" value="EditDefaultRequest">
18                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   18                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
19                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">   19                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
20                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   20                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
21                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   21                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
22                 <input type="hidden" name="RequestType" value="Loan">   22                 <input type="hidden" name="RequestType" value="Loan">
23     23  
24                 <h2>Edit the Request</h2>   24                 <h2>Edit the Request</h2>
25                 <div id="statusLine"><#STATUS></div>   25                 <div id="statusLine"><#STATUS></div>
26     26  
27                 <section name="item-info">   27                 <section name="item-info">
28                     <h3 class="section-header">Item Information</h3>   28                     <h3 class="section-header">Item Information</h3>
29                     <div class="form-group col-md-8">   29                     <div class="form-group col-md-8">
30                         <label for="ItemTitle">   30                         <label for="ItemTitle">
31                             <span class="<#ERROR name='ERRORItemTitle'>">   31                             <span class="<#ERROR name='ERRORItemTitle'>">
32                                 Title   32                                 Title
33                                 <span class="req">(required)</span>   33                                 <span class="req">(required)</span>
34                             </span>   34                             </span>
35                         </label>   35                         </label>
36                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>   36                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>
37                     </div>   37                     </div>
38     38  
39                     <div class="form-group col-md-8">   39                     <div class="form-group col-md-8">
40                         <label for="ItemAuthor">   40                         <label for="ItemAuthor">
41                             <span class="<#ERROR name='ERRORItemAuthor'>">   41                             <span class="<#ERROR name='ERRORItemAuthor'>">
42                                 Author/Creator   42                                 Author/Creator
43                             </span>   43                             </span>
44                         </label>   44                         </label>
45                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   45                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
46                     </div>   46                     </div>
47     47  
48                     <div class="form-group col-md-5">   48                     <div class="form-group col-md-5">
49                         <label for="ItemPlace">   49                         <label for="ItemPlace">
50                             <span class="<#ERROR name='ERRORItemPlace'>">   50                             <span class="<#ERROR name='ERRORItemPlace'>">
51                                 Place of Publication   51                                 Place of Publication
52                             </span>   52                             </span>
53                         </label>   53                         </label>
54                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">   54                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">
55                     </div>   55                     </div>
56     56  
57                     <div class="form-group col-md-5">   57                     <div class="form-group col-md-5">
58                         <label for="ItemPublisher">   58                         <label for="ItemPublisher">
59                             <span class="<#ERROR name='ERRORItemPublisher'>">   59                             <span class="<#ERROR name='ERRORItemPublisher'>">
60                                 Publisher   60                                 Publisher
61                             </span>   61                             </span>
62                         </label>   62                         </label>
63                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">   63                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">
64                     </div>   64                     </div>
65     65  
66                     <div class="form-group col-md-3">   66                     <div class="form-group col-md-3">
67                         <label for="ItemDate">   67                         <label for="ItemDate">
68                             <span class="<#ERROR name='ERRORItemDate'>">   68                             <span class="<#ERROR name='ERRORItemDate'>">
69                                 Date   69                                 Date
70                             </span>   70                             </span>
71                         </label>   71                         </label>
72                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   72                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
73                     </div>   73                     </div>
74     74  
75                     <div class="form-group col-md-3">   75                     <div class="form-group col-md-3">
76                         <label for="ItemEdition">   76                         <label for="ItemEdition">
77                             <span class="<#ERROR name='ERRORItemEdition'>">   77                             <span class="<#ERROR name='ERRORItemEdition'>">
78                                 Edition   78                                 Edition
79                             </span>   79                             </span>
80                         </label>   80                         </label>
81                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">   81                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">
82                     </div>   82                     </div>
83     83  
84                     <div class="form-group col-md-3">   84                     <div class="form-group col-md-3">
85                         <label for="ItemVolume">   85                         <label for="ItemVolume">
86                             <span class="<#ERROR name='ERRORItemVolume'>">   86                             <span class="<#ERROR name='ERRORItemVolume'>">
87                                 Volume/Box   87                                 Volume/Box
88                             </span>   88                             </span>
89                         </label>   89                         </label>
90                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   90                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
91                     </div>   91                     </div>
92     92  
93                     <div class="form-group col-md-3">   93                     <div class="form-group col-md-3">
94                         <label for="ItemIssue">   94                         <label for="ItemIssue">
95                             <span class="<#ERROR name='ERRORItemIssue'>">   95                             <span class="<#ERROR name='ERRORItemIssue'>">
96                                 Issue/Copy   96                                 Issue/Copy
97                             </span>   97                             </span>
98                         </label>   98                         </label>
99                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">   99                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">
100                     </div>   100                     </div>
101     101  
102                     <!--   102                     <!--
103                     <label for="ItemCitation">   103                     <label for="ItemCitation">
104                         <span class="field">   104                         <span class="field">
105                             <span class="<#ERROR name='ERRORItemCitation'>">Size/Physical Description</span>   105                             <span class="<#ERROR name='ERRORItemCitation'>">Size/Physical Description</span>
106                         </span>   106                         </span>
107                         <input id="ItemCitation" name="ItemCitation" type="text" size="40" class="f-name" value="<#PARAM name='ItemCitation'>">                        107                         <input id="ItemCitation" name="ItemCitation" type="text" size="40" class="f-name" value="<#PARAM name='ItemCitation'>">                     
108                     </label>    108                     </label> 
109                     -->   109                     -->
110                     <!--                                                   110                     <!--                                                
111                     <label for="ItemISxN">   111                     <label for="ItemISxN">
112                         <span class="field">   112                         <span class="field">
113                             <span class="<#ERROR name='ERRORItemISxN'>">ISxN</span>   113                             <span class="<#ERROR name='ERRORItemISxN'>">ISxN</span>
114                         </span>   114                         </span>
115                         <input id="ItemISxN" name="ItemISxN" type="text" size="20" class="f-name" value="<#PARAM name='ItemISxN'>">                    115                         <input id="ItemISxN" name="ItemISxN" type="text" size="20" class="f-name" value="<#PARAM name='ItemISxN'>">                 
116                     </label>   116                     </label>
117                     -->   117                     -->
118     118  
119                     <div class="form-group col-md-5">   119                     <div class="form-group col-md-5">
120                         <label for="CallNumber">   120                         <label for="CallNumber">
121                             <span class="<#ERROR name='ERRORCallNumber'>">   121                             <span class="<#ERROR name='ERRORCallNumber'>">
122                                 Call Number   122                                 Call Number
123                             </span>   123                             </span>
124                         </label>   124                         </label>
125                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   125                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
126                     </div>   126                     </div>
127     127  
128                     <div class="form-group col-md-5">   128                     <div class="form-group col-md-5">
129                         <label for="Location">   129                         <label for="Location">
130                             <span class="<#ERROR name='ERRORLocation'>">   130                             <span class="<#ERROR name='ERRORLocation'>">
131                                 Collection Name/Location   131                                 Collection Name/Location
132                             </span>   132                             </span>
133                         </label>   133                         </label>
134                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   134                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
135                     </div>   135                     </div>
136                 </section>   136                 </section>
137     137  
138                 <section name="user-info">   138                 <section name="user-info">
139                     <h3 class="section-header">Request Information</h3>   139                     <h3 class="section-header">Request Information</h3>
140     140  
141                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   141                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
142                         <label for="RequestLink">   142                         <label for="RequestLink">
143                             <span class="<#ERROR name='ERRORRequestLink'>">   143                             <span class="<#ERROR name='ERRORRequestLink'>">
144                                 Request for   144                                 Request for
145                             </span>   145                             </span>
146                         </label>   146                         </label>
147                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1" >   147                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1" >
148                             <#OPTION name="RequestLinks" hideUsernames="true">   148                             <#OPTION name="RequestLinks" hideUsernames="true">
149                         </select>   149                         </select>
150                     </div>   150                     </div>
151     151  
152                     <#INCLUDE type="photoduplication" filename="include_photoduplication.html">   152                     <#INCLUDE type="photoduplication" filename="include_photoduplication.html">
153     153  
154                     <div class="form-group col-md-8">   154                     <div class="form-group col-md-8">
155                         <label for="Notes">   155                         <label for="Notes">
156                             <span class="<#ERROR name='ERRORNotes'>">   156                             <span class="<#ERROR name='ERRORNotes'>">
157                                 My Notes   157                                 My Notes
158                             </span>   158                             </span>
159                         </label>   159                         </label>
160                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 160                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
161                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   161                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
162                     </div> = 162                     </div>
163     163  
164                     <div class="form-group col-md-8">   164                     <div class="form-group col-md-8">
165                         <label for="SpecialRequest">   165                         <label for="SpecialRequest">
166                             <span class="<#ERROR name='ERRORSpecialRequest'>">   166                             <span class="<#ERROR name='ERRORSpecialRequest'>">
167                                 Special Requests/Questions?   167                                 Special Requests/Questions?
168                             </span>   168                             </span>
169                         </label>   169                         </label>
170                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 170                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
171                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   171                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
172                     </div> = 172                     </div>
173     173  
174                     <#INCLUDE filename="include_ResearcherTags.html">   174                     <#INCLUDE filename="include_ResearcherTags.html">
175     175  
176                     <div class="form-group col-sm-4">   176                     <div class="form-group col-sm-4">
177                         <label for="ScheduledDate">   177                         <label for="ScheduledDate">
178                             <span class="<#ERROR name='ERRORScheduledDate'>">   178                             <span class="<#ERROR name='ERRORScheduledDate'>">
179                                 Date of Visit   179                                 Date of Visit
180                             </span>   180                             </span>
181                         </label>   181                         </label>
182                         <div class="input-group">   182                         <div class="input-group">
183                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='ScheduledDate'>"> <> 183                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate scheduledDateNotes" value="<#PARAM name='ScheduledDate'>">
184                             <div class="input-group-append"> = 184                             <div class="input-group-append">
185                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">   185                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
186                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>   186                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
187                             </button>   187                             </button>
188                             </div>   188                             </div>
189                         </div>   189                         </div>
190     190  
191                         <div class="small-notes"> <> 191                         <div class="small-notes" id="scheduledDateNotes">
192                             Select the date you plan to visit. = 192                             Select the date you plan to visit.
193                         </div>   193                         </div>
194                     </div>   194                     </div>
195                 </section>   195                 </section>
196     196  
197                 <#INCLUDE filename="include_request_buttons.html">   197                 <#INCLUDE filename="include_request_buttons.html">
198                198             
199     199  
200             </form>   200             </form>
201         </main>   201         </main>
202     202  
203         <#INCLUDE filename="include_footer.html">   203         <#INCLUDE filename="include_footer.html">
204     </div>   204     </div>
205 </body>   205 </body>
206     206  
207 </html>   207 </html>

   
File: EditEADRequest.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>Aeon - Edit Request</title>   5     <title>Aeon - Edit Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11     <#INCLUDE filename="include_header.html">   11     <#INCLUDE filename="include_header.html">
12     12  
13     <#INCLUDE filename="include_nav.html">   13     <#INCLUDE filename="include_nav.html">
14     <div class="container">   14     <div class="container">
15         <main id="content" aria-label="Content">   15         <main id="content" aria-label="Content">
16             <form action="aeon.dll" method="post" name="EditEADRequest">   16             <form action="aeon.dll" method="post" name="EditEADRequest">
17                 <input type="hidden" name="AeonForm" value="EditEADRequest">   17                 <input type="hidden" name="AeonForm" value="EditEADRequest">
18                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   18                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
19                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">   19                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
20     20  
21                21             
22                 <h2>Edit Finding Aid Request - TN <#PARAM name="TransactionNumber"></h2>   22                 <h2>Edit Finding Aid Request - TN <#PARAM name="TransactionNumber"></h2>
23                 <div id="statusLine"><#STATUS></div>   23                 <div id="statusLine"><#STATUS></div>
24     24  
25                 <section name="item-info">   25                 <section name="item-info">
26                     <h3 class="section-header">Item Information</h3>   26                     <h3 class="section-header">Item Information</h3>
27     27  
28                     <div class="form-group col-md-8">   28                     <div class="form-group col-md-8">
29                         <label for="ItemTitle">   29                         <label for="ItemTitle">
30                             <span class="<#ERROR name='ERRORItemTitle'>">   30                             <span class="<#ERROR name='ERRORItemTitle'>">
31                                 Title   31                                 Title
32                                 <span class="req">(required)</span>   32                                 <span class="req">(required)</span>
33                             </span>   33                             </span>
34                         </label>   34                         </label>
35                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>   35                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>
36                     </div>   36                     </div>
37     37  
38                     <div class="form-group col-md-8">   38                     <div class="form-group col-md-8">
39                         <label for="ItemSubTitle">   39                         <label for="ItemSubTitle">
40                             <span class="<#ERROR name='ERRORItemSubTitle'>">   40                             <span class="<#ERROR name='ERRORItemSubTitle'>">
41                                 Series   41                                 Series
42                             </span>   42                             </span>
43                         </label>   43                         </label>
44                         <textarea class="form-control" name="ItemSubTitle" id="ItemSubTitle" rows="2" cols="40" required><#PARAM name="ItemSubTitle"></textarea>   44                         <textarea class="form-control" name="ItemSubTitle" id="ItemSubTitle" rows="2" cols="40" required><#PARAM name="ItemSubTitle"></textarea>
45                     </div>   45                     </div>
46                        46                     
47                     <div class="form-group col-md-8">   47                     <div class="form-group col-md-8">
48                         <label for="ItemAuthor">   48                         <label for="ItemAuthor">
49                             <span class="<#ERROR name='ERRORItemAuthor'>">   49                             <span class="<#ERROR name='ERRORItemAuthor'>">
50                                 Author/Creator   50                                 Author/Creator
51                             </span>   51                             </span>
52                         </label>   52                         </label>
53                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   53                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
54                     </div>   54                     </div>
55     55  
56                     <!--   56                     <!--
57                     <div class="form-group col-md-5">   57                     <div class="form-group col-md-5">
58                         <label for="ItemEdition">   58                         <label for="ItemEdition">
59                             <span class="<#ERROR name='ERRORItemEdition'>">   59                             <span class="<#ERROR name='ERRORItemEdition'>">
60                                 Place of Publication, Publisher   60                                 Place of Publication, Publisher
61                             </span>   61                             </span>
62                         </label>   62                         </label>
63                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">   63                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">
64                     </div>   64                     </div>
65                     -->   65                     -->
66     66  
67                     <div class="form-group col-md-5">   67                     <div class="form-group col-md-5">
68                         <label for="ItemDate">   68                         <label for="ItemDate">
69                             <span class="<#ERROR name='ERRORItemDate'>">   69                             <span class="<#ERROR name='ERRORItemDate'>">
70                                 Date(s)   70                                 Date(s)
71                             </span>   71                             </span>
72                         </label>   72                         </label>
73                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   73                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
74                     </div>   74                     </div>
75     75  
76                     <div class="form-group col-md-5">   76                     <div class="form-group col-md-5">
77                         <label for="Location">   77                         <label for="Location">
78                             <span class="<#ERROR name='ERRORLocation'>">   78                             <span class="<#ERROR name='ERRORLocation'>">
79                                 Collection Name/Location   79                                 Collection Name/Location
80                             </span>   80                             </span>
81                         </label>   81                         </label>
82                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   82                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
83                     </div>   83                     </div>
84                        84                     
85                     <div class="form-group col-md-3">   85                     <div class="form-group col-md-3">
86                         <label for="CallNumber">   86                         <label for="CallNumber">
87                             <span class="<#ERROR name='ERRORCallNumber'>">   87                             <span class="<#ERROR name='ERRORCallNumber'>">
88                                 Call Number   88                                 Call Number
89                             </span>   89                             </span>
90                         </label>   90                         </label>
91                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   91                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
92                     </div>   92                     </div>
93     93  
94                     <div class="form-group col-md-5">   94                     <div class="form-group col-md-5">
95                         <label for="ItemVolume">   95                         <label for="ItemVolume">
96                             <span class="<#ERROR name='ERRORItemVolume'>">   96                             <span class="<#ERROR name='ERRORItemVolume'>">
97                                 Box(es)/Folder(s)   97                                 Box(es)/Folder(s)
98                             </span>   98                             </span>
99                         </label>   99                         </label>
100                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   100                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
101                     </div>   101                     </div>
102                 </section>   102                 </section>
103     103  
104                 <section name="user-info">   104                 <section name="user-info">
105                     <h3 class="section-header">Request Information</h3>   105                     <h3 class="section-header">Request Information</h3>
106     106  
107                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   107                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
108                         <label for="RequestLink">   108                         <label for="RequestLink">
109                             <span class="<#ERROR name='ERRORRequestLink'>">   109                             <span class="<#ERROR name='ERRORRequestLink'>">
110                                 Request for   110                                 Request for
111                             </span>   111                             </span>
112                         </label>   112                         </label>
113                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1" >   113                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1" >
114                             <#OPTION name="RequestLinks" hideUsernames="true">   114                             <#OPTION name="RequestLinks" hideUsernames="true">
115                         </select>   115                         </select>
116                     </div>   116                     </div>
117     117  
118                     <#INCLUDE type="photoduplication" filename="include_photoduplication.html">   118                     <#INCLUDE type="photoduplication" filename="include_photoduplication.html">
119     119  
120                     <div class="form-group col-md-8">   120                     <div class="form-group col-md-8">
121                         <label for="Notes">   121                         <label for="Notes">
122                             <span class="<#ERROR name='ERRORNotes'>">   122                             <span class="<#ERROR name='ERRORNotes'>">
123                                 My Notes   123                                 My Notes
124                             </span>   124                             </span>
125                         </label>   125                         </label>
126                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 126                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
127                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   127                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
128                     </div> = 128                     </div>
129     129  
130                     <div class="form-group col-md-8">   130                     <div class="form-group col-md-8">
131                         <label for="SpecialRequest">   131                         <label for="SpecialRequest">
132                             <span class="<#ERROR name='ERRORSpecialRequest'>">   132                             <span class="<#ERROR name='ERRORSpecialRequest'>">
133                                 Special Requests/Questions?   133                                 Special Requests/Questions?
134                             </span>   134                             </span>
135                         </label>   135                         </label>
136                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 136                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
137                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   137                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
138                     </div> = 138                     </div>
139     139  
140                     <#INCLUDE filename="include_ResearcherTags.html">   140                     <#INCLUDE filename="include_ResearcherTags.html">
141     141  
142                     <div class="form-group col-sm-4">   142                     <div class="form-group col-sm-4">
143                         <label for="ScheduledDate">   143                         <label for="ScheduledDate">
144                             <span class="<#ERROR name='ERRORScheduledDate'>">   144                             <span class="<#ERROR name='ERRORScheduledDate'>">
145                                 Date of Visit   145                                 Date of Visit
146                             </span>   146                             </span>
147                         </label>   147                         </label>
148                         <div class="input-group">   148                         <div class="input-group">
149                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='ScheduledDate'>"> <> 149                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate scheduledDateNotes" value="<#PARAM name='ScheduledDate'>">
150                             <div class="input-group-append"> = 150                             <div class="input-group-append">
151                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">   151                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
152                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>   152                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
153                             </button>   153                             </button>
154                             </div>   154                             </div>
155                         </div>   155                         </div>
156     156  
157                         <div class="small-notes"> <> 157                         <div class="small-notes" id="scheduledDateNotes">
158                             Select the date you plan to visit. = 158                             Select the date you plan to visit.
159                         </div>   159                         </div>
160                     </div>   160                     </div>
161     161  
162                 </section>   162                 </section>
163                 <#INCLUDE filename="include_request_buttons.html" >   163                 <#INCLUDE filename="include_request_buttons.html" >
164                164             
165             </form>   165             </form>
166         </main>   166         </main>
167         <#INCLUDE filename="include_footer.html">   167         <#INCLUDE filename="include_footer.html">
168     </div>   168     </div>
169 </body>   169 </body>
170 </html>   170 </html>

   
File: EditGenericRequestManuscript.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>Aeon - Edit Request</title>   5     <title>Aeon - Edit Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11     11  
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13       13    
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post">   17             <form action="aeon.dll" method="post">
18                 <input type="hidden" name="AeonForm" value="EditGenericRequestManuscript">   18                 <input type="hidden" name="AeonForm" value="EditGenericRequestManuscript">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">   20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Loan">   23                 <input type="hidden" name="RequestType" value="Loan">
24                 <input type="hidden" name="DocumentType" value="Manuscript">   24                 <input type="hidden" name="DocumentType" value="Manuscript">
25     25  
26                 <h2>Edit the Manuscript/Archives Request</h2>   26                 <h2>Edit the Manuscript/Archives Request</h2>
27     27  
28                 <div id="statusLine"><#STATUS></div>   28                 <div id="statusLine"><#STATUS></div>
29     29  
30                 <section name="item-info">   30                 <section name="item-info">
31                     <h3 class="section-header">Item Information</h3>   31                     <h3 class="section-header">Item Information</h3>
32     32  
33                     <div class="form-group col-md-8">   33                     <div class="form-group col-md-8">
34                         <label for="ItemTitle">   34                         <label for="ItemTitle">
35                             <span class="<#ERROR name='ERRORItemTitle'>">   35                             <span class="<#ERROR name='ERRORItemTitle'>">
36                                 Title   36                                 Title
37                                 <span class="req">(required)</span>   37                                 <span class="req">(required)</span>
38                             </span>   38                             </span>
39                         </label>   39                         </label>
40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>   40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>
41                     </div>   41                     </div>
42     42  
43                     <div class="form-group col-md-8">   43                     <div class="form-group col-md-8">
44                         <label for="ItemAuthor">   44                         <label for="ItemAuthor">
45                             <span class="<#ERROR name='ERRORItemAuthor'>">   45                             <span class="<#ERROR name='ERRORItemAuthor'>">
46                                 Author/Creator   46                                 Author/Creator
47                             </span>   47                             </span>
48                         </label>   48                         </label>
49                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   49                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
50                     </div>   50                     </div>
51     51  
52                     <div class="form-group col-md-3">   52                     <div class="form-group col-md-3">
53                         <label for="ItemDate">   53                         <label for="ItemDate">
54                             <span class="<#ERROR name='ERRORItemDate'>">   54                             <span class="<#ERROR name='ERRORItemDate'>">
55                                 Date(s)   55                                 Date(s)
56                             </span>   56                             </span>
57                         </label>   57                         </label>
58                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   58                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
59                     </div>   59                     </div>
60     60  
61                     <div class="form-group col-md-5">   61                     <div class="form-group col-md-5">
62                         <label for="Location">   62                         <label for="Location">
63                             <span class="<#ERROR name='ERRORLocation'>">   63                             <span class="<#ERROR name='ERRORLocation'>">
64                                 Collection Name/Location   64                                 Collection Name/Location
65                             </span>   65                             </span>
66                         </label>   66                         </label>
67                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   67                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
68                     </div>   68                     </div>
69     69  
70                     <div class="form-group col-md-5">   70                     <div class="form-group col-md-5">
71                         <label for="CallNumber">   71                         <label for="CallNumber">
72                             <span class="<#ERROR name='ERRORCallNumber'>">   72                             <span class="<#ERROR name='ERRORCallNumber'>">
73                                 Call Number   73                                 Call Number
74                             </span>   74                             </span>
75                         </label>   75                         </label>
76                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   76                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
77                     </div>   77                     </div>
78     78  
79                     <div class="form-group col-md-3">   79                     <div class="form-group col-md-3">
80                         <label for="ItemVolume">   80                         <label for="ItemVolume">
81                             <span class="<#ERROR name='ERRORItemVolume'>">   81                             <span class="<#ERROR name='ERRORItemVolume'>">
82                                 Box(es)/Folder(s)   82                                 Box(es)/Folder(s)
83                             </span>   83                             </span>
84                         </label>   84                         </label>
85                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   85                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
86                     </div>   86                     </div>
87                 </section>   87                 </section>
88     88  
89                 <section name="user-info">   89                 <section name="user-info">
90                     <h3 class="section-header">Request Information</h3>   90                     <h3 class="section-header">Request Information</h3>
91     91  
92                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   92                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
93                         <label for="RequestLink">   93                         <label for="RequestLink">
94                             <span class="<#ERROR name='ERRORRequestLink'>">   94                             <span class="<#ERROR name='ERRORRequestLink'>">
95                                 Request for   95                                 Request for
96                             </span>   96                             </span>
97                         </label>   97                         </label>
98                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1" >   98                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1" >
99                             <#OPTION name="RequestLinks" hideUsernames="true">   99                             <#OPTION name="RequestLinks" hideUsernames="true">
100                         </select>   100                         </select>
101                     </div>   101                     </div>
102     102  
103                     <#INCLUDE type="photoduplication" filename="include_photoduplication.html">   103                     <#INCLUDE type="photoduplication" filename="include_photoduplication.html">
104     104  
105                     <div class="form-group col-md-8">   105                     <div class="form-group col-md-8">
106                         <label for="Notes">   106                         <label for="Notes">
107                             <span class="<#ERROR name='ERRORNotes'>">   107                             <span class="<#ERROR name='ERRORNotes'>">
108                                 My Notes   108                                 My Notes
109                             </span>   109                             </span>
110                         </label>   110                         </label>
111                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 111                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
112                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   112                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
113                     </div> = 113                     </div>
114     114  
115                     <div class="form-group col-md-8">   115                     <div class="form-group col-md-8">
116                         <label for="SpecialRequest">   116                         <label for="SpecialRequest">
117                             <span class="<#ERROR name='ERRORSpecialRequest'>">   117                             <span class="<#ERROR name='ERRORSpecialRequest'>">
118                                 Special Requests/Questions?   118                                 Special Requests/Questions?
119                             </span>   119                             </span>
120                         </label>   120                         </label>
121                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 121                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
122                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   122                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
123                     </div> = 123                     </div>
124     124  
125                     <#INCLUDE filename="include_ResearcherTags.html">   125                     <#INCLUDE filename="include_ResearcherTags.html">
126     126  
127                     <div class="form-group col-sm-4">   127                     <div class="form-group col-sm-4">
128                         <label for="ScheduledDate">   128                         <label for="ScheduledDate">
129                             <span class="<#ERROR name='ERRORScheduledDate'>">   129                             <span class="<#ERROR name='ERRORScheduledDate'>">
130                                 Date of Visit   130                                 Date of Visit
131                             </span>   131                             </span>
132                         </label>   132                         </label>
133                         <div class="input-group">   133                         <div class="input-group">
134                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='ScheduledDate'>"> <> 134                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate scheduledDateNotes" value="<#PARAM name='ScheduledDate'>">
135                             <div class="input-group-append"> = 135                             <div class="input-group-append">
136                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">   136                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
137                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>   137                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
138                             </button>   138                             </button>
139                             </div>   139                             </div>
140                         </div>   140                         </div>
141     141  
142                         <div class="small-notes"> <> 142                         <div class="small-notes" id="scheduledDateNotes">
143                             Select the date you plan to visit. = 143                             Select the date you plan to visit.
144                         </div>   144                         </div>
145                     </div>   145                     </div>
146                 </section>   146                 </section>
147     147  
148                 <#INCLUDE filename="include_request_buttons.html">   148                 <#INCLUDE filename="include_request_buttons.html">
149                149             
150             </form>   150             </form>
151         </main>   151         </main>
152         <#INCLUDE filename="include_footer.html">   152         <#INCLUDE filename="include_footer.html">
153     </div>   153     </div>
154 </body>   154 </body>
155     155  
156 </html>   156 </html>

   
File: EditGenericRequestManuscriptPhotodup.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>Aeon - Edit Manuscript/Archives Photoduplication Request</title>   5     <title>Aeon - Edit Manuscript/Archives Photoduplication Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11     11  
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13       13    
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post" id="RequestForm">   17             <form action="aeon.dll" method="post" id="RequestForm">
18                 <input type="hidden" name="AeonForm" value="EditGenericRequestManuscriptPhotodup">   18                 <input type="hidden" name="AeonForm" value="EditGenericRequestManuscriptPhotodup">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">   20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Copy">   23                 <input type="hidden" name="RequestType" value="Copy">
24                 <input type="hidden" name="DocumentType" value="Manuscript">   24                 <input type="hidden" name="DocumentType" value="Manuscript">
25     25  
26                 <h2> Edit the Manuscript/Archives Photoduplication Request</h2>   26                 <h2> Edit the Manuscript/Archives Photoduplication Request</h2>
27                 <div id="statusLine"><#STATUS></div>   27                 <div id="statusLine"><#STATUS></div>
28     28  
29                 <section name="item-info">   29                 <section name="item-info">
30                    30                 
31                     <h3 class="section-header">Item Information</h3>   31                     <h3 class="section-header">Item Information</h3>
32                            32                         
33                     <div class="form-group col-md-8">   33                     <div class="form-group col-md-8">
34                         <label for="ItemTitle">   34                         <label for="ItemTitle">
35                             <span class="<#ERROR name='ERRORItemTitle'>">   35                             <span class="<#ERROR name='ERRORItemTitle'>">
36                                 Title   36                                 Title
37                             </span>   37                             </span>
38                             <span class="req">(required)</span>   38                             <span class="req">(required)</span>
39                         </label>   39                         </label>
40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>   40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>
41                     </div>   41                     </div>
42                        42                     
43                     <div class="form-group col-md-8">   43                     <div class="form-group col-md-8">
44                         <label for="ItemAuthor">   44                         <label for="ItemAuthor">
45                             <span class="<#ERROR name='ERRORItemAuthor'>">   45                             <span class="<#ERROR name='ERRORItemAuthor'>">
46                                 Author/Creator   46                                 Author/Creator
47                             </span>   47                             </span>
48                         </label>   48                         </label>
49                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   49                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
50                     </div>   50                     </div>
51     51  
52                     <div class="form-group col-md-3">   52                     <div class="form-group col-md-3">
53                         <label for="ItemDate">   53                         <label for="ItemDate">
54                             <span class="<#ERROR name='ERRORItemDate'>">   54                             <span class="<#ERROR name='ERRORItemDate'>">
55                                 Date(s)   55                                 Date(s)
56                             </span>   56                             </span>
57                         </label>   57                         </label>
58                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   58                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
59                     </div>   59                     </div>
60     60  
61                     <div class="form-group col-md-5">   61                     <div class="form-group col-md-5">
62                         <label for="Location">   62                         <label for="Location">
63                             <span class="<#ERROR name='ERRORLocation'>">   63                             <span class="<#ERROR name='ERRORLocation'>">
64                                 Collection Name/Location   64                                 Collection Name/Location
65                             </span>   65                             </span>
66                         </label>   66                         </label>
67                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   67                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
68                     </div>   68                     </div>
69     69  
70                     <div class="form-group col-md-5">   70                     <div class="form-group col-md-5">
71                         <label for="CallNumber">   71                         <label for="CallNumber">
72                             <span class="<#ERROR name='ERRORCallNumber'>">   72                             <span class="<#ERROR name='ERRORCallNumber'>">
73                                 Call Number   73                                 Call Number
74                             </span>   74                             </span>
75                         </label>   75                         </label>
76                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   76                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
77                     </div>   77                     </div>
78     78  
79                     <div class="form-group col-md-3">   79                     <div class="form-group col-md-3">
80                         <label for="ItemVolume">   80                         <label for="ItemVolume">
81                             <span class="<#ERROR name='ERRORItemVolume'>">   81                             <span class="<#ERROR name='ERRORItemVolume'>">
82                                 Box(es)/Folder(s)   82                                 Box(es)/Folder(s)
83                             </span>   83                             </span>
84                         </label>   84                         </label>
85                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   85                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
86                     </div>   86                     </div>
87                 </section>   87                 </section>
88     88  
89                 <section name="order-info">   89                 <section name="order-info">
90                     <h3 class="section-header">Order Information</h3>   90                     <h3 class="section-header">Order Information</h3>
91                     <#INCLUDE filename="include_photoduplication.html">   91                     <#INCLUDE filename="include_photoduplication.html">
92                 </section>   92                 </section>
93     93  
94                 <section name="user-info">   94                 <section name="user-info">
95     95  
96                     <h3 class="section-header">Request Information</h3>   96                     <h3 class="section-header">Request Information</h3>
97     97  
98                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   98                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
99                         <label for="RequestLink">   99                         <label for="RequestLink">
100                             <span class="<#ERROR name='ERRORRequestLink'>">   100                             <span class="<#ERROR name='ERRORRequestLink'>">
101                                 Request for   101                                 Request for
102                             </span>   102                             </span>
103                         </label>   103                         </label>
104                         <select class="custom-select mr-sm-2"  id="RequestLink" name="RequestLink" size="1">   104                         <select class="custom-select mr-sm-2"  id="RequestLink" name="RequestLink" size="1">
105                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">   105                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">
106                         </select>   106                         </select>
107                     </div>   107                     </div>
108     108  
109                     <div class="form-group col-md-4"> <>    
110                         <span class="<#PARAM name='BillingAccountsVisible' enabled='BillingAccountsEnabled' disabled='BillingAccountsDisabled'>"></span>   109                     <div class="form-group col-md-4 <#PARAM name='BillingAccountsVisible' disabled='d-none'>">
111                         <label for="BillingAccount">   110                         <label for="BillingAccountId">
112                             <span class="<#ERROR name='ERRORBillingAccount'>">   111                             <span class="<#ERROR name='ERRORBillingAccountId'>">
113                                 Billing Account = 112                                 Billing Account
114                             </span>   113                             </span>
115                         </label>   114                         </label>
116                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId">   115                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId">
117                             <#OPTION name="BillingAccounts">   116                             <#OPTION name="BillingAccounts">
118                         </select>   117                         </select>
119                     </div>   118                     </div>
120     119  
121                     <div class="form-group col-md-8">   120                     <div class="form-group col-md-8">
122                         <label for="Notes">   121                         <label for="Notes">
123                             <span class="<#ERROR name='ERRORNotes'>">   122                             <span class="<#ERROR name='ERRORNotes'>">
124                                 My Notes   123                                 My Notes
125                             </span>   124                             </span>
126                         </label>   125                         </label>
127                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 126                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
128                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   127                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
129                     </div> = 128                     </div>
130     129  
131                     <div class="form-group col-md-8">   130                     <div class="form-group col-md-8">
132                         <label for="SpecialRequest">   131                         <label for="SpecialRequest">
133                             <span class="<#ERROR name='ERRORSpecialRequest'>">   132                             <span class="<#ERROR name='ERRORSpecialRequest'>">
134                                 Special Requests/Questions?   133                                 Special Requests/Questions?
135                             </span>   134                             </span>
136                         </label>   135                         </label>
137                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 136                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
138                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   137                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
139                     </div> = 138                     </div>
140     139  
141                 </section>   140                 </section>
142     141  
143                 <#INCLUDE filename="include_request_buttons_photoduplication.html">   142                 <#INCLUDE filename="include_request_buttons_photoduplication.html">
144            143         
145             </form>   144             </form>
146         </main>   145         </main>
147         <#INCLUDE filename="include_footer.html">   146         <#INCLUDE filename="include_footer.html">
148     </div>   147     </div>
149     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>   148     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>
150     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>   149     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>
151     150  
152 </body>   151 </body>
153     152  
154 </html>   153 </html>
155     154  

   
File: EditGenericRequestMonograph.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>Aeon - Edit Request</title>   5     <title>Aeon - Edit Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11        11     
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13     13  
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post">   17             <form action="aeon.dll" method="post">
18                 <input type="hidden" name="AeonForm" value="EditGenericRequestMonograph">   18                 <input type="hidden" name="AeonForm" value="EditGenericRequestMonograph">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">   20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Loan">   23                 <input type="hidden" name="RequestType" value="Loan">
24                 <input type="hidden" name="DocumentType" value="Monograph">   24                 <input type="hidden" name="DocumentType" value="Monograph">
25     25  
26                 <h2>Edit the Monograph Request</h2>   26                 <h2>Edit the Monograph Request</h2>
27     27  
28                 <div id="statusLine"><#STATUS></div>   28                 <div id="statusLine"><#STATUS></div>
29     29  
30                 <section name="item-info">   30                 <section name="item-info">
31                     <h3 class="section-header">Item Information</h3>   31                     <h3 class="section-header">Item Information</h3>
32     32  
33                     <div class="form-group col-md-8">   33                     <div class="form-group col-md-8">
34                         <label for="ItemTitle">   34                         <label for="ItemTitle">
35                             <span class="<#ERROR name='ERRORItemTitle'>">   35                             <span class="<#ERROR name='ERRORItemTitle'>">
36                                 Title   36                                 Title
37                                 <span class="req">(required)</span>   37                                 <span class="req">(required)</span>
38                             </span>   38                             </span>
39                         </label>   39                         </label>
40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>   40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>
41                     </div>   41                     </div>
42     42  
43                     <div class="form-group col-md-8">   43                     <div class="form-group col-md-8">
44                         <label for="ItemAuthor">   44                         <label for="ItemAuthor">
45                             <span class="<#ERROR name='ERRORItemAuthor'>">   45                             <span class="<#ERROR name='ERRORItemAuthor'>">
46                                 Author   46                                 Author
47                             </span>   47                             </span>
48                         </label>   48                         </label>
49                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   49                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
50                     </div>   50                     </div>
51     51  
52                     <div class="form-group col-md-5">   52                     <div class="form-group col-md-5">
53                         <label for="ItemPlace">   53                         <label for="ItemPlace">
54                             <span class="<#ERROR name='ERRORItemPlace'>">   54                             <span class="<#ERROR name='ERRORItemPlace'>">
55                                 Place of Publication   55                                 Place of Publication
56                             </span>   56                             </span>
57                         </label>   57                         </label>
58                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">   58                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">
59                     </div>   59                     </div>
60     60  
61                     <div class="form-group col-md-5">   61                     <div class="form-group col-md-5">
62                         <label for="ItemPublisher">   62                         <label for="ItemPublisher">
63                             <span class="<#ERROR name='ERRORItemPublisher'>">   63                             <span class="<#ERROR name='ERRORItemPublisher'>">
64                                 Publisher   64                                 Publisher
65                             </span>   65                             </span>
66                         </label>   66                         </label>
67                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">   67                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">
68                     </div>   68                     </div>
69     69  
70                     <div class="form-group col-md-3">   70                     <div class="form-group col-md-3">
71                         <label for="ItemDate">   71                         <label for="ItemDate">
72                             <span class="<#ERROR name='ERRORItemDate'>">   72                             <span class="<#ERROR name='ERRORItemDate'>">
73                                 Date   73                                 Date
74                             </span>   74                             </span>
75                         </label>   75                         </label>
76                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   76                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
77                     </div>   77                     </div>
78     78  
79                     <div class="form-group col-md-4">   79                     <div class="form-group col-md-4">
80                         <label for="ItemEdition">   80                         <label for="ItemEdition">
81                             <span class="<#ERROR name='ERRORItemEdition'>">   81                             <span class="<#ERROR name='ERRORItemEdition'>">
82                                 Edition   82                                 Edition
83                             </span>   83                             </span>
84                         </label>   84                         </label>
85                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">   85                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">
86                     </div>   86                     </div>
87     87  
88                     <div class="form-group col-md-4">   88                     <div class="form-group col-md-4">
89                         <label for="ItemVolume">   89                         <label for="ItemVolume">
90                             <span class="<#ERROR name='ERRORItemVolume'>">   90                             <span class="<#ERROR name='ERRORItemVolume'>">
91                                 Volume   91                                 Volume
92                             </span>   92                             </span>
93                         </label>   93                         </label>
94                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   94                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
95                     </div>   95                     </div>
96     96  
97                     <div class="form-group col-md-4">   97                     <div class="form-group col-md-4">
98                         <label for="ItemIssue">   98                         <label for="ItemIssue">
99                             <span class="<#ERROR name='ERRORItemIssue'>">   99                             <span class="<#ERROR name='ERRORItemIssue'>">
100                                 Copy   100                                 Copy
101                             </span>   101                             </span>
102                         </label>   102                         </label>
103                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">   103                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">
104                     </div>   104                     </div>
105     105  
106                     <!--   106                     <!--
107                                     <label for="ItemCitation">   107                                     <label for="ItemCitation">
108                                         <span class="field">   108                                         <span class="field">
109                                             <span class="<#ERROR name='ERRORItemCitation'>">Size/Physical Description</span>   109                                             <span class="<#ERROR name='ERRORItemCitation'>">Size/Physical Description</span>
110                                         </span>   110                                         </span>
111                                         <input id="ItemCitation" name="ItemCitation" type="text" size="40" class="f-name" value="<#PARAM name='ItemCitation'>">                        111                                         <input id="ItemCitation" name="ItemCitation" type="text" size="40" class="f-name" value="<#PARAM name='ItemCitation'>">                     
112                                     </label>   112                                     </label>
113                                     -->   113                                     -->
114     114  
115                     <!--   115                     <!--
116                                     <label for="ItemISxN">   116                                     <label for="ItemISxN">
117                                         <span class="field">   117                                         <span class="field">
118                                             <span class="<#ERROR name='ERRORItemISxN'>">ISxN</span>   118                                             <span class="<#ERROR name='ERRORItemISxN'>">ISxN</span>
119                                         </span>   119                                         </span>
120                                         <input id="ItemISxN" name="ItemISxN" type="text" size="20" class="f-name" value="<#PARAM name='ItemISxN'>">                    120                                         <input id="ItemISxN" name="ItemISxN" type="text" size="20" class="f-name" value="<#PARAM name='ItemISxN'>">                 
121                                     </label>   121                                     </label>
122                                     -->   122                                     -->
123     123  
124                     <div class="form-group col-md-5">   124                     <div class="form-group col-md-5">
125                         <label for="CallNumber">   125                         <label for="CallNumber">
126                             <span class="<#ERROR name='ERRORCallNumber'>">   126                             <span class="<#ERROR name='ERRORCallNumber'>">
127                                 Call Number   127                                 Call Number
128                             </span>   128                             </span>
129                         </label>   129                         </label>
130                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   130                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
131                     </div>   131                     </div>
132     132  
133                     <div class="form-group col-md-5">   133                     <div class="form-group col-md-5">
134                         <label for="Location">   134                         <label for="Location">
135                             <span class="<#ERROR name='ERRORLocation'>">   135                             <span class="<#ERROR name='ERRORLocation'>">
136                                 Collection Name/Location   136                                 Collection Name/Location
137                             </span>   137                             </span>
138                         </label>   138                         </label>
139                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   139                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
140                     </div>   140                     </div>
141                 </section>   141                 </section>
142     142  
143     143  
144                 <section name="user-info">   144                 <section name="user-info">
145                     <h3 class="section-header">Request Information</h3>   145                     <h3 class="section-header">Request Information</h3>
146     146  
147                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   147                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
148                         <label for="RequestLink">   148                         <label for="RequestLink">
149                             <span class="<#ERROR name='ERRORRequestLink'>">   149                             <span class="<#ERROR name='ERRORRequestLink'>">
150                                 Request for   150                                 Request for
151                             </span>   151                             </span>
152                         </label>   152                         </label>
153                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1" >   153                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1" >
154                             <#OPTION name="RequestLinks" hideUsernames="true">   154                             <#OPTION name="RequestLinks" hideUsernames="true">
155                         </select>   155                         </select>
156                     </div>   156                     </div>
157     157  
158                     <#INCLUDE type="photoduplication" filename="include_photoduplication.html">   158                     <#INCLUDE type="photoduplication" filename="include_photoduplication.html">
159     159  
160                     <div class="form-group col-md-8">   160                     <div class="form-group col-md-8">
161                         <label for="Notes">   161                         <label for="Notes">
162                             <span class="<#ERROR name='ERRORNotes'>">   162                             <span class="<#ERROR name='ERRORNotes'>">
163                                 My Notes   163                                 My Notes
164                             </span>   164                             </span>
165                         </label>   165                         </label>
166                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="50"><#PARAM name="Notes"></textarea> <> 166                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
167                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   167                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
168                     </div> = 168                     </div>
169     169  
170                     <div class="form-group col-md-8">   170                     <div class="form-group col-md-8">
171                         <label for="SpecialRequest">   171                         <label for="SpecialRequest">
172                             <span class="<#ERROR name='ERRORSpecialRequest'>">   172                             <span class="<#ERROR name='ERRORSpecialRequest'>">
173                                 Special Requests/Questions?   173                                 Special Requests/Questions?
174                             </span>   174                             </span>
175                         </label>   175                         </label>
176                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="50"><#PARAM name="SpecialRequest"></textarea> <> 176                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
177                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   177                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
178                     </div> = 178                     </div>
179     179  
180                     <#INCLUDE filename="include_ResearcherTags.html">   180                     <#INCLUDE filename="include_ResearcherTags.html">
181     181  
182                     <div class="form-group col-sm-4">   182                     <div class="form-group col-sm-4">
183                         <label for="ScheduledDate">   183                         <label for="ScheduledDate">
184                             <span class="<#ERROR name='ERRORScheduledDate'>">   184                             <span class="<#ERROR name='ERRORScheduledDate'>">
185                                 Date of Visit   185                                 Date of Visit
186                             </span>   186                             </span>
187                         </label>   187                         </label>
188                         <div class="input-group">   188                         <div class="input-group">
189                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='ScheduledDate'>"> <> 189                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate scheduledDateNotes" value="<#PARAM name='ScheduledDate'>">
190                             <div class="input-group-append"> = 190                             <div class="input-group-append">
191                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">   191                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
192                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>   192                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
193                             </button>   193                             </button>
194                             </div>   194                             </div>
195                         </div>   195                         </div>
196     196  
197                         <div class="small-notes"> <> 197                         <div class="small-notes" id="scheduledDateNotes">
198                             Select the date you plan to visit. = 198                             Select the date you plan to visit.
199                         </div>   199                         </div>
200                     </div>   200                     </div>
201                 </section>   201                 </section>
202     202  
203                 <#INCLUDE filename="include_request_buttons.html">   203                 <#INCLUDE filename="include_request_buttons.html">
204            204         
205             </form>   205             </form>
206         </main>   206         </main>
207         <#INCLUDE filename="include_footer.html">   207         <#INCLUDE filename="include_footer.html">
208     </div>   208     </div>
209 </body>   209 </body>
210 </html>   210 </html>

   
File: EditGenericRequestMonographPhotodup.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>Aeon - Edit Monograph Photoduplication Request</title>   5     <title>Aeon - Edit Monograph Photoduplication Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11     11  
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13       13    
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post" id="RequestForm">   17             <form action="aeon.dll" method="post" id="RequestForm">
18                 <input type="hidden" name="AeonForm" value="EditGenericRequestMonographPhotodup">   18                 <input type="hidden" name="AeonForm" value="EditGenericRequestMonographPhotodup">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">   20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Copy">   23                 <input type="hidden" name="RequestType" value="Copy">
24                 <input type="hidden" name="DocumentType" value="Monograph">   24                 <input type="hidden" name="DocumentType" value="Monograph">
25     25  
26                 <h2> Edit the Monograph Photoduplication Request</h2>   26                 <h2> Edit the Monograph Photoduplication Request</h2>
27                 <div id="statusLine"><#STATUS></div>   27                 <div id="statusLine"><#STATUS></div>
28     28  
29                 <section name="item-info">   29                 <section name="item-info">
30     30  
31                     <h3 class="section-header">Item Information</h3>   31                     <h3 class="section-header">Item Information</h3>
32     32  
33                     <div class="form-group col-md-8">   33                     <div class="form-group col-md-8">
34                         <label for="ItemTitle">   34                         <label for="ItemTitle">
35                             <span class="<#ERROR name='ERRORItemTitle'>">   35                             <span class="<#ERROR name='ERRORItemTitle'>">
36                                 Title   36                                 Title
37                                 <span class="req">(required)</span>   37                                 <span class="req">(required)</span>
38                             </span>   38                             </span>
39                         </label>   39                         </label>
40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>   40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>
41                     </div>   41                     </div>
42                        42                     
43                     <div class="form-group col-md-8">   43                     <div class="form-group col-md-8">
44                         <label for="ItemAuthor">   44                         <label for="ItemAuthor">
45                             <span class="<#ERROR name='ERRORItemAuthor'>">   45                             <span class="<#ERROR name='ERRORItemAuthor'>">
46                                 Author   46                                 Author
47                             </span>   47                             </span>
48                         </label>   48                         </label>
49                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   49                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
50                     </div>   50                     </div>
51     51  
52                     <div class="form-group col-md-5">   52                     <div class="form-group col-md-5">
53                         <label for="ItemPlace">   53                         <label for="ItemPlace">
54                             <span class="<#ERROR name='ERRORItemPlace'>">   54                             <span class="<#ERROR name='ERRORItemPlace'>">
55                                 Place of Publication   55                                 Place of Publication
56                             </span>   56                             </span>
57                         </label>   57                         </label>
58                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">   58                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">
59                     </div>   59                     </div>
60     60  
61                     <div class="form-group col-md-5">   61                     <div class="form-group col-md-5">
62                         <label for="ItemPublisher">   62                         <label for="ItemPublisher">
63                             <span class="<#ERROR name='ERRORItemPublisher'>">   63                             <span class="<#ERROR name='ERRORItemPublisher'>">
64                                 Publisher   64                                 Publisher
65                             </span>   65                             </span>
66                         </label>   66                         </label>
67                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">   67                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">
68                     </div>   68                     </div>
69     69  
70                     <div class="form-group col-md-3">   70                     <div class="form-group col-md-3">
71                         <label for="ItemDate">   71                         <label for="ItemDate">
72                             <span class="<#ERROR name='ERRORItemDate'>">   72                             <span class="<#ERROR name='ERRORItemDate'>">
73                                 Date   73                                 Date
74                             </span>   74                             </span>
75                         </label>   75                         </label>
76                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   76                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
77                     </div>   77                     </div>
78     78  
79                     <div class="form-group col-md-3">   79                     <div class="form-group col-md-3">
80                         <label for="ItemEdition">   80                         <label for="ItemEdition">
81                             <span class="<#ERROR name='ERRORItemEdition'>">   81                             <span class="<#ERROR name='ERRORItemEdition'>">
82                                 Edition   82                                 Edition
83                             </span>   83                             </span>
84                         </label>   84                         </label>
85                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">   85                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">
86                     </div>   86                     </div>
87     87  
88                     <div class="form-group col-md-3">   88                     <div class="form-group col-md-3">
89                         <label for="ItemVolume">   89                         <label for="ItemVolume">
90                             <span class="<#ERROR name='ERRORItemVolume'>">   90                             <span class="<#ERROR name='ERRORItemVolume'>">
91                                 Volume   91                                 Volume
92                             </span>   92                             </span>
93                         </label>   93                         </label>
94                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   94                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
95                     </div>   95                     </div>
96     96  
97                     <div class="form-group col-md-3">   97                     <div class="form-group col-md-3">
98                         <label for="ItemIssue">   98                         <label for="ItemIssue">
99                             <span class="<#ERROR name='ERRORItemIssue'>">   99                             <span class="<#ERROR name='ERRORItemIssue'>">
100                                 Copy   100                                 Copy
101                             </span>   101                             </span>
102                         </label>   102                         </label>
103                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">   103                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">
104                     </div>   104                     </div>
105     105  
106                     <div class="form-group col-md-5">   106                     <div class="form-group col-md-5">
107                         <label for="CallNumber">   107                         <label for="CallNumber">
108                             <span class="<#ERROR name='ERRORCallNumber'>">   108                             <span class="<#ERROR name='ERRORCallNumber'>">
109                                 Call Number   109                                 Call Number
110                             </span>   110                             </span>
111                         </label>   111                         </label>
112                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   112                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
113                     </div>   113                     </div>
114     114  
115                     <div class="form-group col-md-5">   115                     <div class="form-group col-md-5">
116                         <label for="Location">   116                         <label for="Location">
117                             <span class="<#ERROR name='ERRORLocation'>">   117                             <span class="<#ERROR name='ERRORLocation'>">
118                                 Collection Name/Location   118                                 Collection Name/Location
119                             </span>   119                             </span>
120                         </label>   120                         </label>
121                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   121                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
122                     </div>   122                     </div>
123                 </section>   123                 </section>
124     124  
125                 <section name="order-info">   125                 <section name="order-info">
126                     <h3 class="section-header">Order Information</h3>   126                     <h3 class="section-header">Order Information</h3>
127                     <#INCLUDE filename="include_photoduplication.html">   127                     <#INCLUDE filename="include_photoduplication.html">
128                 </section>   128                 </section>
129     129  
130                 <section name="user-info">   130                 <section name="user-info">
131     131  
132                     <h3 class="section-header">Request Information</h3>   132                     <h3 class="section-header">Request Information</h3>
133     133  
134                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   134                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
135                         <label for="RequestLink">   135                         <label for="RequestLink">
136                             <span class="<#ERROR name='ERRORRequestLink'>">   136                             <span class="<#ERROR name='ERRORRequestLink'>">
137                                 Request for   137                                 Request for
138                             </span>   138                             </span>
139                         </label>   139                         </label>
140                         <select class="custom-select mr-sm-2"  id="RequestLink" name="RequestLink" size="1">   140                         <select class="custom-select mr-sm-2"  id="RequestLink" name="RequestLink" size="1">
141                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">   141                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">
142                         </select>   142                         </select>
143                     </div>   143                     </div>
144     144  
145                     <div class="form-group col-md-4"> <>    
146                         <span class="<#PARAM name='BillingAccountsVisible' enabled='BillingAccountsEnabled' disabled='BillingAccountsDisabled'>"></span>   145                     <div class="form-group col-md-4 <#PARAM name='BillingAccountsVisible' disabled='d-none'>">
147                         <label for="BillingAccount">   146                         <label for="BillingAccountId">
148                             <span class="<#ERROR name='ERRORBillingAccount'>">   147                             <span class="<#ERROR name='ERRORBillingAccountId'>">
149                                 Billing Account = 148                                 Billing Account
150                             </span>   149                             </span>
151                         </label>   150                         </label>
152                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId">   151                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId">
153                             <#OPTION name="BillingAccounts">   152                             <#OPTION name="BillingAccounts">
154                         </select>   153                         </select>
155                     </div>   154                     </div>
156     155  
157                     <div class="form-group col-md-8">   156                     <div class="form-group col-md-8">
158                         <label for="Notes">   157                         <label for="Notes">
159                             <span class="<#ERROR name='ERRORNotes'>">   158                             <span class="<#ERROR name='ERRORNotes'>">
160                                 My Notes   159                                 My Notes
161                             </span>   160                             </span>
162                         </label>   161                         </label>
163                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 162                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
164                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   163                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
165                     </div> = 164                     </div>
166     165  
167                     <div class="form-group col-md-8">   166                     <div class="form-group col-md-8">
168                         <label for="SpecialRequest">   167                         <label for="SpecialRequest">
169                             <span class="<#ERROR name='ERRORSpecialRequest'>">   168                             <span class="<#ERROR name='ERRORSpecialRequest'>">
170                                 Special Requests/Questions?   169                                 Special Requests/Questions?
171                             </span>   170                             </span>
172                         </label>   171                         </label>
173                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 172                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
174                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   173                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
175                     </div> = 174                     </div>
176     175  
177                 </section>   176                 </section>
178     177  
179                 <#INCLUDE filename="include_request_buttons_photoduplication.html">   178                 <#INCLUDE filename="include_request_buttons_photoduplication.html">
180            179         
181             </form>   180             </form>
182         </main>   181         </main>
183         <#INCLUDE filename="include_footer.html">   182         <#INCLUDE filename="include_footer.html">
184     </div>   183     </div>
185     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>   184     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>
186     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>   185     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>
187     186  
188 </body>   187 </body>
189     188  
190 </html>   189 </html>
191     190  

   
File: EditGenericRequestSerial.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>Aeon - Edit Request</title>   5     <title>Aeon - Edit Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11     11  
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13     13  
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post">   17             <form action="aeon.dll" method="post">
18                 <input type="hidden" name="AeonForm" value="EditGenericRequestSerial">   18                 <input type="hidden" name="AeonForm" value="EditGenericRequestSerial">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">   20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Loan">   23                 <input type="hidden" name="RequestType" value="Loan">
24                 <input type="hidden" name="DocumentType" value="Serial">   24                 <input type="hidden" name="DocumentType" value="Serial">
25     25  
26                 <h2>Edit the Serial Request</h2>   26                 <h2>Edit the Serial Request</h2>
27     27  
28                 <div id="statusLine"><#STATUS></div>   28                 <div id="statusLine"><#STATUS></div>
29     29  
30                 <section name="item-info">   30                 <section name="item-info">
31                     <h3 class="section-header">Item Information</h3>   31                     <h3 class="section-header">Item Information</h3>
32     32  
33                     <div class="form-group col-md-8">   33                     <div class="form-group col-md-8">
34                         <label for="ItemTitle">   34                         <label for="ItemTitle">
35                             <span class="<#ERROR name='ERRORItemTitle'>">   35                             <span class="<#ERROR name='ERRORItemTitle'>">
36                                 Title   36                                 Title
37                                 <span class="req">(required)</span>   37                                 <span class="req">(required)</span>
38                             </span>   38                             </span>
39                         </label>   39                         </label>
40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>   40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>
41                     </div>   41                     </div>
42     42  
43     43  
44                     <div class="form-group col-md-5">   44                     <div class="form-group col-md-5">
45                         <label for="ItemPlace">   45                         <label for="ItemPlace">
46                             <span class="<#ERROR name='ERRORItemPlace'>">   46                             <span class="<#ERROR name='ERRORItemPlace'>">
47                                 Place of Publication   47                                 Place of Publication
48                             </span>   48                             </span>
49                         </label>   49                         </label>
50                         <input type="text" name="ItemPlace" class="form-control" id="ItemPlace" value="<#PARAM name='ItemPlace'>">   50                         <input type="text" name="ItemPlace" class="form-control" id="ItemPlace" value="<#PARAM name='ItemPlace'>">
51                     </div>   51                     </div>
52     52  
53                     <!--   53                     <!--
54                                 <label for="ItemPublisher">   54                                 <label for="ItemPublisher">
55                                     <span class="field">   55                                     <span class="field">
56                                         <span class="<#ERROR name='ERRORItemPublisher'>">Publisher</span>   56                                         <span class="<#ERROR name='ERRORItemPublisher'>">Publisher</span>
57                                     </span>   57                                     </span>
58                                     <input id="ItemPublisher" name="ItemPublisher" type="text" size="40" class="f-name" value="<#PARAM name='ItemPublisher'>">                         58                                     <input id="ItemPublisher" name="ItemPublisher" type="text" size="40" class="f-name" value="<#PARAM name='ItemPublisher'>">                      
59                                 </label>   59                                 </label>
60                                 -->   60                                 -->
61     61  
62                     <div class="form-group col-md-3">   62                     <div class="form-group col-md-3">
63                         <label for="ItemDate">   63                         <label for="ItemDate">
64                             <span class="<#ERROR name='ERRORItemDate'>">   64                             <span class="<#ERROR name='ERRORItemDate'>">
65                                 Date   65                                 Date
66                             </span>   66                             </span>
67                         </label>   67                         </label>
68                         <input type="text" name="ItemDate" class="form-control" id="ItemDate" value="<#PARAM name='ItemDate'>">   68                         <input type="text" name="ItemDate" class="form-control" id="ItemDate" value="<#PARAM name='ItemDate'>">
69                     </div>   69                     </div>
70     70  
71                     <div class="form-group col-md-3">   71                     <div class="form-group col-md-3">
72                         <label for="ItemVolume">   72                         <label for="ItemVolume">
73                             <span class="<#ERROR name='ERRORItemVolume'>">   73                             <span class="<#ERROR name='ERRORItemVolume'>">
74                                 Volume/Copy   74                                 Volume/Copy
75                             </span>   75                             </span>
76                         </label>   76                         </label>
77                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   77                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
78                     </div>   78                     </div>
79     79  
80                     <div class="form-group col-md-3">   80                     <div class="form-group col-md-3">
81                         <label for="ItemIssue">   81                         <label for="ItemIssue">
82                             <span class="<#ERROR name='ERRORItemIssue'>">   82                             <span class="<#ERROR name='ERRORItemIssue'>">
83                                 Issue/Number   83                                 Issue/Number
84                             </span>   84                             </span>
85                         </label>   85                         </label>
86                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">   86                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">
87                     </div>   87                     </div>
88     88  
89                     <!--   89                     <!--
90                                 <label for="ItemPages">   90                                 <label for="ItemPages">
91                                     <span class="field">   91                                     <span class="field">
92                                         <span class="<#ERROR name='ERRORItemPages'>">Inclusive Pages</span>   92                                         <span class="<#ERROR name='ERRORItemPages'>">Inclusive Pages</span>
93                                            93                                         
94                                         <span class="note">Additional citation information can be added as notes.</span>   94                                         <span class="note">Additional citation information can be added as notes.</span>
95                                     </span>   95                                     </span>
96                                     <input id="ItemPages" name="ItemPages" type="text" size="40" class="f-name" value="<#PARAM name='ItemPages'>">   96                                     <input id="ItemPages" name="ItemPages" type="text" size="40" class="f-name" value="<#PARAM name='ItemPages'>">
97                                 </label>   97                                 </label>
98                                 -->   98                                 -->
99     99  
100                     <!--   100                     <!--
101                                 <label for="ItemISxN">   101                                 <label for="ItemISxN">
102                                     <span class="field">   102                                     <span class="field">
103                                         <span class="<#ERROR name='ERRORItemISxN'>">ISxN</span>   103                                         <span class="<#ERROR name='ERRORItemISxN'>">ISxN</span>
104                                     </span>   104                                     </span>
105                                     <input id="ItemISxN" name="ItemISxN" type="text" size="20" class="f-name" value="<#PARAM name='ItemISxN'>">                        105                                     <input id="ItemISxN" name="ItemISxN" type="text" size="20" class="f-name" value="<#PARAM name='ItemISxN'>">                     
106                                 </label>   106                                 </label>
107                                 -->   107                                 -->
108     108  
109                     <div class="form-group col-md-5">   109                     <div class="form-group col-md-5">
110                         <label for="CallNumber">   110                         <label for="CallNumber">
111                             <span class="<#ERROR name='ERRORCallNumber'>">   111                             <span class="<#ERROR name='ERRORCallNumber'>">
112                                 Call Number   112                                 Call Number
113                             </span>   113                             </span>
114                         </label>   114                         </label>
115                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   115                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
116                     </div>   116                     </div>
117     117  
118                     <div class="form-group col-md-5">   118                     <div class="form-group col-md-5">
119                         <label for="Location">   119                         <label for="Location">
120                             <span class="<#ERROR name='ERRORLocation'>">   120                             <span class="<#ERROR name='ERRORLocation'>">
121                                 Collection Name/Location   121                                 Collection Name/Location
122                             </span>   122                             </span>
123                         </label>   123                         </label>
124                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   124                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
125                     </div>   125                     </div>
126     126  
127                 </section>   127                 </section>
128     128  
129                 <section name="user-info">   129                 <section name="user-info">
130                     <h3 class="section-header">Request Information</h3>   130                     <h3 class="section-header">Request Information</h3>
131     131  
132                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   132                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
133                         <label for="RequestLink">   133                         <label for="RequestLink">
134                             <span class="<#ERROR name='ERRORRequestLink'>">   134                             <span class="<#ERROR name='ERRORRequestLink'>">
135                                 Request for   135                                 Request for
136                             </span>   136                             </span>
137                         </label>   137                         </label>
138                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">   138                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">
139                             <#OPTION name="RequestLinks" hideUsernames="true">   139                             <#OPTION name="RequestLinks" hideUsernames="true">
140                         </select>   140                         </select>
141                     </div>   141                     </div>
142     142  
143                     <#INCLUDE type="photoduplication" filename="include_photoduplication.html">   143                     <#INCLUDE type="photoduplication" filename="include_photoduplication.html">
144     144  
145                     <div class="form-group col-md-8">   145                     <div class="form-group col-md-8">
146                         <label for="Notes">   146                         <label for="Notes">
147                             <span class="<#ERROR name='ERRORNotes'>">   147                             <span class="<#ERROR name='ERRORNotes'>">
148                                 My Notes   148                                 My Notes
149                             </span>   149                             </span>
150                         </label>   150                         </label>
151                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="50"><#PARAM name="Notes"></textarea> <> 151                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
152                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   152                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
153                     </div> = 153                     </div>
154     154  
155                     <div class="form-group col-md-8">   155                     <div class="form-group col-md-8">
156                         <label for="SpecialRequest">   156                         <label for="SpecialRequest">
157                             <span class="<#ERROR name='ERRORSpecialRequest'>">   157                             <span class="<#ERROR name='ERRORSpecialRequest'>">
158                                 Special Requests/Questions?   158                                 Special Requests/Questions?
159                             </span>   159                             </span>
160                         </label>   160                         </label>
161                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="50"><#PARAM name="SpecialRequest"></textarea> <> 161                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
162                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   162                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
163                     </div> = 163                     </div>
164     164  
165                     <#INCLUDE filename="include_ResearcherTags.html">   165                     <#INCLUDE filename="include_ResearcherTags.html">
166     166  
167                     <div class="form-group col-sm-4">   167                     <div class="form-group col-sm-4">
168                         <label for="ScheduledDate">   168                         <label for="ScheduledDate">
169                             <span class="<#ERROR name='ERRORScheduledDate'>">   169                             <span class="<#ERROR name='ERRORScheduledDate'>">
170                                 Date of Visit   170                                 Date of Visit
171                             </span>   171                             </span>
172                         </label>   172                         </label>
173                         <div class="input-group">   173                         <div class="input-group">
174                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='ScheduledDate'>"> <> 174                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate scheduledDateNotes" value="<#PARAM name='ScheduledDate'>">
175                             <div class="input-group-append"> = 175                             <div class="input-group-append">
176                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">   176                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
177                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>   177                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
178                             </button>   178                             </button>
179                             </div>   179                             </div>
180                         </div>   180                         </div>
181     181  
182                         <div class="small-notes"> <> 182                         <div class="small-notes" id="scheduledDateNotes">
183                             Select the date you plan to visit. = 183                             Select the date you plan to visit.
184                         </div>   184                         </div>
185                     </div>   185                     </div>
186                 </section>   186                 </section>
187     187  
188                 <#INCLUDE filename="include_request_buttons.html">   188                 <#INCLUDE filename="include_request_buttons.html">
189                189             
190             </form>   190             </form>
191         </main>   191         </main>
192         <#INCLUDE filename="include_footer.html">   192         <#INCLUDE filename="include_footer.html">
193     </div>   193     </div>
194 </body>   194 </body>
195     195  
196 </html>   196 </html>

   
File: EditPhotoduplicationRequest.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>Aeon - Edit Request</title>   5     <title>Aeon - Edit Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11     11  
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13     13  
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post" onsubmit="$('input:disabled, textarea:disabled, select:disabled').addClass('appear-disabled').removeAttr('disabled')">   17             <form action="aeon.dll" method="post" onsubmit="$('input:disabled, textarea:disabled, select:disabled').addClass('appear-disabled').removeAttr('disabled')">
18                 <input type="hidden" name="AeonForm" value="EditPhotoduplicationRequest">   18                 <input type="hidden" name="AeonForm" value="EditPhotoduplicationRequest">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">   20                 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Copy">   23                 <input type="hidden" name="RequestType" value="Copy">
24     24  
25                 <h2> Edit the Photoduplication Request</h2>   25                 <h2> Edit the Photoduplication Request</h2>
26     26  
27                 <div id="statusLine"><#STATUS></div>   27                 <div id="statusLine"><#STATUS></div>
28     28  
29                 <section name="item-info">   29                 <section name="item-info">
30                     <h3 class="section-header">Item Information</h3>   30                     <h3 class="section-header">Item Information</h3>
31                     <div class="form-group col-md-8">   31                     <div class="form-group col-md-8">
32                         <label for="ItemTitle">   32                         <label for="ItemTitle">
33                             <span class="<#ERROR name='ERRORItemTitle'>">   33                             <span class="<#ERROR name='ERRORItemTitle'>">
34                                 Title   34                                 Title
35                                 <span class="req">(required)</span>   35                                 <span class="req">(required)</span>
36                             </span>   36                             </span>
37                         </label>   37                         </label>
38                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>   38                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>
39                     </div>   39                     </div>
40     40  
41                     <!--<label for="ItemSubTitle">   41                     <!--<label for="ItemSubTitle">
42                             <span class="field">   42                             <span class="field">
43                                 <span class="<#ERROR name='ERRORItemSubTitle'>">Additional Title</span>   43                                 <span class="<#ERROR name='ERRORItemSubTitle'>">Additional Title</span>
44                             </span>   44                             </span>
45                             <textarea id="ItemSubTitle" name="ItemSubTitle" rows="2" cols="40" class="f-name"><#PARAM name="ItemSubTitle"></textarea>   45                             <textarea id="ItemSubTitle" name="ItemSubTitle" rows="2" cols="40" class="f-name"><#PARAM name="ItemSubTitle"></textarea>
46                         </label>     46                         </label>  
47                     -->   47                     -->
48     48  
49                     <div class="form-group col-md-8">   49                     <div class="form-group col-md-8">
50                         <label for="ItemAuthor">   50                         <label for="ItemAuthor">
51                             <span class="<#ERROR name='ERRORItemAuthor'>">   51                             <span class="<#ERROR name='ERRORItemAuthor'>">
52                                 Author/Creator   52                                 Author/Creator
53                             </span>   53                             </span>
54                         </label>   54                         </label>
55                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   55                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
56                     </div>   56                     </div>
57     57  
58                     <div class="form-group col-md-5">   58                     <div class="form-group col-md-5">
59                         <label for="ItemPlace">   59                         <label for="ItemPlace">
60                             <span class="<#ERROR name='ERRORItemPlace'>">   60                             <span class="<#ERROR name='ERRORItemPlace'>">
61                                 Place of Publication   61                                 Place of Publication
62                             </span>   62                             </span>
63                         </label>   63                         </label>
64                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">   64                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">
65                     </div>   65                     </div>
66     66  
67                     <div class="form-group col-md-5">   67                     <div class="form-group col-md-5">
68                         <label for="ItemPublisher">   68                         <label for="ItemPublisher">
69                             <span class="<#ERROR name='ERRORItemPublisher'>">   69                             <span class="<#ERROR name='ERRORItemPublisher'>">
70                                 Publisher   70                                 Publisher
71                             </span>   71                             </span>
72                         </label>   72                         </label>
73                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">   73                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">
74                     </div>   74                     </div>
75     75  
76                     <div class="form-group col-md-3">   76                     <div class="form-group col-md-3">
77                         <label for="ItemDate">   77                         <label for="ItemDate">
78                             <span class="<#ERROR name='ERRORItemDate'>">   78                             <span class="<#ERROR name='ERRORItemDate'>">
79                                 Date   79                                 Date
80                             </span>   80                             </span>
81                         </label>   81                         </label>
82                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   82                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
83                     </div>   83                     </div>
84     84  
85                     <div class="form-group col-md-3">   85                     <div class="form-group col-md-3">
86                         <label for="ItemEdition">   86                         <label for="ItemEdition">
87                             <span class="<#ERROR name='ERRORItemEdition'>">   87                             <span class="<#ERROR name='ERRORItemEdition'>">
88                                 Edition   88                                 Edition
89                             </span>   89                             </span>
90                         </label>   90                         </label>
91                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">   91                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">
92                     </div>   92                     </div>
93     93  
94                     <div class="form-group col-md-3">   94                     <div class="form-group col-md-3">
95                         <label for="ItemVolume">   95                         <label for="ItemVolume">
96                             <span class="<#ERROR name='ERRORItemVolume'>">   96                             <span class="<#ERROR name='ERRORItemVolume'>">
97                                 Volume/Box   97                                 Volume/Box
98                             </span>   98                             </span>
99                         </label>   99                         </label>
100                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   100                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
101                     </div>   101                     </div>
102     102  
103                     <div class="form-group col-md-3">   103                     <div class="form-group col-md-3">
104                         <label for="ItemIssue">   104                         <label for="ItemIssue">
105                             <span class="<#ERROR name='ERRORItemIssue'>">   105                             <span class="<#ERROR name='ERRORItemIssue'>">
106                                 Issue/Copy   106                                 Issue/Copy
107                             </span>   107                             </span>
108                         </label>   108                         </label>
109                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">   109                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">
110                     </div>   110                     </div>
111     111  
112                     <!--   112                     <!--
113                             <label for="ItemCitation">   113                             <label for="ItemCitation">
114                             <span class="field">   114                             <span class="field">
115                             <span class="<#ERROR name='ERRORItemCitation'>">Size/Physical Description</span>   115                             <span class="<#ERROR name='ERRORItemCitation'>">Size/Physical Description</span>
116                             </span>   116                             </span>
117                             <input id="ItemCitation" name="ItemCitation" type="text" size="40" class="f-name" value="<#PARAM name='ItemCitation'>" <#CONDITIONAL type="ConvertingToCopy" true=" DISABLED ">>   117                             <input id="ItemCitation" name="ItemCitation" type="text" size="40" class="f-name" value="<#PARAM name='ItemCitation'>" <#CONDITIONAL type="ConvertingToCopy" true=" DISABLED ">>
118                             </label>   118                             </label>
119                             -->   119                             -->
120     120  
121                     <!--   121                     <!--
122                             <label for="ItemISxN">   122                             <label for="ItemISxN">
123                             <span class="field">   123                             <span class="field">
124                                 <span class="<#ERROR name='ERRORItemISxN'>">ISxN</span>   124                                 <span class="<#ERROR name='ERRORItemISxN'>">ISxN</span>
125                             </span>   125                             </span>
126                             <input id="ItemISxN" name="ItemISxN" type="text" size="20" class="f-name" value="<#PARAM name='ItemISxN'>" <#CONDITIONAL type="ConvertingToCopy" true=" DISABLED ">>   126                             <input id="ItemISxN" name="ItemISxN" type="text" size="20" class="f-name" value="<#PARAM name='ItemISxN'>" <#CONDITIONAL type="ConvertingToCopy" true=" DISABLED ">>
127                             </label>   127                             </label>
128                             -->   128                             -->
129     129  
130                     <div class="form-group col-md-5">   130                     <div class="form-group col-md-5">
131                         <label for="CallNumber">   131                         <label for="CallNumber">
132                             <span class="<#ERROR name='ERRORCallNumber'>">   132                             <span class="<#ERROR name='ERRORCallNumber'>">
133                                 Call Number   133                                 Call Number
134                             </span>   134                             </span>
135                         </label>   135                         </label>
136                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   136                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
137                     </div>   137                     </div>
138     138  
139                     <div class="form-group col-md-5">   139                     <div class="form-group col-md-5">
140                         <label for="Location">   140                         <label for="Location">
141                             <span class="<#ERROR name='ERRORLocation'>">   141                             <span class="<#ERROR name='ERRORLocation'>">
142                                 Location   142                                 Location
143                             </span>   143                             </span>
144                         </label>   144                         </label>
145                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   145                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
146                     </div>   146                     </div>
147                 </section>   147                 </section>
148     148  
149                 <section name="user-info">   149                 <section name="user-info">
150                     <h3 class="section-header">Request Information</h3>   150                     <h3 class="section-header">Request Information</h3>
151     151  
152                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   152                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
153                         <label for="RequestLink">   153                         <label for="RequestLink">
154                             <span class="<#ERROR name='ERRORRequestLink'>">   154                             <span class="<#ERROR name='ERRORRequestLink'>">
155                                 Request for   155                                 Request for
156                             </span>   156                             </span>
157                         </label>   157                         </label>
158                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">   158                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">
159                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">   159                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">
160                         </select>   160                         </select>
161                     </div>   161                     </div>
162     162  
163                     <div class="form-group col-md-4"> <>    
164                         <span class="<#PARAM name='BillingAccountsVisible' enabled='BillingAccountsEnabled' disabled='BillingAccountsDisabled'>"></span>   163                     <div class="form-group col-md-4 <#PARAM name='BillingAccountsVisible' disabled='d-none'>">
165                         <label for="BillingAccount">   164                         <label for="BillingAccountId">
166                             <span class="<#ERROR name='ERRORBillingAccount'>">   165                             <span class="<#ERROR name='ERRORBillingAccountId'>">
167                                 Billing Account = 166                                 Billing Account
168                             </span>   167                             </span>
169                         </label>   168                         </label>
170                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId">   169                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId">
171                             <#OPTION name="BillingAccounts">   170                             <#OPTION name="BillingAccounts">
172                         </select>   171                         </select>
173                     </div>   172                     </div>
174     173  
175                     <div class="form-group col-md-8">   174                     <div class="form-group col-md-8">
176                         <label for="Notes">   175                         <label for="Notes">
177                             <span class="<#ERROR name='ERRORNotes'>">   176                             <span class="<#ERROR name='ERRORNotes'>">
178                                 My Notes   177                                 My Notes
179                             </span>   178                             </span>
180                         </label>   179                         </label>
181                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 180                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
182                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   181                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
183                     </div> = 182                     </div>
184     183  
185                     <div class="form-group col-md-8">   184                     <div class="form-group col-md-8">
186                         <label for="SpecialRequest">   185                         <label for="SpecialRequest">
187                             <span class="<#ERROR name='ERRORSpecialRequest'>">   186                             <span class="<#ERROR name='ERRORSpecialRequest'>">
188                                 Special Requests/Questions?   187                                 Special Requests/Questions?
189                             </span>   188                             </span>
190                         </label>   189                         </label>
191                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 190                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
192                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   191                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
193                     </div> = 192                     </div>
194     193  
195                     <#INCLUDE filename="include_photoduplication.html">   194                     <#INCLUDE filename="include_photoduplication.html">
196     195  
197                 </section>   196                 </section>
198     197  
199                 <#INCLUDE filename="include_request_buttons_photoduplication.html">   198                 <#INCLUDE filename="include_request_buttons_photoduplication.html">
200             </form>   199             </form>
201         </main>   200         </main>
202         <#INCLUDE filename="include_footer.html">   201         <#INCLUDE filename="include_footer.html">
203     </div>   202     </div>
204     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>   203     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>
205     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>   204     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>
206     205  
207 </body>   206 </body>
208     207  
209 </html>   208 </html>

   
File: FirstTime.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>Aeon Logon</title> <> 6     <title>First Time User Registration</title>
7     <#INCLUDE filename="include_head.html"> = 7     <#INCLUDE filename="include_head.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11     <#INCLUDE filename="include_header.html">   11     <#INCLUDE filename="include_header.html">
12     12  
13     <div class="alerts-bar">   13     <div class="alerts-bar">
14         <div class="container" id="webAlerts"></div>   14         <div class="container" id="webAlerts"></div>
15     </div>   15     </div>
16     16  
17     <div id="statusLine" class="container">   17     <div id="statusLine" class="container">
18         By pressing the button below, you acknowledge and agree to all of the terms and conditions below.   18         By pressing the button below, you acknowledge and agree to all of the terms and conditions below.
19         Please pay particular attention to the copyright statement and the Aeon FAQ.   19         Please pay particular attention to the copyright statement and the Aeon FAQ.
20         After reading this information, you can press the "First Time Users Click Here" button below.   20         After reading this information, you can press the "First Time Users Click Here" button below.
21     </div>   21     </div>
22     22  
23     23  
24     <div class="container">   24     <div class="container">
25         <main id="content" aria-label="Content">   25         <main id="content" aria-label="Content">
26             <form action="aeon.dll" method="post" name="Logon">   26             <form action="aeon.dll" method="post" name="Logon">
27                 <input type="hidden" name="AeonForm" value="Logon">   27                 <input type="hidden" name="AeonForm" value="Logon">
28                 <#FORMSTATE>   28                 <#FORMSTATE>
29     29  
30                 <div class="info-block">   30                 <div class="info-block">
31                     <h2>First Time User Registration for Aeon</h2>   31                     <h2>First Time User Registration for Aeon</h2>
32     32  
33                     <div>To request an item, you must first identify yourself to the library's Aeon system. To do this you fill out a registration form using your Web browser.</div>   33                     <div>To request an item, you must first identify yourself to the library's Aeon system. To do this you fill out a registration form using your Web browser.</div>
34                     <div>Registration has three purposes:</div>   34                     <div>Registration has three purposes:</div>
35     35  
36                     <ul>   36                     <ul>
37                         <li>Entering your personal information into the Aeon system means you will not have to supply the information   37                         <li>Entering your personal information into the Aeon system means you will not have to supply the information
38                             again when making future requests.</li>   38                             again when making future requests.</li>
39                         <li>Having your email and regular mail addresses on file with Special Collections enables us to notify you   39                         <li>Having your email and regular mail addresses on file with Special Collections enables us to notify you
40                             promptly and deliver materials accurately.</li>   40                             promptly and deliver materials accurately.</li>
41                         <li>By specifying a Username and Password of your choosing, you will have secure access to information about   41                         <li>By specifying a Username and Password of your choosing, you will have secure access to information about
42                             your requests. You will also be able to review the list of items you have requested in the past.</li>   42                             your requests. You will also be able to review the list of items you have requested in the past.</li>
43                     </ul>   43                     </ul>
44                 </div>   44                 </div>
45     45  
46                 <div class="info-block">   46                 <div class="info-block">
47                     <h2>About your Username and Password</h2>   47                     <h2>About your Username and Password</h2>
48                     <div>   48                     <div>
49                         During registration, you will be asked to choose a Username and Password. You will use this Username and Password when logging   49                         During registration, you will be asked to choose a Username and Password. You will use this Username and Password when logging
50                         on to the Aeon system in the future.   50                         on to the Aeon system in the future.
51                     </div>   51                     </div>
52     52  
53                     <div>   53                     <div>
54                         <strong>Username</strong>   54                         <strong>Username</strong>
55                         <div>Choose anything you like, such as your name, abbreviations, or an alphanumeric code.</div>   55                         <div>Choose anything you like, such as your name, abbreviations, or an alphanumeric code.</div>
56     56  
57                         <strong>Password</strong>   57                         <strong>Password</strong>
58                         <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>   58                         <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>
59                         <div>Aeon will encrypt your password, so it will remain secure. Only you will know your password.</div>   59                         <div>Aeon will encrypt your password, so it will remain secure. Only you will know your password.</div>
60                     </div>   60                     </div>
61                 </div>    61                 </div> 
62     62  
63                 <div class="info-block">   63                 <div class="info-block">
64                     <h2>Important Copyright Information</h2>   64                     <h2>Important Copyright Information</h2>
65                     <div>WARNING CONCERNING COPYRIGHT RESTRICTIONS</div>   65                     <div>WARNING CONCERNING COPYRIGHT RESTRICTIONS</div>
66                     <div>The copyright law of the United States (Title 17, United States Code) governs the making of photocopies or   66                     <div>The copyright law of the United States (Title 17, United States Code) governs the making of photocopies or
67                             other reproductions of copyrighted materials.   67                             other reproductions of copyrighted materials.
68                     </div>   68                     </div>
69                     <div>Under certain conditions specified in the law, libraries and archives are authorized to furnish a photocopy   69                     <div>Under certain conditions specified in the law, libraries and archives are authorized to furnish a photocopy
70                             or other reproduction. One of these specified conditions is that the photocopy or reproduction is not   70                             or other reproduction. One of these specified conditions is that the photocopy or reproduction is not
71                             to be &quot;used for any purpose other than private study, scholarship, or research&quot;. If a user   71                             to be &quot;used for any purpose other than private study, scholarship, or research&quot;. If a user
72                             makes a request for, or later uses, a photocopy or reproduction for purposes in excess of &quot;fair   72                             makes a request for, or later uses, a photocopy or reproduction for purposes in excess of &quot;fair
73                             use&quot;, that user may be liable for copyright infringement.   73                             use&quot;, that user may be liable for copyright infringement.
74                     </div>   74                     </div>
75                     <div>This institution reserves the right to refuse to accept a copying order if, in its judgment, fulfillment   75                     <div>This institution reserves the right to refuse to accept a copying order if, in its judgment, fulfillment
76                             of the order would involve violation of copyright law.   76                             of the order would involve violation of copyright law.
77                     </div>   77                     </div>
78                 </div>   78                 </div>
79     79  
80                 <h2 class="mt-4">Aeon FAQ (Frequently Asked Questions)</h2>   80                 <h2 class="mt-4">Aeon FAQ (Frequently Asked Questions)</h2>
81                 <div>Before registering, you may wish to read the Aeon   81                 <div>Before registering, you may wish to read the Aeon
82                     <a href="<#ACTION action='10' form='4'>">FAQ</a>. The FAQ may answer other questions you have about the Aeon Special Collections Management System.   82                     <a href="<#ACTION action='10' form='4'>">FAQ</a>. The FAQ may answer other questions you have about the Aeon Special Collections Management System.
83                 </div>   83                 </div>
84     84  
85                 <div class="mb-4">By pressing this button you acknowledge and agree to all of the terms and conditions above. Please pay particular   85                 <div class="mb-4">By pressing this button you acknowledge and agree to all of the terms and conditions above. Please pay particular
86                         attention to the copyright statement and the Aeon FAQ. After reading this information, you can press   86                         attention to the copyright statement and the Aeon FAQ. After reading this information, you can press
87                         the &quot;First Time Users Click Here&quot; button to continue.</div>   87                         the &quot;First Time Users Click Here&quot; button to continue.</div>
88     88  
89                 <button class="btn btn-primary" type="submit" name="SubmitButton" value="First Time Users Click Here">First Time Users Click Here</button>   89                 <button class="btn btn-primary" type="submit" name="SubmitButton" value="First Time Users Click Here">First Time Users Click Here</button>
90     90  
91             </form>   91             </form>
92         </main>   92         </main>
93            93         
94         <#INCLUDE filename="include_footer.html">   94         <#INCLUDE filename="include_footer.html">
95     95  
96     </div>   96     </div>
97     97  
98 </body>   98 </body>
99     99  
100 </html>   100 </html>

   
File: GenericRequestManuscript.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>Aeon - New Request</title>   5     <title>Aeon - New Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11        11     
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13     13  
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post" id="RequestForm">   17             <form action="aeon.dll" method="post" id="RequestForm">
18                 <input type="hidden" name="AeonForm" value="GenericRequestManuscript">   18                 <input type="hidden" name="AeonForm" value="GenericRequestManuscript">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">   20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Loan">   23                 <input type="hidden" name="RequestType" value="Loan">
24                 <input type="hidden" name="DocumentType" value="Manuscript">   24                 <input type="hidden" name="DocumentType" value="Manuscript">
25     25  
26                 <h2> Describe a New Manuscript/Archives Request</h2>   26                 <h2> Describe a New Manuscript/Archives Request</h2>
27     27  
28                 <div id="statusLine"><#STATUS></div>   28                 <div id="statusLine"><#STATUS></div>
29     29  
30                 <section name="item-info">   30                 <section name="item-info">
31                    31                 
32                     <div class="d-flex"> <> 32                     <div class="d-flex flex-wrap">
33                         <h3 class="section-header">Item Information</h3> = 33                         <h3 class="section-header">Item Information</h3>
34                         <div class="ml-auto">   34                         <div class="ml-auto">
35                             <button id="SwitchToPhotoduplicationRequest" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="20" data-switchrequest-value="GenericRequestManuscriptPhotodup">   35                             <button id="SwitchToPhotoduplicationRequest" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="20" data-switchrequest-value="GenericRequestManuscriptPhotodup">
36                                 Switch to Photoduplication Request   36                                 Switch to Photoduplication Request
37                             </button>   37                             </button>
38                         </div>   38                         </div>
39                     </div>   39                     </div>
40                        40                     
41                     <div class="form-group col-md-8">   41                     <div class="form-group col-md-8">
42                         <label for="ItemTitle">   42                         <label for="ItemTitle">
43                             <span class="<#ERROR name='ERRORItemTitle'>">   43                             <span class="<#ERROR name='ERRORItemTitle'>">
44                                 Title   44                                 Title
45                                 <span class="req">(required)</span>   45                                 <span class="req">(required)</span>
46                             </span>   46                             </span>
47                         </label>   47                         </label>
48                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>   48                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>
49                     </div>   49                     </div>
50     50  
51                     <div class="form-group col-md-8">   51                     <div class="form-group col-md-8">
52                         <label for="ItemAuthor">   52                         <label for="ItemAuthor">
53                             <span class="<#ERROR name='ERRORItemAuthor'>">   53                             <span class="<#ERROR name='ERRORItemAuthor'>">
54                                 Author/Creator   54                                 Author/Creator
55                             </span>   55                             </span>
56                         </label>   56                         </label>
57                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   57                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
58                     </div>   58                     </div>
59     59  
60                     <div class="form-group col-md-3">   60                     <div class="form-group col-md-3">
61                         <label for="ItemDate">   61                         <label for="ItemDate">
62                             <span class="<#ERROR name='ERRORItemDate'>">   62                             <span class="<#ERROR name='ERRORItemDate'>">
63                                 Date(s)   63                                 Date(s)
64                             </span>   64                             </span>
65                         </label>   65                         </label>
66                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   66                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
67                     </div>   67                     </div>
68     68  
69                     <div class="form-group col-md-5">   69                     <div class="form-group col-md-5">
70                         <label for="Location">   70                         <label for="Location">
71                             <span class="<#ERROR name='ERRORLocation'>">   71                             <span class="<#ERROR name='ERRORLocation'>">
72                                 Collection Name/Location   72                                 Collection Name/Location
73                             </span>   73                             </span>
74                         </label>   74                         </label>
75                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   75                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
76                     </div>   76                     </div>
77     77  
78                     <div class="form-group col-md-5">   78                     <div class="form-group col-md-5">
79                         <label for="CallNumber">   79                         <label for="CallNumber">
80                             <span class="<#ERROR name='ERRORCallNumber'>">   80                             <span class="<#ERROR name='ERRORCallNumber'>">
81                                 Call Number   81                                 Call Number
82                             </span>   82                             </span>
83                         </label>   83                         </label>
84                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   84                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
85                     </div>   85                     </div>
86     86  
87                     <div class="form-group col-md-3">   87                     <div class="form-group col-md-3">
88                         <label for="ItemVolume">   88                         <label for="ItemVolume">
89                             <span class="<#ERROR name='ERRORItemVolume'>">   89                             <span class="<#ERROR name='ERRORItemVolume'>">
90                                 Box(es)/Folder(s)   90                                 Box(es)/Folder(s)
91                             </span>   91                             </span>
92                         </label>   92                         </label>
93                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   93                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
94                     </div>   94                     </div>
95                 </section>   95                 </section>
96     96  
97                 <section name="user-info">   97                 <section name="user-info">
98                     <h3 class="section-header">Request Information</h3>   98                     <h3 class="section-header">Request Information</h3>
99     99  
100                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   100                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
101                         <label for="RequestLink">   101                         <label for="RequestLink">
102                             <span class="<#ERROR name='ERRORRequestLink'>">   102                             <span class="<#ERROR name='ERRORRequestLink'>">
103                                 Request for   103                                 Request for
104                             </span>   104                             </span>
105                         </label>   105                         </label>
106                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">   106                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">
107                             <#OPTION name="RequestLinks" hideUsernames="true">   107                             <#OPTION name="RequestLinks" hideUsernames="true">
108                         </select>   108                         </select>
109                     </div>   109                     </div>
110     110  
111                     <div class="form-group col-md-8">   111                     <div class="form-group col-md-8">
112                         <label for="Notes">   112                         <label for="Notes">
113                             <span class="<#ERROR name='ERRORNotes'>">   113                             <span class="<#ERROR name='ERRORNotes'>">
114                                 My Notes   114                                 My Notes
115                             </span>   115                             </span>
116                         </label>   116                         </label>
117                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 117                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
118                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   118                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
119                     </div> = 119                     </div>
120     120  
121                     <div class="form-group col-md-8">   121                     <div class="form-group col-md-8">
122                         <label for="SpecialRequest">   122                         <label for="SpecialRequest">
123                             <span class="<#ERROR name='ERRORSpecialRequest'>">   123                             <span class="<#ERROR name='ERRORSpecialRequest'>">
124                                 Special Requests/Questions?   124                                 Special Requests/Questions?
125                             </span>   125                             </span>
126                         </label>   126                         </label>
127                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 127                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
128                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   128                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
129                     </div> = 129                     </div>
130     130  
131                     <#INCLUDE filename="include_ResearcherTags.html">   131                     <#INCLUDE filename="include_ResearcherTags.html">
132     132  
133                     <div class="form-group col-sm-4">   133                     <div class="form-group col-sm-4">
134                         <label for="ScheduledDate">   134                         <label for="ScheduledDate">
135                             <span class="<#ERROR name='ERRORScheduledDate'>">   135                             <span class="<#ERROR name='ERRORScheduledDate'>">
136                                 Date of Visit   136                                 Date of Visit
137                             </span>   137                             </span>
138                         </label>   138                         </label>
139                         <div class="input-group">   139                         <div class="input-group">
140                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text" aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='ScheduledDate'>"> <> 140                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate scheduledDateNotes" value="<#PARAM name='ScheduledDate'>">
141                             <div class="input-group-append"> = 141                             <div class="input-group-append">
142                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate" aria-label="Calendar">   142                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
143                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>   143                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
144                             </button>   144                             </button>
145                             </div>   145                             </div>
146                         </div>   146                         </div>
147     147  
148                         <div class="small-notes"> <> 148                         <div class="small-notes" id="scheduledDateNotes">
149                             Select the date you plan to visit. = 149                             Select the date you plan to visit.
150                         </div>   150                         </div>
151                     </div>   151                     </div>
152                 </section>   152                 </section>
153     153  
154                 <#INCLUDE filename="include_request_buttons.html">   154                 <#INCLUDE filename="include_request_buttons.html">
155                155             
156             </form>   156             </form>
157         </main>   157         </main>
158         <#INCLUDE filename="include_footer.html">   158         <#INCLUDE filename="include_footer.html">
159     </div>   159     </div>
160 </body>   160 </body>
161     161  
162 </html>   162 </html>

   
File: GenericRequestManuscriptPhotodup.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>Aeon - New Manuscript/Archives Photoduplication Request</title>   5     <title>Aeon - New Manuscript/Archives Photoduplication Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11     11  
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13       13    
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post" id="RequestForm">   17             <form action="aeon.dll" method="post" id="RequestForm">
18                 <input type="hidden" name="AeonForm" value="GenericRequestManuscriptPhotodup">   18                 <input type="hidden" name="AeonForm" value="GenericRequestManuscriptPhotodup">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">   20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Copy">   23                 <input type="hidden" name="RequestType" value="Copy">
24                 <input type="hidden" name="DocumentType" value="Manuscript">   24                 <input type="hidden" name="DocumentType" value="Manuscript">
25     25  
26                 <h2> Describe a New Manuscript/Archives Photoduplication Request</h2>   26                 <h2> Describe a New Manuscript/Archives Photoduplication Request</h2>
27                 <div id="statusLine"><#STATUS></div>   27                 <div id="statusLine"><#STATUS></div>
28     28  
29                 <section name="item-info">   29                 <section name="item-info">
30     30  
31                     <div class="d-flex"> <> 31                     <div class="d-flex flex-wrap">
32                         <h3 class="section-header">Item Information</h3> = 32                         <h3 class="section-header">Item Information</h3>
33                         <div class="ml-auto">   33                         <div class="ml-auto">
34                             <button id="SwitchToDefault" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="20" data-switchrequest-value="GenericRequestManuscript">   34                             <button id="SwitchToDefault" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="20" data-switchrequest-value="GenericRequestManuscript">
35                             Switch to Manuscript/Archives Request   35                             Switch to Manuscript/Archives Request
36                             </button>   36                             </button>
37                         </div>   37                         </div>
38                     </div>   38                     </div>
39     39  
40                     <div class="form-group col-md-8">   40                     <div class="form-group col-md-8">
41                         <label for="ItemTitle">   41                         <label for="ItemTitle">
42                             <span class="<#ERROR name='ERRORItemTitle'>">   42                             <span class="<#ERROR name='ERRORItemTitle'>">
43                                 Title   43                                 Title
44                                 <span class="req">(required)</span>   44                                 <span class="req">(required)</span>
45                             </span>   45                             </span>
46                         </label>   46                         </label>
47                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>   47                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>
48                     </div>   48                     </div>
49                        49                     
50                     <div class="form-group col-md-8">   50                     <div class="form-group col-md-8">
51                         <label for="ItemAuthor">   51                         <label for="ItemAuthor">
52                             <span class="<#ERROR name='ERRORItemAuthor'>">   52                             <span class="<#ERROR name='ERRORItemAuthor'>">
53                                 Author/Creator   53                                 Author/Creator
54                             </span>   54                             </span>
55                         </label>   55                         </label>
56                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   56                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
57                     </div>   57                     </div>
58     58  
59                     <div class="form-group col-md-3">   59                     <div class="form-group col-md-3">
60                         <label for="ItemDate">   60                         <label for="ItemDate">
61                             <span class="<#ERROR name='ERRORItemDate'>">   61                             <span class="<#ERROR name='ERRORItemDate'>">
62                                 Date(s)   62                                 Date(s)
63                             </span>   63                             </span>
64                         </label>   64                         </label>
65                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   65                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
66                     </div>   66                     </div>
67     67  
68                     <div class="form-group col-md-5">   68                     <div class="form-group col-md-5">
69                         <label for="Location">   69                         <label for="Location">
70                             <span class="<#ERROR name='ERRORLocation'>">   70                             <span class="<#ERROR name='ERRORLocation'>">
71                                 Collection Name/Location   71                                 Collection Name/Location
72                             </span>   72                             </span>
73                         </label>   73                         </label>
74                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   74                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
75                     </div>   75                     </div>
76     76  
77                     <div class="form-group col-md-5">   77                     <div class="form-group col-md-5">
78                         <label for="CallNumber">   78                         <label for="CallNumber">
79                             <span class="<#ERROR name='ERRORCallNumber'>">   79                             <span class="<#ERROR name='ERRORCallNumber'>">
80                                 Call Number   80                                 Call Number
81                             </span>   81                             </span>
82                         </label>   82                         </label>
83                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   83                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
84                     </div>   84                     </div>
85     85  
86                     <div class="form-group col-md-3">   86                     <div class="form-group col-md-3">
87                         <label for="ItemVolume">   87                         <label for="ItemVolume">
88                             <span class="<#ERROR name='ERRORItemVolume'>">   88                             <span class="<#ERROR name='ERRORItemVolume'>">
89                                 Box(es)/Folder(s)   89                                 Box(es)/Folder(s)
90                             </span>   90                             </span>
91                         </label>   91                         </label>
92                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   92                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
93                     </div>   93                     </div>
94                 </section>   94                 </section>
95     95  
96                 <section name="order-info">   96                 <section name="order-info">
97                     <h3 class="section-header">Order Information</h3>   97                     <h3 class="section-header">Order Information</h3>
98                     <#INCLUDE filename="include_photoduplication.html">   98                     <#INCLUDE filename="include_photoduplication.html">
99                 </section>   99                 </section>
100     100  
101                 <section name="user-info">   101                 <section name="user-info">
102     102  
103                     <h3 class="section-header">Request Information</h3>   103                     <h3 class="section-header">Request Information</h3>
104     104  
105                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   105                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
106                         <label for="RequestLink">   106                         <label for="RequestLink">
107                             <span class="<#ERROR name='ERRORRequestLink'>">   107                             <span class="<#ERROR name='ERRORRequestLink'>">
108                                 Request for   108                                 Request for
109                             </span>   109                             </span>
110                         </label>   110                         </label>
111                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">   111                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">
112                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">   112                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">
113                         </select>   113                         </select>
114                     </div>   114                     </div>
115     115  
116                     <div class="form-group col-md-4"> <>    
117                         <span class="<#PARAM name='BillingAccountsVisible' enabled='BillingAccountsEnabled' disabled='BillingAccountsDisabled'>"></span>   116                     <div class="form-group col-md-4 <#PARAM name='BillingAccountsVisible' disabled='d-none'>">
118                         <label for="BillingAccount">   117                         <label for="BillingAccountId">
119                             <span class="<#ERROR name='ERRORBillingAccount'>">   118                             <span class="<#ERROR name='ERRORBillingAccountId'>">
120                                 Billing Account = 119                                 Billing Account
121                             </span>   120                             </span>
122                         </label>   121                         </label>
123                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId">   122                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId">
124                             <#OPTION name="BillingAccounts">   123                             <#OPTION name="BillingAccounts">
125                         </select>   124                         </select>
126                     </div>   125                     </div>
127     126  
128                     <div class="form-group col-md-8">   127                     <div class="form-group col-md-8">
129                         <label for="Notes">   128                         <label for="Notes">
130                             <span class="<#ERROR name='ERRORNotes'>">   129                             <span class="<#ERROR name='ERRORNotes'>">
131                                 My Notes   130                                 My Notes
132                             </span>   131                             </span>
133                         </label>   132                         </label>
134                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 133                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
135                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   134                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
136                     </div> = 135                     </div>
137     136  
138                     <div class="form-group col-md-8">   137                     <div class="form-group col-md-8">
139                         <label for="SpecialRequest">   138                         <label for="SpecialRequest">
140                             <span class="<#ERROR name='ERRORSpecialRequest'>">   139                             <span class="<#ERROR name='ERRORSpecialRequest'>">
141                                 Special Requests/Questions?   140                                 Special Requests/Questions?
142                             </span>   141                             </span>
143                         </label>   142                         </label>
144                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 143                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
145                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   144                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
146                     </div> = 145                     </div>
147     146  
148                 </section>   147                 </section>
149     148  
150                 <#INCLUDE filename="include_request_buttons_photoduplication.html">   149                 <#INCLUDE filename="include_request_buttons_photoduplication.html">
151            150         
152             </form>   151             </form>
153         </main>   152         </main>
154         <#INCLUDE filename="include_footer.html">   153         <#INCLUDE filename="include_footer.html">
155     </div>   154     </div>
156     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>   155     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>
157     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>   156     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>
158     157  
159 </body>   158 </body>
160     159  
161 </html>   160 </html>
162     161  

   
File: GenericRequestMonograph.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>Aeon - New Request</title>   5     <title>Aeon - New Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11        11     
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13       13    
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post" name="DefaultRequest" id="RequestForm">   17             <form action="aeon.dll" method="post" name="DefaultRequest" id="RequestForm">
18                 <input type="hidden" name="AeonForm" value="GenericRequestMonograph">   18                 <input type="hidden" name="AeonForm" value="GenericRequestMonograph">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">   20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Loan">   23                 <input type="hidden" name="RequestType" value="Loan">
24                 <input type="hidden" name="DocumentType" value="Monograph">   24                 <input type="hidden" name="DocumentType" value="Monograph">
25     25  
26                 <h2> Describe a New Monograph Request</h2>   26                 <h2> Describe a New Monograph Request</h2>
27     27  
28                 <div id="statusLine"><#STATUS></div>   28                 <div id="statusLine"><#STATUS></div>
29     29  
30                 <section name="item-info">   30                 <section name="item-info">
31                    31                 
32                     <div class="d-flex"> <> 32                     <div class="d-flex flex-wrap">
33                         <h3 class="section-header">Item Information</h3> = 33                         <h3 class="section-header">Item Information</h3>
34                         <div class="ml-auto">   34                         <div class="ml-auto">
35                             <button id="SwitchToPhotoduplicationRequest" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="20" data-switchrequest-value="GenericRequestMonographPhotodup">   35                             <button id="SwitchToPhotoduplicationRequest" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="20" data-switchrequest-value="GenericRequestMonographPhotodup">
36                                 Switch to Photoduplication Request   36                                 Switch to Photoduplication Request
37                             </button>   37                             </button>
38                         </div>   38                         </div>
39                     </div>   39                     </div>
40                        40                     
41                     <div class="form-group col-md-8">   41                     <div class="form-group col-md-8">
42                         <label for="ItemTitle">   42                         <label for="ItemTitle">
43                             <span class="<#ERROR name='ERRORItemTitle'>">   43                             <span class="<#ERROR name='ERRORItemTitle'>">
44                                 Title   44                                 Title
45                                 <span class="req">(required)</span>   45                                 <span class="req">(required)</span>
46                             </span>   46                             </span>
47                         </label>   47                         </label>
48                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>   48                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>
49                     </div>   49                     </div>
50                        50                     
51                     <div class="form-group col-md-8">   51                     <div class="form-group col-md-8">
52                         <label for="ItemAuthor">   52                         <label for="ItemAuthor">
53                             <span class="<#ERROR name='ERRORItemAuthor'>">   53                             <span class="<#ERROR name='ERRORItemAuthor'>">
54                                 Author   54                                 Author
55                             </span>   55                             </span>
56                         </label>   56                         </label>
57                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   57                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
58                     </div>   58                     </div>
59     59  
60                     <div class="form-group col-md-5">   60                     <div class="form-group col-md-5">
61                         <label for="ItemPlace">   61                         <label for="ItemPlace">
62                             <span class="<#ERROR name='ERRORItemPlace'>">   62                             <span class="<#ERROR name='ERRORItemPlace'>">
63                                 Place of Publication   63                                 Place of Publication
64                             </span>   64                             </span>
65                         </label>   65                         </label>
66                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">   66                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">
67                     </div>   67                     </div>
68     68  
69                     <div class="form-group col-md-5">   69                     <div class="form-group col-md-5">
70                         <label for="ItemPublisher">   70                         <label for="ItemPublisher">
71                             <span class="<#ERROR name='ERRORItemPublisher'>">   71                             <span class="<#ERROR name='ERRORItemPublisher'>">
72                                 Publisher   72                                 Publisher
73                             </span>   73                             </span>
74                         </label>   74                         </label>
75                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">   75                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">
76                     </div>   76                     </div>
77     77  
78                     <div class="form-group col-md-3">   78                     <div class="form-group col-md-3">
79                         <label for="ItemDate">   79                         <label for="ItemDate">
80                             <span class="<#ERROR name='ERRORItemDate'>">   80                             <span class="<#ERROR name='ERRORItemDate'>">
81                                 Date   81                                 Date
82                             </span>   82                             </span>
83                         </label>   83                         </label>
84                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   84                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
85                     </div>   85                     </div>
86     86  
87                     <div class="form-group col-md-3">   87                     <div class="form-group col-md-3">
88                         <label for="ItemEdition">   88                         <label for="ItemEdition">
89                             <span class="<#ERROR name='ERRORItemEdition'>">   89                             <span class="<#ERROR name='ERRORItemEdition'>">
90                                 Edition   90                                 Edition
91                             </span>   91                             </span>
92                         </label>   92                         </label>
93                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">   93                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">
94                     </div>   94                     </div>
95     95  
96                     <div class="form-group col-md-3">   96                     <div class="form-group col-md-3">
97                         <label for="ItemVolume">   97                         <label for="ItemVolume">
98                             <span class="<#ERROR name='ERRORItemVolume'>">   98                             <span class="<#ERROR name='ERRORItemVolume'>">
99                                 Volume   99                                 Volume
100                             </span>   100                             </span>
101                         </label>   101                         </label>
102                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   102                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
103                     </div>   103                     </div>
104     104  
105                     <div class="form-group col-md-3">   105                     <div class="form-group col-md-3">
106                         <label for="ItemIssue">   106                         <label for="ItemIssue">
107                             <span class="<#ERROR name='ERRORItemIssue'>">   107                             <span class="<#ERROR name='ERRORItemIssue'>">
108                                 Copy   108                                 Copy
109                             </span>   109                             </span>
110                         </label>   110                         </label>
111                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">   111                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">
112                     </div>   112                     </div>
113     113  
114                     <div class="form-group col-md-5">   114                     <div class="form-group col-md-5">
115                         <label for="CallNumber">   115                         <label for="CallNumber">
116                             <span class="<#ERROR name='ERRORCallNumber'>">   116                             <span class="<#ERROR name='ERRORCallNumber'>">
117                                 Call Number   117                                 Call Number
118                             </span>   118                             </span>
119                         </label>   119                         </label>
120                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   120                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
121                     </div>   121                     </div>
122     122  
123                     <div class="form-group col-md-5">   123                     <div class="form-group col-md-5">
124                         <label for="Location">   124                         <label for="Location">
125                             <span class="<#ERROR name='ERRORLocation'>">   125                             <span class="<#ERROR name='ERRORLocation'>">
126                                 Collection Name/Location   126                                 Collection Name/Location
127                             </span>   127                             </span>
128                         </label>   128                         </label>
129                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   129                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
130                     </div>   130                     </div>
131                 </section>   131                 </section>
132     132  
133                 <section name="user-info">   133                 <section name="user-info">
134                     <h3 class="section-header">Request Information</h3>   134                     <h3 class="section-header">Request Information</h3>
135     135  
136                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   136                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
137                         <label for="RequestLink">   137                         <label for="RequestLink">
138                             <span class="<#ERROR name='ERRORRequestLink'>">   138                             <span class="<#ERROR name='ERRORRequestLink'>">
139                                 Request for   139                                 Request for
140                             </span>   140                             </span>
141                         </label>   141                         </label>
142                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">   142                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">
143                             <#OPTION name="RequestLinks" hideUsernames="true">   143                             <#OPTION name="RequestLinks" hideUsernames="true">
144                         </select>   144                         </select>
145     145  
146                     </div>   146                     </div>
147     147  
148                     <div class="form-group col-md-8">   148                     <div class="form-group col-md-8">
149                         <label for="Notes">   149                         <label for="Notes">
150                             <span class="<#ERROR name='ERRORNotes'>">   150                             <span class="<#ERROR name='ERRORNotes'>">
151                                 My Notes   151                                 My Notes
152                             </span>   152                             </span>
153                         </label>   153                         </label>
154                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="50"><#PARAM name="Notes"></textarea> <> 154                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
155                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   155                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
156                     </div> = 156                     </div>
157     157  
158                     <div class="form-group col-md-8">   158                     <div class="form-group col-md-8">
159                         <label for="SpecialRequest">   159                         <label for="SpecialRequest">
160                             <span class="<#ERROR name='ERRORSpecialRequest'>">   160                             <span class="<#ERROR name='ERRORSpecialRequest'>">
161                                 Special Requests/Questions?   161                                 Special Requests/Questions?
162                             </span>   162                             </span>
163                         </label>   163                         </label>
164                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="50"><#PARAM name="SpecialRequest"></textarea> <> 164                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
165                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   165                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
166                     </div> = 166                     </div>
167     167  
168                     <#INCLUDE filename="include_ResearcherTags.html">   168                     <#INCLUDE filename="include_ResearcherTags.html">
169     169  
170                     <div class="form-group col-sm-4">   170                     <div class="form-group col-sm-4">
171                         <label for="ScheduledDate">   171                         <label for="ScheduledDate">
172                             <span class="<#ERROR name='ERRORScheduledDate'>">   172                             <span class="<#ERROR name='ERRORScheduledDate'>">
173                                 Date of Visit   173                                 Date of Visit
174                             </span>   174                             </span>
175                         </label>   175                         </label>
176                         <div class="input-group">   176                         <div class="input-group">
177                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text" aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='ScheduledDate'>"> <> 177                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate scheduledDateNotes" value="<#PARAM name='ScheduledDate'>">
178                             <div class="input-group-append"> = 178                             <div class="input-group-append">
179                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate" aria-label="Calendar">   179                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
180                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>   180                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
181                             </button>   181                             </button>
182                             </div>   182                             </div>
183                         </div>   183                         </div>
184     184  
185                         <div class="small-notes"> <> 185                         <div class="small-notes" id="scheduledDateNotes">
186                             Select the date you plan to visit. = 186                             Select the date you plan to visit.
187                         </div>   187                         </div>
188                     </div>   188                     </div>
189                 </section>   189                 </section>
190     190  
191                 <#INCLUDE filename="include_request_buttons.html">   191                 <#INCLUDE filename="include_request_buttons.html">
192                192             
193             </form>   193             </form>
194         </main>   194         </main>
195         <#INCLUDE filename="include_footer.html">   195         <#INCLUDE filename="include_footer.html">
196     </div>   196     </div>
197 </body>   197 </body>
198     198  
199 </html>   199 </html>
200     200  

   
File: GenericRequestMonographPhotodup.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>Aeon - New Monograph Photoduplication Request</title>   5     <title>Aeon - New Monograph Photoduplication Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11     11  
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13       13    
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post" id="RequestForm">   17             <form action="aeon.dll" method="post" id="RequestForm">
18                 <input type="hidden" name="AeonForm" value="GenericRequestMonographPhotodup">   18                 <input type="hidden" name="AeonForm" value="GenericRequestMonographPhotodup">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">   20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Copy">   23                 <input type="hidden" name="RequestType" value="Copy">
24                 <input type="hidden" name="DocumentType" value="Monograph">   24                 <input type="hidden" name="DocumentType" value="Monograph">
25     25  
26                 <h2> Describe a New Monograph Photoduplication Request</h2>   26                 <h2> Describe a New Monograph Photoduplication Request</h2>
27                 <div id="statusLine"><#STATUS></div>   27                 <div id="statusLine"><#STATUS></div>
28     28  
29                 <section name="item-info">   29                 <section name="item-info">
30                    30                 
31                     <div class="d-flex"> <> 31                     <div class="d-flex flex-wrap">
32                         <h3 class="section-header">Item Information</h3> = 32                         <h3 class="section-header">Item Information</h3>
33                         <div class="ml-auto">   33                         <div class="ml-auto">
34                             <button id="SwitchToDefault" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="20" data-switchrequest-value="GenericRequestMonograph">   34                             <button id="SwitchToDefault" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="20" data-switchrequest-value="GenericRequestMonograph">
35                                 Switch to Published Materials Request   35                                 Switch to Published Materials Request
36                             </button>   36                             </button>
37                         </div>   37                         </div>
38                     </div>   38                     </div>
39                        39                     
40                     <div class="form-group col-md-8">   40                     <div class="form-group col-md-8">
41                         <label for="ItemTitle">   41                         <label for="ItemTitle">
42                             <span class="<#ERROR name='ERRORItemTitle'>">   42                             <span class="<#ERROR name='ERRORItemTitle'>">
43                                 Title   43                                 Title
44                                 <span class="req">(required)</span>   44                                 <span class="req">(required)</span>
45                             </span>   45                             </span>
46                         </label>   46                         </label>
47                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>   47                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>
48                     </div>   48                     </div>
49                        49                     
50                     <div class="form-group col-md-8">   50                     <div class="form-group col-md-8">
51                         <label for="ItemAuthor">   51                         <label for="ItemAuthor">
52                             <span class="<#ERROR name='ERRORItemAuthor'>">   52                             <span class="<#ERROR name='ERRORItemAuthor'>">
53                                 Author   53                                 Author
54                             </span>   54                             </span>
55                         </label>   55                         </label>
56                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   56                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
57                     </div>   57                     </div>
58     58  
59                     <div class="form-group col-md-5">   59                     <div class="form-group col-md-5">
60                         <label for="ItemPlace">   60                         <label for="ItemPlace">
61                             <span class="<#ERROR name='ERRORItemPlace'>">   61                             <span class="<#ERROR name='ERRORItemPlace'>">
62                                 Place of Publication   62                                 Place of Publication
63                             </span>   63                             </span>
64                         </label>   64                         </label>
65                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">   65                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">
66                     </div>   66                     </div>
67     67  
68                     <div class="form-group col-md-5">   68                     <div class="form-group col-md-5">
69                         <label for="ItemPublisher">   69                         <label for="ItemPublisher">
70                             <span class="<#ERROR name='ERRORItemPublisher'>">   70                             <span class="<#ERROR name='ERRORItemPublisher'>">
71                                 Publisher   71                                 Publisher
72                             </span>   72                             </span>
73                         </label>   73                         </label>
74                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">   74                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">
75                     </div>   75                     </div>
76     76  
77                     <div class="form-group col-md-3">   77                     <div class="form-group col-md-3">
78                         <label for="ItemDate">   78                         <label for="ItemDate">
79                             <span class="<#ERROR name='ERRORItemDate'>">   79                             <span class="<#ERROR name='ERRORItemDate'>">
80                                 Date   80                                 Date
81                             </span>   81                             </span>
82                         </label>   82                         </label>
83                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   83                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
84                     </div>   84                     </div>
85     85  
86                     <div class="form-group col-md-3">   86                     <div class="form-group col-md-3">
87                         <label for="ItemEdition">   87                         <label for="ItemEdition">
88                             <span class="<#ERROR name='ERRORItemEdition'>">   88                             <span class="<#ERROR name='ERRORItemEdition'>">
89                                 Edition   89                                 Edition
90                             </span>   90                             </span>
91                         </label>   91                         </label>
92                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">   92                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">
93                     </div>   93                     </div>
94     94  
95                     <div class="form-group col-md-3">   95                     <div class="form-group col-md-3">
96                         <label for="ItemVolume">   96                         <label for="ItemVolume">
97                             <span class="<#ERROR name='ERRORItemVolume'>">   97                             <span class="<#ERROR name='ERRORItemVolume'>">
98                                 Volume   98                                 Volume
99                             </span>   99                             </span>
100                         </label>   100                         </label>
101                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   101                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
102                     </div>   102                     </div>
103     103  
104                     <div class="form-group col-md-3">   104                     <div class="form-group col-md-3">
105                         <label for="ItemIssue">   105                         <label for="ItemIssue">
106                             <span class="<#ERROR name='ERRORItemIssue'>">   106                             <span class="<#ERROR name='ERRORItemIssue'>">
107                                 Copy   107                                 Copy
108                             </span>   108                             </span>
109                         </label>   109                         </label>
110                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">   110                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">
111                     </div>   111                     </div>
112     112  
113                     <div class="form-group col-md-5">   113                     <div class="form-group col-md-5">
114                         <label for="CallNumber">   114                         <label for="CallNumber">
115                             <span class="<#ERROR name='ERRORCallNumber'>">   115                             <span class="<#ERROR name='ERRORCallNumber'>">
116                                 Call Number   116                                 Call Number
117                             </span>   117                             </span>
118                         </label>   118                         </label>
119                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   119                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
120                     </div>   120                     </div>
121     121  
122                     <div class="form-group col-md-5">   122                     <div class="form-group col-md-5">
123                         <label for="Location">   123                         <label for="Location">
124                             <span class="<#ERROR name='ERRORLocation'>">   124                             <span class="<#ERROR name='ERRORLocation'>">
125                                 Collection Name/Location   125                                 Collection Name/Location
126                             </span>   126                             </span>
127                         </label>   127                         </label>
128                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   128                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
129                     </div>   129                     </div>
130                 </section>   130                 </section>
131     131  
132                 <section name="order-info">   132                 <section name="order-info">
133                     <h3 class="section-header">Order Information</h3>   133                     <h3 class="section-header">Order Information</h3>
134                     <#INCLUDE filename="include_photoduplication.html">   134                     <#INCLUDE filename="include_photoduplication.html">
135                 </section>   135                 </section>
136     136  
137                 <section name="user-info">   137                 <section name="user-info">
138     138  
139                     <h3 class="section-header">Request Information</h3>   139                     <h3 class="section-header">Request Information</h3>
140     140  
141                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   141                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
142                         <label for="RequestLink">   142                         <label for="RequestLink">
143                             <span class="<#ERROR name='ERRORRequestLink'>">   143                             <span class="<#ERROR name='ERRORRequestLink'>">
144                                 Request for   144                                 Request for
145                             </span>   145                             </span>
146                         </label>   146                         </label>
147                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">   147                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">
148                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">   148                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">
149                         </select>   149                         </select>
150                     </div>   150                     </div>
151     151  
152                     <div class="form-group col-md-4"> <>    
153                         <span class="<#PARAM name='BillingAccountsVisible' enabled='BillingAccountsEnabled' disabled='BillingAccountsDisabled'>"></span>   152                     <div class="form-group col-md-4 <#PARAM name='BillingAccountsVisible' disabled='d-none'>">
154                         <label for="BillingAccount">   153                         <label for="BillingAccountId">
155                             <span class="<#ERROR name='ERRORBillingAccount'>">   154                             <span class="<#ERROR name='ERRORBillingAccountId'>">
156                                 Billing Account = 155                                 Billing Account
157                             </span>   156                             </span>
158                         </label>   157                         </label>
159                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId">   158                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId">
160                             <#OPTION name="BillingAccounts">   159                             <#OPTION name="BillingAccounts">
161                         </select>   160                         </select>
162                     </div>   161                     </div>
163     162  
164                     <div class="form-group col-md-8">   163                     <div class="form-group col-md-8">
165                         <label for="Notes">   164                         <label for="Notes">
166                             <span class="<#ERROR name='ERRORNotes'>">   165                             <span class="<#ERROR name='ERRORNotes'>">
167                                 My Notes   166                                 My Notes
168                             </span>   167                             </span>
169                         </label>   168                         </label>
170                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 169                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
171                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   170                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
172                     </div> = 171                     </div>
173     172  
174                     <div class="form-group col-md-8">   173                     <div class="form-group col-md-8">
175                         <label for="SpecialRequest">   174                         <label for="SpecialRequest">
176                             <span class="<#ERROR name='ERRORSpecialRequest'>">   175                             <span class="<#ERROR name='ERRORSpecialRequest'>">
177                                 Special Requests/Questions?   176                                 Special Requests/Questions?
178                             </span>   177                             </span>
179                         </label>   178                         </label>
180                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 179                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
181                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   180                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
182                     </div> = 181                     </div>
183     182  
184                 </section>   183                 </section>
185     184  
186                 <#INCLUDE filename="include_request_buttons_photoduplication.html">   185                 <#INCLUDE filename="include_request_buttons_photoduplication.html">
187            186         
188             </form>   187             </form>
189         </main>   188         </main>
190         <#INCLUDE filename="include_footer.html">   189         <#INCLUDE filename="include_footer.html">
191     </div>   190     </div>
192     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>   191     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>
193     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>   192     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>
194     193  
195 </body>   194 </body>
196     195  
197 </html>   196 </html>
198     197  

   
File: GenericRequestSerial.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>Aeon - New Request</title>   5     <title>Aeon - New Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11       11    
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13        13     
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post" id="RequestForm">   17             <form action="aeon.dll" method="post" id="RequestForm">
18                 <input type="hidden" name="AeonForm" value="GenericRequestSerial">   18                 <input type="hidden" name="AeonForm" value="GenericRequestSerial">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">   20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Loan">   23                 <input type="hidden" name="RequestType" value="Loan">
24                 <input type="hidden" name="DocumentType" value="Serial">   24                 <input type="hidden" name="DocumentType" value="Serial">
25     25  
26                 <h2>Describe a New Serial Request</h2>   26                 <h2>Describe a New Serial Request</h2>
27     27  
28                 <div id="statusLine"><#STATUS></div>   28                 <div id="statusLine"><#STATUS></div>
29     29  
30                 <section name="item-info">   30                 <section name="item-info">
31                     <h3 class="section-header">Item Information</h3>   31                     <h3 class="section-header">Item Information</h3>
32     32  
33                     <div class="form-group col-md-8">   33                     <div class="form-group col-md-8">
34                         <label for="ItemTitle">   34                         <label for="ItemTitle">
35                             <span class="<#ERROR name='ERRORItemTitle'>">   35                             <span class="<#ERROR name='ERRORItemTitle'>">
36                                 Title   36                                 Title
37                                 <span class="req">(required)</span>   37                                 <span class="req">(required)</span>
38                             </span>   38                             </span>
39                         </label>   39                         </label>
40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>   40                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="50" required><#PARAM name="ItemTitle"></textarea>
41                     </div>   41                     </div>
42     42  
43                     <div class="form-group col-md-5">   43                     <div class="form-group col-md-5">
44                         <label for="ItemPlace">   44                         <label for="ItemPlace">
45                             <span class="<#ERROR name='ERRORItemPlace'>">   45                             <span class="<#ERROR name='ERRORItemPlace'>">
46                                 Place of Publication   46                                 Place of Publication
47                             </span>   47                             </span>
48                         </label>   48                         </label>
49                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">   49                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">
50                     </div>   50                     </div>
51     51  
52                     <div class="form-group col-md-3">   52                     <div class="form-group col-md-3">
53                         <label for="ItemDate">   53                         <label for="ItemDate">
54                             <span class="<#ERROR name='ERRORItemDate'>">   54                             <span class="<#ERROR name='ERRORItemDate'>">
55                                 Date   55                                 Date
56                             </span>   56                             </span>
57                         </label>   57                         </label>
58                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   58                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
59                     </div>   59                     </div>
60     60  
61                     <div class="form-group col-md-3">   61                     <div class="form-group col-md-3">
62                         <label for="ItemVolume">   62                         <label for="ItemVolume">
63                             <span class="<#ERROR name='ERRORItemVolume'>">   63                             <span class="<#ERROR name='ERRORItemVolume'>">
64                                 Volume   64                                 Volume
65                             </span>   65                             </span>
66                         </label>   66                         </label>
67                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   67                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
68                     </div>   68                     </div>
69     69  
70                     <div class="form-group col-md-3">   70                     <div class="form-group col-md-3">
71                         <label for="ItemIssue">   71                         <label for="ItemIssue">
72                             <span class="<#ERROR name='ERRORItemIssue'>">   72                             <span class="<#ERROR name='ERRORItemIssue'>">
73                                 Issue/Number   73                                 Issue/Number
74                             </span>   74                             </span>
75                         </label>   75                         </label>
76                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">   76                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">
77                     </div>   77                     </div>
78     78  
79                     <div class="form-group col-md-5">   79                     <div class="form-group col-md-5">
80                         <label for="CallNumber">   80                         <label for="CallNumber">
81                             <span class="<#ERROR name='ERRORCallNumber'>">   81                             <span class="<#ERROR name='ERRORCallNumber'>">
82                                 Call Number   82                                 Call Number
83                             </span>   83                             </span>
84                         </label>   84                         </label>
85                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   85                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
86                     </div>   86                     </div>
87     87  
88                     <div class="form-group col-md-5">   88                     <div class="form-group col-md-5">
89                         <label for="Location">   89                         <label for="Location">
90                             <span class="<#ERROR name='ERRORLocation'>">   90                             <span class="<#ERROR name='ERRORLocation'>">
91                                 Collection Name/Location   91                                 Collection Name/Location
92                             </span>   92                             </span>
93                         </label>   93                         </label>
94                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   94                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
95                     </div>   95                     </div>
96     96  
97                 </section>   97                 </section>
98     98  
99                 <section name="user-info">   99                 <section name="user-info">
100                     <h3 class="section-header">Request Information</h3>   100                     <h3 class="section-header">Request Information</h3>
101     101  
102                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   102                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
103                         <label for="RequestLink">   103                         <label for="RequestLink">
104                             <span class="<#ERROR name='ERRORRequestLink'>">   104                             <span class="<#ERROR name='ERRORRequestLink'>">
105                                 Request for   105                                 Request for
106                             </span>   106                             </span>
107                         </label>   107                         </label>
108                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">   108                         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">
109                             <#OPTION name="RequestLinks" hideUsernames="true">   109                             <#OPTION name="RequestLinks" hideUsernames="true">
110                         </select>   110                         </select>
111                            111                         
112                     </div>   112                     </div>
113     113  
114                     <div class="form-group col-md-8">   114                     <div class="form-group col-md-8">
115                         <label for="Notes">   115                         <label for="Notes">
116                             <span class="<#ERROR name='ERRORNotes'>">   116                             <span class="<#ERROR name='ERRORNotes'>">
117                                 My Notes   117                                 My Notes
118                             </span>   118                             </span>
119                         </label>   119                         </label>
120                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="50"><#PARAM name="Notes"></textarea> <> 120                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
121                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   121                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
122                     </div> = 122                     </div>
123     123  
124     124  
125                     <div class="form-group col-md-8">   125                     <div class="form-group col-md-8">
126                         <label for="SpecialRequest">   126                         <label for="SpecialRequest">
127                             <span class="<#ERROR name='ERRORSpecialRequest'>">   127                             <span class="<#ERROR name='ERRORSpecialRequest'>">
128                                 Special Requests/Questions?   128                                 Special Requests/Questions?
129                             </span>   129                             </span>
130                         </label>   130                         </label>
131                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="50"><#PARAM name="SpecialRequest"></textarea> <> 131                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
132                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   132                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
133                     </div> = 133                     </div>
134     134  
135                     <#INCLUDE filename="include_ResearcherTags.html">   135                     <#INCLUDE filename="include_ResearcherTags.html">
136     136  
137     137  
138                     <div class="form-group col-sm-4">   138                     <div class="form-group col-sm-4">
139                         <label for="ScheduledDate">   139                         <label for="ScheduledDate">
140                             <span class="<#ERROR name='ERRORScheduledDate'>">   140                             <span class="<#ERROR name='ERRORScheduledDate'>">
141                                 Date of Visit   141                                 Date of Visit
142                             </span>   142                             </span>
143                         </label>   143                         </label>
144                         <div class="input-group">   144                         <div class="input-group">
145                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text" aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='ScheduledDate'>"> <> 145                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate scheduledDateNotes" value="<#PARAM name='ScheduledDate'>">
146                             <div class="input-group-append"> = 146                             <div class="input-group-append">
147                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate" aria-label="Calendar">   147                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
148                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>   148                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
149                             </button>   149                             </button>
150                             </div>   150                             </div>
151                         </div>   151                         </div>
152     152  
153                         <div class="small-notes"> <> 153                         <div class="small-notes" id="scheduledDateNotes">
154                             Select the date you plan to visit. = 154                             Select the date you plan to visit.
155                         </div>   155                         </div>
156                     </div>   156                     </div>
157                 </section>   157                 </section>
158     158  
159                 <#INCLUDE filename="include_request_buttons.html">   159                 <#INCLUDE filename="include_request_buttons.html">
160                160             
161             </form>   161             </form>
162         </main>   162         </main>
163         <#INCLUDE filename="include_footer.html">   163         <#INCLUDE filename="include_footer.html">
164     </div>   164     </div>
165 </body>   165 </body>
166     166  
167 </html>   167 </html>

   
File: include_photoduplication.html  
1 <div class="form-group col-md-3"> = 1 <div class="form-group col-md-3">
2         <label for="ItemPages">   2         <label for="ItemPages">
3                 <span class="<#ERROR name='ERRORItemPages'>">   3                 <span class="<#ERROR name='ERRORItemPages'>">
4                         Inclusive Pages   4                         Inclusive Pages
5                 </span>   5                 </span>
6         </label>   6         </label>
7         <input type="text" class="form-control" name="ItemPages" id="ItemPages" value="<#PARAM name='ItemPages'>"> <> 7         <input type="text" class="form-control" name="ItemPages" id="ItemPages" value="<#PARAM name='ItemPages'>" aria-describedby="itemPagesNotes">
8         <div class="small-notes">Additional citation information can be added as notes.</div>   8         <div class="small-notes" id="itemPagesNotes">Additional citation information can be added as notes.</div>
9 </div> = 9 </div>
10     10  
11 <div class="form-group col-md-2">   11 <div class="form-group col-md-2">
12         <label for="PageCount">   12         <label for="PageCount">
13                 <span class="<#ERROR name='ERRORPageCount'>">   13                 <span class="<#ERROR name='ERRORPageCount'>">
14                         Page Count   14                         Page Count
15                 </span>   15                 </span>
16         </label>   16         </label>
17         <input type="text" class="form-control" name="PageCount" id="PageCount" value="<#PARAM name='PageCount'>">   17         <input type="text" class="form-control" name="PageCount" id="PageCount" value="<#PARAM name='PageCount'>">
18 </div>   18 </div>
19     19  
20     20  
21 <div class="form-group col-md-4">   21 <div class="form-group col-md-4">
22         <label for="Format">   22         <label for="Format">
23                 <span class="<#ERROR name='ERRORFormat'>">   23                 <span class="<#ERROR name='ERRORFormat'>">
24                         Format   24                         Format
25                 </span>   25                 </span>
26         </label>   26         </label>
27         <select class="custom-select mr-sm-2" id="Format" name="Format" size="1">   27         <select class="custom-select mr-sm-2" id="Format" name="Format" size="1">
28                 <#OPTION name="Formats">   28                 <#OPTION name="Formats">
29         </select>   29         </select>
30 </div>   30 </div>
31     31  
32     32  
33     33  
34 <div class="form-group col-md-4">   34 <div class="form-group col-md-4">
35         <label for="ShippingOption">   35         <label for="ShippingOption">
36                 <span class="<#ERROR name='ERRORShippingOption'>">   36                 <span class="<#ERROR name='ERRORShippingOption'>">
37                         Shipping   37                         Shipping
38                 </span>   38                 </span>
39         </label>   39         </label>
40         <select class="custom-select mr-sm-2" id="ShippingOption" name="ShippingOption" size="1" >   40         <select class="custom-select mr-sm-2" id="ShippingOption" name="ShippingOption" size="1" >
41                 <#OPTION name="ShippingOptions">   41                 <#OPTION name="ShippingOptions">
42         </select>   42         </select>
43 </div>   43 </div>
44     44  
45 <div class="form-group col-md-4">   45 <div class="form-group col-md-4">
46         <label for="ServiceLevel">   46         <label for="ServiceLevel">
47                 <span class="<#ERROR name='ERRORServiceLevel'>">   47                 <span class="<#ERROR name='ERRORServiceLevel'>">
48                         Service Level   48                         Service Level
49                 </span>   49                 </span>
50         </label>   50         </label>
51         <select class="custom-select mr-sm-2" id="ServiceLevel" name="ServiceLevel" size="1" >   51         <select class="custom-select mr-sm-2" id="ServiceLevel" name="ServiceLevel" size="1" >
52                 <#OPTION name="ServiceLevels">   52                 <#OPTION name="ServiceLevels">
53         </select>   53         </select>
54            54         
55 </div>   55 </div>
56     56  
57 <div class="form-check">   57 <div class="form-check">
58         <label for="ForPublication">   58         <label for="ForPublication">
59                 <span class="<#ERROR name='ERRORForPublication'>">   59                 <span class="<#ERROR name='ERRORForPublication'>">
60                         <input type="checkbox" class="form-check-input" id="ForPublication" name="ForPublication" value="Yes"  default="false" <#CHECKED name="ForPublication">> For Publication?   60                         <input type="checkbox" class="form-check-input" id="ForPublication" name="ForPublication" value="Yes"  default="false" <#CHECKED name="ForPublication">> For Publication?
61                 </span>   61                 </span>
62         </label>   62         </label>
63 </div>   63 </div>
64     64  

   
File: include_ResearcherTags.html  
1 <div class="form-group col-md-8"> = 1 <div class="form-group col-md-8">
2     <label for="ResearcherTags">   2     <label for="ResearcherTags">
3         Researcher Tags   3         Researcher Tags
4     </label>   4     </label>
5     <input type="text" class="form-control" name="ResearcherTags" id="ResearcherTags" value="<#PARAM name='ResearcherTags'>" > <> 5     <input type="text" class="form-control" name="ResearcherTags" id="ResearcherTags" value="<#PARAM name='ResearcherTags'>" aria-describedby="researcherTagNotes">
6     <div class="small-notes">Enter a comma-separated list of the tags you want associated with this request.</div>   6     <div class="small-notes" id="researcherTagNotes">Enter a comma-separated list of the tags you want associated with this request.</div>
7 </div> = 7 </div>

   
File: include_ResearcherTagsUpdate.html  
1 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>"> = 1 <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
2     2  
3 <h2 class="h3 header-detailed">Researcher Tags</h2>   3 <h2 class="h3 header-detailed">Researcher Tags</h2>
4 <div class="row">   4 <div class="row">
5     <div class="col-lg-12">   5     <div class="col-lg-12">
6         <div class="list-group-item d-flex justify-content-between">   6         <div class="list-group-item d-flex justify-content-between">
7                 <span>Current Tags </span>   7                 <span>Current Tags </span>
8                 <strong>   8                 <strong>
9                     <span id="currentTag"><#PARAM name="ResearcherTags"></span>   9                     <span id="currentTag"><#PARAM name="ResearcherTags"></span>
10                 </strong>   10                 </strong>
11         </div>   11         </div>
12     </div>   12     </div>
13 </div>   13 </div>
14 <button type="button" class="btn btn-secondary btn-md" data-toggle="modal" data-target="#requestResearcherTags">   14 <button type="button" class="btn btn-secondary btn-md" data-toggle="modal" data-target="#requestResearcherTags">
15      <span aria-hidden="true" class="fas fa-pen"></span>  Update Researcher Tags   15      <span aria-hidden="true" class="fas fa-pen"></span>  Update Researcher Tags
16 </button>   16 </button>
17     17  
18 <div class="modal fade" id="requestResearcherTags" tabindex="-1" role="dialog" aria-labelledby="requestResearcherTagsModalLabel"   18 <div class="modal fade" id="requestResearcherTags" tabindex="-1" role="dialog" aria-labelledby="requestResearcherTagsModalLabel"
19  aria-hidden="true">   19  aria-hidden="true">
20     <div class="modal-dialog modal-dialog-centered" role="document">   20     <div class="modal-dialog modal-dialog-centered" role="document">
21         <div class="modal-content">   21         <div class="modal-content">
22             <div class="modal-header">   22             <div class="modal-header">
23                 <h3 class="h4 modal-title" id="requestResearcherTagsModalLabel">Update Researcher Tags</h3>   23                 <h3 class="h4 modal-title" id="requestResearcherTagsModalLabel">Update Researcher Tags</h3>
24                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">   24                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
25                     <span aria-hidden="true">&times;</span>   25                     <span aria-hidden="true">&times;</span>
26                 </button>   26                 </button>
27             </div>   27             </div>
28             <div class="modal-body">   28             <div class="modal-body">
29                 <div id="researcher-tags-update">   29                 <div id="researcher-tags-update">
30                     <div class="form-group">   30                     <div class="form-group">
31                         <label for="researcher-tags-input">   31                         <label for="researcher-tags-input">
32                             Researcher Tags   32                             Researcher Tags
33                         </label>   33                         </label>
34                         <div class="value">   34                         <div class="value">
35                             <input id="researcher-tags-input" name="ResearcherTags" type="text" size="50" value="<#PARAM name='ResearcherTags'>"> <> 35                             <input type="text" class="form-control" name="ResearcherTags" id="researcher-tags-input" value="<#PARAM name='ResearcherTags'>" aria-describedby="researcherTagNotes">
36                             <div class="small-notes">Enter a comma-separated list of the tags you want associated with this request.</div>   36                             <div class="small-notes" id="researcherTagNotes">Enter a comma-separated list of the tags you want associated with this request.</div>
37                         </div> = 37                         </div>
38                     </div>   38                     </div>
39                 </div>   39                 </div>
40             </div>   40             </div>
41             <div class="modal-footer">   41             <div class="modal-footer">
42                 <button class="btn btn-primary btn-sm" type="submit" id="update-researcher-tags-button">Update Tags</button>   42                 <button class="btn btn-primary btn-sm" type="submit" id="update-researcher-tags-button">Update Tags</button>
43                 <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>   43                 <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
44             </div>   44             </div>
45         </div>   45         </div>
46     </div>   46     </div>
47 </div>   47 </div>
48     48  
49 <script language="javascript">   49 <script language="javascript">
50     $(document).ready(function () {   50     $(document).ready(function () {
51         var updateResearcherTagsButton = $("#update-researcher-tags-button");   51         var updateResearcherTagsButton = $("#update-researcher-tags-button");
52         var researcherTagsInput = $("#researcher-tags-input");   52         var researcherTagsInput = $("#researcher-tags-input");
53         var transactionNumberInput = $("input[name=TransactionNumber]");   53         var transactionNumberInput = $("input[name=TransactionNumber]");
54     54  
55         function checkExistingTags() {   55         function checkExistingTags() {
56             if ($('#currentTag').text().trim() == '') {   56             if ($('#currentTag').text().trim() == '') {
57                 $('#currentTag').html('There are no tags');   57                 $('#currentTag').html('There are no tags');
58             }   58             }
59         }   59         }
60         checkExistingTags();   60         checkExistingTags();
61         if (updateResearcherTagsButton && researcherTagsInput && transactionNumberInput) {   61         if (updateResearcherTagsButton && researcherTagsInput && transactionNumberInput) {
62             updateResearcherTagsButton.click(function () {   62             updateResearcherTagsButton.click(function () {
63                 updateResearcherTagsButton.attr("disabled", "disabled");   63                 updateResearcherTagsButton.attr("disabled", "disabled");
64                 $.ajax({   64                 $.ajax({
65                     type: "POST",   65                     type: "POST",
66                     url: "aeon.dll/ajax?query=UpdateResearcherTags",   66                     url: "aeon.dll/ajax?query=UpdateResearcherTags",
67                     data: {   67                     data: {
68                         transactionNumber: transactionNumberInput.attr("value"),   68                         transactionNumber: transactionNumberInput.attr("value"),
69                         tags: encodeURIComponent(researcherTagsInput.val())   69                         tags: encodeURIComponent(researcherTagsInput.val())
70                     },   70                     },
71                     success: function (data, textStatus, jqXHR) {   71                     success: function (data, textStatus, jqXHR) {
72                         updateResearcherTagsButton.removeAttr("disabled");   72                         updateResearcherTagsButton.removeAttr("disabled");
73     73  
74                         if (typeof data === "string" && data.indexOf("Error:") == 0) {   74                         if (typeof data === "string" && data.indexOf("Error:") == 0) {
75                             alert(data);   75                             alert(data);
76                         } else {   76                         } else {
77                             if (typeof data.tags !== 'undefined') {   77                             if (typeof data.tags !== 'undefined') {
78                                 $('#currentTag').html(data.tags);   78                                 $('#currentTag').html(data.tags);
79                             }   79                             }
80                             else {   80                             else {
81                                 $('#currentTag').html('');   81                                 $('#currentTag').html('');
82                                 checkExistingTags();   82                                 checkExistingTags();
83                             }   83                             }
84                             $('#requestResearcherTags').modal('hide');   84                             $('#requestResearcherTags').modal('hide');
85                         }   85                         }
86                     },   86                     },
87                     error: function (jqXHR, textStatus, errorThrown) {   87                     error: function (jqXHR, textStatus, errorThrown) {
88                         updateResearcherTagsButton.removeAttr("disabled");   88                         updateResearcherTagsButton.removeAttr("disabled");
89                         alert('Error updating researcher tags');   89                         alert('Error updating researcher tags');
90                         throw errorThrown;   90                         throw errorThrown;
91                     }   91                     }
92                 });   92                 });
93             });   93             });
94         }   94         }
95     });   95     });
96 </script>   96 </script>
97     97  

   
File: NewPassword.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3        3     
4     <#INCLUDE filename="include_head.html">   4     <#INCLUDE filename="include_head.html">
5     5  
6 <body>   6 <body>
7     <#INCLUDE filename="include_header.html">   7     <#INCLUDE filename="include_header.html">
8        8     
9     <div class="alerts-bar">   9     <div class="alerts-bar">
10         <div class="container" id="webAlerts"></div>   10         <div class="container" id="webAlerts"></div>
11     </div>   11     </div>
12     12  
13         <div id="statusLine" class="container"><#STATUS></div>   13         <div id="statusLine" class="container"><#STATUS></div>
14     14  
15         <div class="container">   15         <div class="container">
16             <main id="content" aria-label="Content">   16             <main id="content" aria-label="Content">
17                 <form action="aeon.dll" method="post" name="NewPassword">   17                 <form action="aeon.dll" method="post" name="NewPassword">
18                     <input name="AeonForm" type="hidden" value="NewPassword">   18                     <input name="AeonForm" type="hidden" value="NewPassword">
19                     <input name="ResetID" type="hidden" value="<#PARAM name='ResetID'>">   19                     <input name="ResetID" type="hidden" value="<#PARAM name='ResetID'>">
20     20  
21                     <h2>Reset Password</h2>   21                     <h2>Reset Password</h2>
22     22  
23                     <section name="pass-info">   23                     <section name="pass-info">
24                         <div class="form-group col-md-4">   24                         <div class="form-group col-md-4">
25                             <label for="Password1">   25                             <label for="Password1">
26                                 <span class="<#ERROR name='ERRORPassword1'>">   26                                 <span class="<#ERROR name='ERRORPassword1'>">
27                                     New Password   27                                     New Password
28                                 </span>   28                                 </span>
29                             </label>   29                             </label>
30                             <input type="password" class="form-control" name="Password1" id="Password1" autocomplete="off" required> <> 30                             <input type="password" class="form-control" name="Password1" id="Password1" autocomplete="off" aria-describedby="passwordNotes" required>
31                             <div class="small-notes">   31                             <div class="small-notes" id="passwordNotes">
32                                 Passwords must be at least eight characters long and contain a lowercase letter, an uppercase letter, and a number. = 32                                 Passwords must be at least eight characters long and contain a lowercase letter, an uppercase letter, and a number.
33                             </div>   33                             </div>
34                         </div>   34                         </div>
35     35  
36                         <div class="form-group col-md-4">   36                         <div class="form-group col-md-4">
37                             <label for="Password2">   37                             <label for="Password2">
38                                 <span class="<#ERROR name='ERRORPassword2'>">   38                                 <span class="<#ERROR name='ERRORPassword2'>">
39                                     Re-enter New Password   39                                     Re-enter New Password
40                                 </span>   40                                 </span>
41                             </label>   41                             </label>
42                             <input type="password" class="form-control" name="Password2" id="Password2" autocomplete="off" required>   42                             <input type="password" class="form-control" name="Password2" id="Password2" autocomplete="off" required>
43                         </div>   43                         </div>
44     44  
45                     </section>   45                     </section>
46     46  
47                     <button class="btn btn-primary btn-md" type="submit" name="SubmitButton" value="Set Password">Set Password</button>   47                     <button class="btn btn-primary btn-md" type="submit" name="SubmitButton" value="Set Password">Set Password</button>
48                     <button class="btn btn-secondary btn-md" type="submit" name="SubmitButton" value="Cancel - Exit Aeon System" formnovalidate>Cancel - Exit Aeon System</button>   48                     <button class="btn btn-secondary btn-md" type="submit" name="SubmitButton" value="Cancel - Exit Aeon System" formnovalidate>Cancel - Exit Aeon System</button>
49     49  
50                 </form>   50                 </form>
51             </main>   51             </main>
52     52  
53             <#INCLUDE filename="include_footer.html">   53             <#INCLUDE filename="include_footer.html">
54     54  
55         </div>   55         </div>
56 </body>   56 </body>
57     57  
58 </html>   58 </html>

   
File: NewUserRegistration.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>Aeon - New User Registration</title>   5     <title>Aeon - New User Registration</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7 </head>   7 </head>
8     8  
9 <body>   9 <body>
10     10  
11     <#INCLUDE filename="include_header.html">   11     <#INCLUDE filename="include_header.html">
12     12  
13     <div class="alerts-bar">   13     <div class="alerts-bar">
14         <div class="container" id="webAlerts"></div>   14         <div class="container" id="webAlerts"></div>
15     </div>   15     </div>
16     16  
17         <div id="statusLine" class="container"><#STATUS></div>   17         <div id="statusLine" class="container"><#STATUS></div>
18         <div class="container">   18         <div class="container">
19             <main id="content" aria-label="Content">   19             <main id="content" aria-label="Content">
20                 <form action="aeon.dll" method="post" name="Registration">   20                 <form action="aeon.dll" method="post" name="Registration">
21                     <input type="hidden" name="AeonForm" value="Registration">   21                     <input type="hidden" name="AeonForm" value="Registration">
22                     <input type="hidden" name="NotificationMethod" value="Email">   22                     <input type="hidden" name="NotificationMethod" value="Email">
23                     <#FORMSTATE>   23                     <#FORMSTATE>
24     24  
25                         <div class="mainContent">   25                         <div class="mainContent">
26                             <h2>New User Registration</h2>   26                             <h2>New User Registration</h2>
27     27  
28                             <section name="user-info">   28                             <section name="user-info">
29     29  
30                                 <h3 class="section-header">User Information</h3>   30                                 <h3 class="section-header">User Information</h3>
31     31  
32                                 <div class="form-group col-md-5">   32                                 <div class="form-group col-md-5">
33                                     <label for="FirstName">   33                                     <label for="FirstName">
34                                         <span class="<#ERROR name='ERRORFirstName'>">   34                                         <span class="<#ERROR name='ERRORFirstName'>">
35                                             First Name   35                                             First Name
36                                             <span class="req">(required)</span>   36                                             <span class="req">(required)</span>
37                                         </span>   37                                         </span>
38                                     </label>   38                                     </label>
39                                     <input type="text" class="form-control" name="FirstName" id="FirstName" value="<#PARAM name='FirstName'>" required>   39                                     <input type="text" class="form-control" name="FirstName" id="FirstName" value="<#PARAM name='FirstName'>" required>
40                                 </div>   40                                 </div>
41     41  
42                                 <div class="form-group col-md-5">   42                                 <div class="form-group col-md-5">
43                                     <label for="LastName">   43                                     <label for="LastName">
44                                         <span class="<#ERROR name='ERRORLastName'>">   44                                         <span class="<#ERROR name='ERRORLastName'>">
45                                             Last Name   45                                             Last Name
46                                             <span class="req">(required)</span>   46                                             <span class="req">(required)</span>
47                                         </span>   47                                         </span>
48                                     </label>   48                                     </label>
49                                     <input type="text" class="form-control" name="LastName" id="LastName" value="<#PARAM name='LastName'>" required>   49                                     <input type="text" class="form-control" name="LastName" id="LastName" value="<#PARAM name='LastName'>" required>
50                                 </div>   50                                 </div>
51     51  
52                                 <div class="form-group col-md-5">   52                                 <div class="form-group col-md-5">
53                                     <label for="PreferredName">   53                                     <label for="PreferredName">
54                                         <span class="<#ERROR name='ERRORPreferredName'>">   54                                         <span class="<#ERROR name='ERRORPreferredName'>">
55                                             Preferred Name   55                                             Preferred Name
56                                         </span>   56                                         </span>
57                                     </label>   57                                     </label>
58                                     <input type="text" class="form-control" name="PreferredName" id="PreferredName" value="<#PARAM name='PreferredName'>">   58                                     <input type="text" class="form-control" name="PreferredName" id="PreferredName" value="<#PARAM name='PreferredName'>">
59                                 </div>   59                                 </div>
60     60  
61                                 <div class="form-group col-md-6">   61                                 <div class="form-group col-md-6">
62                                     <label for="EMailAddress">   62                                     <label for="EMailAddress">
63                                         <span class="<#ERROR name='ERROREMailAddress'>">   63                                         <span class="<#ERROR name='ERROREMailAddress'>">
64                                             Email Address   64                                             Email Address
65                                             <span class="req">(required)</span>   65                                             <span class="req">(required)</span>
66                                         </span>   66                                         </span>
67                                     </label>   67                                     </label>
68                                     <input type="email" class="form-control" name="EMailAddress" id="EMailAddress" value="<#PARAM name='EMailAddress'>" autocomplete="off" required>   68                                     <input type="email" class="form-control" name="EMailAddress" id="EMailAddress" value="<#PARAM name='EMailAddress'>" autocomplete="off" required>
69                                 </div>   69                                 </div>
70     70  
71                                 <div class="form-group col-md-3">   71                                 <div class="form-group col-md-3">
72                                     <label for="Phone">   72                                     <label for="Phone">
73                                         <span class="<#ERROR name='ERRORPhone'>">   73                                         <span class="<#ERROR name='ERRORPhone'>">
74                                             Daytime Phone   74                                             Daytime Phone
75                                             <span class="req">(required)</span>   75                                             <span class="req">(required)</span>
76                                         </span>   76                                         </span>
77                                     </label>   77                                     </label>
78                                     <input type="text" class="form-control" name="Phone" id="Phone" value="<#PARAM name='Phone'>" required>   78                                     <input type="text" class="form-control" name="Phone" id="Phone" value="<#PARAM name='Phone'>" required>
79                                 </div>   79                                 </div>
80     80  
81                                 <div class="form-group col-md-4">   81                                 <div class="form-group col-md-4">
82                                     <label for="Status">   82                                     <label for="Status">
83                                         <span class="<#ERROR name='ERRORStatus'>">   83                                         <span class="<#ERROR name='ERRORStatus'>">
84                                             Status   84                                             Status
85                                             <span class="req">(required)</span>   85                                             <span class="req">(required)</span>
86                                         </span>   86                                         </span>
87                                     </label>   87                                     </label>
88                                     <select class="custom-select mr-sm-2" name="Status" id="Status" required>   88                                     <select class="custom-select mr-sm-2" name="Status" id="Status" required>
89                                         <#OPTION name="Statuses" selectedValue="<#PARAM name='Status'>" defaultName="Choose a Status" defaultValue="">   89                                         <#OPTION name="Statuses" selectedValue="<#PARAM name='Status'>" defaultName="Choose a Status" defaultValue="">
90                                     </select>   90                                     </select>
91                                 </div>   91                                 </div>
92     92  
93                                 <div class="form-group col-md-4">   93                                 <div class="form-group col-md-4">
94                                     <label for="Department">   94                                     <label for="Department">
95                                         <span class="<#ERROR name='ERRORDepartment'>">   95                                         <span class="<#ERROR name='ERRORDepartment'>">
96                                             Department   96                                             Department
97                                             <span class="req">(required)</span>   97                                             <span class="req">(required)</span>
98                                         </span>   98                                         </span>
99                                     </label>   99                                     </label>
100                                     <select class="custom-select mr-sm-2" name="Department" id="Department" required>   100                                     <select class="custom-select mr-sm-2" name="Department" id="Department" required>
101                                         <#OPTION name="Departments" selectedValue="<#PARAM name='Department'>" defaultName="Choose a Department" defaultValue="">   101                                         <#OPTION name="Departments" selectedValue="<#PARAM name='Department'>" defaultName="Choose a Department" defaultValue="">
102                                     </select>   102                                     </select>
103                                 </div>   103                                 </div>
104     104  
105                                 <div class="form-group col-md-5">   105                                 <div class="form-group col-md-5">
106                                     <label for="Organization">   106                                     <label for="Organization">
107                                         <span class="<#ERROR name='ERROROrganization'>">   107                                         <span class="<#ERROR name='ERROROrganization'>">
108                                             Organization   108                                             Organization
109                                         </span>   109                                         </span>
110                                     </label>   110                                     </label>
111                                     <input type="text" class="form-control" name="Organization" id="Organization" value="<#PARAM name='Organization'>">   111                                     <input type="text" class="form-control" name="Organization" id="Organization" value="<#PARAM name='Organization'>">
112                                 </div>   112                                 </div>
113     113  
114                             </section>   114                             </section>
115     115  
116                             <section name="address-info">   116                             <section name="address-info">
117     117  
118                                 <h3 class="section-header">Primary Address Information</h3>   118                                 <h3 class="section-header">Primary Address Information</h3>
119     119  
120                                 <div class="form-group col-md-6">   120                                 <div class="form-group col-md-6">
121                                     <label for="Address">   121                                     <label for="Address">
122                                         <span class="<#ERROR name='ERRORAddress'>">   122                                         <span class="<#ERROR name='ERRORAddress'>">
123                                             Primary Address Line 1   123                                             Primary Address Line 1
124                                             <span class="req">(required)</span>   124                                             <span class="req">(required)</span>
125                                         </span>   125                                         </span>
126                                     </label>   126                                     </label>
127                                     <input type="text" class="form-control" name="Address" id="Address" value="<#PARAM name='Address'>" required>   127                                     <input type="text" class="form-control" name="Address" id="Address" value="<#PARAM name='Address'>" required>
128                                 </div>   128                                 </div>
129     129  
130                                 <div class="form-group col-md-6">   130                                 <div class="form-group col-md-6">
131                                     <label for="Address2">   131                                     <label for="Address2">
132                                         <span class="<#ERROR name='ERRORAddress2'>">   132                                         <span class="<#ERROR name='ERRORAddress2'>">
133                                             Primary Address Line 2   133                                             Primary Address Line 2
134                                         </span>   134                                         </span>
135                                     </label>   135                                     </label>
136                                     <input type="text" class="form-control" name="Address2" id="Address2" value="<#PARAM name='Address2'>">   136                                     <input type="text" class="form-control" name="Address2" id="Address2" value="<#PARAM name='Address2'>">
137                                 </div>   137                                 </div>
138     138  
139                                 <div class="form-group col-md-4">   139                                 <div class="form-group col-md-4">
140                                     <label for="City">   140                                     <label for="City">
141                                         <span class="<#ERROR name='ERRORCity'>">   141                                         <span class="<#ERROR name='ERRORCity'>">
142                                             Primary Address City   142                                             Primary Address City
143                                             <span class="req">(required)</span>   143                                             <span class="req">(required)</span>
144                                         </span>   144                                         </span>
145                                     </label>   145                                     </label>
146                                     <input type="text" class="form-control" name="City" id="City" value="<#PARAM name='City'>" required>   146                                     <input type="text" class="form-control" name="City" id="City" value="<#PARAM name='City'>" required>
147                                 </div>   147                                 </div>
148     148  
149                                 <div class="form-group col-md-4">   149                                 <div class="form-group col-md-4">
150                                     <label for="State">   150                                     <label for="State">
151                                         <span class="<#ERROR name='ERRORState'>">   151                                         <span class="<#ERROR name='ERRORState'>">
152                                             Primary Address State   152                                             Primary Address State
153                                             <span class="req">(required)</span>   153                                             <span class="req">(required)</span>
154                                         </span>   154                                         </span>
155                                     </label>   155                                     </label>
156                                     <select class="custom-select mr-sm-2" name="State" id="State" required>   156                                     <select class="custom-select mr-sm-2" name="State" id="State" required>
157                                         <#OPTION name="States" selectedValue="<#PARAM name='State'>" defaultName="Choose a State" defaultValue="">   157                                         <#OPTION name="States" selectedValue="<#PARAM name='State'>" defaultName="Choose a State" defaultValue="">
158                                     </select>   158                                     </select>
159                                 </div>   159                                 </div>
160     160  
161                                 <div class="form-group col-md-4">   161                                 <div class="form-group col-md-4">
162                                     <label for="Zip">   162                                     <label for="Zip">
163                                         <span class="<#ERROR name='ERRORZip'>">   163                                         <span class="<#ERROR name='ERRORZip'>">
164                                             Primary Address Zip   164                                             Primary Address Zip
165                                             <span class="req">(required)</span>   165                                             <span class="req">(required)</span>
166                                         </span>   166                                         </span>
167                                     </label>   167                                     </label>
168                                     <input type="text" class="form-control" name="Zip" id="Zip" value="<#PARAM name='Zip'>" required>   168                                     <input type="text" class="form-control" name="Zip" id="Zip" value="<#PARAM name='Zip'>" required>
169                                 </div>   169                                 </div>
170     170  
171                                 <div class="form-group col-md-4">   171                                 <div class="form-group col-md-4">
172                                     <label for="Country">   172                                     <label for="Country">
173                                         <span class="<#ERROR name='ERRORCountry'>">   173                                         <span class="<#ERROR name='ERRORCountry'>">
174                                             Primary Address Country   174                                             Primary Address Country
175                                             <span class="req">(required)</span>   175                                             <span class="req">(required)</span>
176                                         </span>   176                                         </span>
177                                     </label>   177                                     </label>
178                                     <select class="custom-select mr-sm-2" name="Country" id="Country" required>   178                                     <select class="custom-select mr-sm-2" name="Country" id="Country" required>
179                                         <#OPTION name="Countries" selectedValue="<#PARAM name='Country'>" defaultName="Choose a Country" defaultValue="">   179                                         <#OPTION name="Countries" selectedValue="<#PARAM name='Country'>" defaultName="Choose a Country" defaultValue="">
180                                     </select>   180                                     </select>
181                                 </div>   181                                 </div>
182     182  
183                             </section>   183                             </section>
184     184  
185                             <section name="alt-address-info" style="<#CONDITIONAL type='CustomizationKey' test='UseSecondaryAddress' false='display:none'>">   185                             <section name="alt-address-info" style="<#CONDITIONAL type='CustomizationKey' test='UseSecondaryAddress' false='display:none'>">
186                                186                             
187                                 <h3 class="section-header">Alternate Address Information</h3>   187                                 <h3 class="section-header">Alternate Address Information</h3>
188                                188                             
189                                 <div class="form-group col-md-6">   189                                 <div class="form-group col-md-6">
190                                     <label for="SAddress">   190                                     <label for="SAddress">
191                                         <span class="<#ERROR name='ERRORSAddress'>">   191                                         <span class="<#ERROR name='ERRORSAddress'>">
192                                             Alternate Address Line 1   192                                             Alternate Address Line 1
193                                         </span>   193                                         </span>
194                                     </label>   194                                     </label>
195                                     <input type="text" class="form-control" name="SAddress" id="SAddress" value="<#PARAM name='SAddress'>">   195                                     <input type="text" class="form-control" name="SAddress" id="SAddress" value="<#PARAM name='SAddress'>">
196                                 </div>   196                                 </div>
197     197  
198                                 <div class="form-group col-md-6">   198                                 <div class="form-group col-md-6">
199                                     <label for="SAddress2">   199                                     <label for="SAddress2">
200                                         <span class="<#ERROR name='ERRORSAddress2'>">   200                                         <span class="<#ERROR name='ERRORSAddress2'>">
201                                             Alternate Address Line 2   201                                             Alternate Address Line 2
202                                         </span>   202                                         </span>
203                                     </label>   203                                     </label>
204                                     <input type="text" class="form-control" name="SAddress2" id="SAddress2" value="<#PARAM name='SAddress2'>">   204                                     <input type="text" class="form-control" name="SAddress2" id="SAddress2" value="<#PARAM name='SAddress2'>">
205                                 </div>   205                                 </div>
206     206  
207                                 <div class="form-group col-md-4">   207                                 <div class="form-group col-md-4">
208                                     <label for="SCity">   208                                     <label for="SCity">
209                                         <span class="<#ERROR name='ERRORSCity'>">   209                                         <span class="<#ERROR name='ERRORSCity'>">
210                                             Alternate Address City   210                                             Alternate Address City
211                                         </span>   211                                         </span>
212                                     </label>   212                                     </label>
213                                     <input type="text" class="form-control" name="SCity" id="SCity" value="<#PARAM name='SCity'>">   213                                     <input type="text" class="form-control" name="SCity" id="SCity" value="<#PARAM name='SCity'>">
214                                 </div>   214                                 </div>
215     215  
216                                 <div class="form-group col-md-4">   216                                 <div class="form-group col-md-4">
217                                     <label for="SState">   217                                     <label for="SState">
218                                         <span class="<#ERROR name='ERRORSState'>">   218                                         <span class="<#ERROR name='ERRORSState'>">
219                                             Alternate Address State   219                                             Alternate Address State
220                                         </span>   220                                         </span>
221                                     </label>   221                                     </label>
222                                     <select class="custom-select mr-sm-2" name="SState" id="SState">   222                                     <select class="custom-select mr-sm-2" name="SState" id="SState">
223                                         <#OPTION name="States" selectedValue="<#PARAM name='SState'>" defaultName="Choose a State" defaultValue="">   223                                         <#OPTION name="States" selectedValue="<#PARAM name='SState'>" defaultName="Choose a State" defaultValue="">
224                                     </select>   224                                     </select>
225                                 </div>   225                                 </div>
226     226  
227                                 <div class="form-group col-md-4">   227                                 <div class="form-group col-md-4">
228                                     <label for="SZip">   228                                     <label for="SZip">
229                                         <span class="<#ERROR name='ERRORSZip'>">   229                                         <span class="<#ERROR name='ERRORSZip'>">
230                                             Alternate Address Zip   230                                             Alternate Address Zip
231                                         </span>   231                                         </span>
232                                     </label>   232                                     </label>
233                                     <input type="text" class="form-control" name="SZip" id="SZip" value="<#PARAM name='SZip'>">   233                                     <input type="text" class="form-control" name="SZip" id="SZip" value="<#PARAM name='SZip'>">
234                                 </div>   234                                 </div>
235     235  
236                                 <div class="form-group col-md-4">   236                                 <div class="form-group col-md-4">
237                                     <label for="SCountry">   237                                     <label for="SCountry">
238                                         <span class="<#ERROR name='ERRORSCountry'>">   238                                         <span class="<#ERROR name='ERRORSCountry'>">
239                                             Alternate Address Country   239                                             Alternate Address Country
240                                         </span>   240                                         </span>
241                                     </label>   241                                     </label>
242                                     <select class="custom-select mr-sm-2" name="SCountry" id="SCountry">   242                                     <select class="custom-select mr-sm-2" name="SCountry" id="SCountry">
243                                         <#OPTION name="Countries" selectedValue="<#PARAM name='SCountry'>" defaultName="Choose a Country" defaultValue="">   243                                         <#OPTION name="Countries" selectedValue="<#PARAM name='SCountry'>" defaultName="Choose a Country" defaultValue="">
244                                     </select>   244                                     </select>
245                                 </div>   245                                 </div>
246                             </section>   246                             </section>
247     247  
248                             <section name="research-info">   248                             <section name="research-info">
249                                    249                                 
250                                 <h3 class="section-header">Research Information</h3>   250                                 <h3 class="section-header">Research Information</h3>
251     251  
252                                 <div class="form-group col-md-6">   252                                 <div class="form-group col-md-6">
253                                     <label for="ResearchTopics">   253                                     <label for="ResearchTopics">
254                                         <span class="<#ERROR name='ERRORResearchTopics'>">   254                                         <span class="<#ERROR name='ERRORResearchTopics'>">
255                                             Research Topics   255                                             Research Topics
256                                         </span>   256                                         </span>
257                                     </label>   257                                     </label>
258                                     <textarea class="form-control" name="ResearchTopics" id="ResearchTopics" rows="2" cols="40"><#PARAM name="ResearchTopics"></textarea>   258                                     <textarea class="form-control" name="ResearchTopics" id="ResearchTopics" rows="2" cols="40"><#PARAM name="ResearchTopics"></textarea>
259                                 </div>   259                                 </div>
260     260  
261                                 <div class="form-check ml-3">   261                                 <div class="form-check ml-3">
262                                     <label class="form-check-label <#ERROR name='ERRORResearchTopicsSharing'>" for="ResearchTopicsSharing">   262                                     <label class="form-check-label <#ERROR name='ERRORResearchTopicsSharing'>" for="ResearchTopicsSharing">
263                                         <input class="form-check-input" type="checkbox" id="ResearchTopicsSharing" name="ResearchTopicsSharing" value="Yes" <#CHECKED name="ResearchTopicsSharing" default="true">>May we share your research topics with others?   263                                         <input class="form-check-input" type="checkbox" id="ResearchTopicsSharing" name="ResearchTopicsSharing" value="Yes" <#CHECKED name="ResearchTopicsSharing" default="true">>May we share your research topics with others?
264                                     </label>   264                                     </label>
265                                 </div>   265                                 </div>
266     266  
267                             </section>   267                             </section>
268     268  
269                             <section name="password-info">   269                             <section name="password-info">
270     270  
271                                 <h3 class="section-header">Create Logon Information</h3>   271                                 <h3 class="section-header">Create Logon Information</h3>
272     272  
273                                 <div class="form-group col-md-4">   273                                 <div class="form-group col-md-4">
274                                     <label for="Username">   274                                     <label for="Username">
275                                         <span class="<#ERROR name='ERRORUsername'>">   275                                         <span class="<#ERROR name='ERRORUsername'>">
276                                             Username   276                                             Username
277                                             <span class="req">(required)</span>   277                                             <span class="req">(required)</span>
278                                         </span>   278                                         </span>
279                                     </label>   279                                     </label>
280                                     <input type="text" class="form-control" name="Username" id="Username" value="<#PARAM name='NewUsername'>" autocomplete="off" required>   280                                     <input type="text" class="form-control" name="Username" id="Username" value="<#PARAM name='NewUsername'>" autocomplete="off" required>
281                                 </div>   281                                 </div>
282     282  
283                                 <div class="form-group col-md-4">   283                                 <div class="form-group col-md-4">
284                                     <label for="Password1">   284                                     <label for="Password1">
285                                         <span class="<#ERROR name='ERRORPassword1'>">   285                                         <span class="<#ERROR name='ERRORPassword1'>">
286                                             Password   286                                             Password
287                                             <span class="req">(required)</span>   287                                             <span class="req">(required)</span>
288                                         </span>   288                                         </span>
289                                     </label>   289                                     </label>
290                                     <input type="password" class="form-control" name="Password1" id="Password1" autocomplete="off" required> <> 290                                     <input type="password" class="form-control" name="Password1" id="Password1" autocomplete="off" aria-describedby="passwordNotes" required>
291                                     <div class="small-notes">   291                                     <div class="small-notes" id="passwordNotes">
292                                         Passwords must be at least eight characters long and contain a lowercase letter, an uppercase letter, and a number. = 292                                         Passwords must be at least eight characters long and contain a lowercase letter, an uppercase letter, and a number.
293                                     </div>   293                                     </div>
294                                 </div>   294                                 </div>
295     295  
296                                 <div class="form-group col-md-4">   296                                 <div class="form-group col-md-4">
297                                     <label for="Password2">   297                                     <label for="Password2">
298                                         <span class="<#ERROR name='ERRORPassword2'>">   298                                         <span class="<#ERROR name='ERRORPassword2'>">
299                                             Re-enter Password   299                                             Re-enter Password
300                                             <span class="req">(required)</span>   300                                             <span class="req">(required)</span>
301                                         </span>   301                                         </span>
302                                     </label>   302                                     </label>
303                                     <input type="password" class="form-control" name="Password2" id="Password2" autocomplete="off" required>   303                                     <input type="password" class="form-control" name="Password2" id="Password2" autocomplete="off" required>
304                                 </div>   304                                 </div>
305     305  
306                             </section>   306                             </section>
307     307  
308                             <button class="btn btn-primary btn-md" type="submit" name="SubmitButton" value="Submit Information">Submit Information</button>   308                             <button class="btn btn-primary btn-md" type="submit" name="SubmitButton" value="Submit Information">Submit Information</button>
309                             <button class="btn btn-secondary btn-md" type="submit" name="SubmitButton" value="Cancel - Return to Logon page" formnovalidate>Cancel - Return to Logon page</button>   309                             <button class="btn btn-secondary btn-md" type="submit" name="SubmitButton" value="Cancel - Return to Logon page" formnovalidate>Cancel - Return to Logon page</button>
310     310  
311                         </div>   311                         </div>
312                 </form>   312                 </form>
313             </main>   313             </main>
314             <#INCLUDE filename="include_footer.html">   314             <#INCLUDE filename="include_footer.html">
315         </div>   315         </div>
316 </body>   316 </body>
317     317  
318 </html>   318 </html>

   
File: PhotoduplicationRequest.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>Aeon - New Request</title>   5     <title>Aeon - New Request</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8 </head>   8 </head>
9     9  
10 <body>   10 <body>
11     11  
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13       13    
14     <#INCLUDE filename="include_nav.html">   14     <#INCLUDE filename="include_nav.html">
15     <div class="container">   15     <div class="container">
16         <main id="content" aria-label="Content">   16         <main id="content" aria-label="Content">
17             <form action="aeon.dll" method="post" id="RequestForm">   17             <form action="aeon.dll" method="post" id="RequestForm">
18                 <input type="hidden" name="AeonForm" value="PhotoduplicationRequest">   18                 <input type="hidden" name="AeonForm" value="PhotoduplicationRequest">
19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">   19                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">   20                 <input type="hidden" name="TransactionLink" value="<#PARAM name='TransactionLink'>">
21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">   21                 <input type="hidden" name="ReferenceNumber" value="<#PARAM name='ReferenceNumber'>">
22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">   22                 <input type="hidden" name="ItemNumber" value="<#PARAM name='ItemNumber'>">
23                 <input type="hidden" name="RequestType" value="Copy">   23                 <input type="hidden" name="RequestType" value="Copy">
24                 <input type="hidden" name="DocumentType" value="Photoduplication">   24                 <input type="hidden" name="DocumentType" value="Photoduplication">
25     25  
26                 <h2> Describe a New Photoduplication Request</h2>   26                 <h2> Describe a New Photoduplication Request</h2>
27                 <div id="statusLine"><#STATUS></div>   27                 <div id="statusLine"><#STATUS></div>
28     28  
29                 <section name="item-info">   29                 <section name="item-info">
30     30  
31                     <div class="d-flex"> <> 31                     <div class="d-flex flex-wrap">
32                         <h3 class="section-header">Item Information </h3> = 32                         <h3 class="section-header">Item Information </h3>
33                         <div class="ml-auto">   33                         <div class="ml-auto">
34                             <button id="SwitchToPhotoduplicationRequest" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="21">   34                             <button id="SwitchToPhotoduplicationRequest" class="btn btn-primary btn-md switchButton switch-request-form float-right" type="button" name="switchButton" data-switchrequest-form="21">
35                                 Switch to Reading Room Request   35                                 Switch to Reading Room Request
36                             </button>   36                             </button>
37                         </div>   37                         </div>
38                     </div>   38                     </div>
39                        39                     
40                     <div class="form-group col-md-8">   40                     <div class="form-group col-md-8">
41                         <label for="ItemTitle">   41                         <label for="ItemTitle">
42                             <span class="<#ERROR name='ERRORItemTitle'>">   42                             <span class="<#ERROR name='ERRORItemTitle'>">
43                                 Title   43                                 Title
44                                 <span class="req">(required)</span>   44                                 <span class="req">(required)</span>
45                             </span>   45                             </span>
46                         </label>   46                         </label>
47                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>   47                         <textarea class="form-control" name="ItemTitle" id="ItemTitle" rows="2" cols="40" required><#PARAM name="ItemTitle"></textarea>
48                     </div>   48                     </div>
49     49  
50                     <div class="form-group col-md-8">   50                     <div class="form-group col-md-8">
51                         <label for="ItemAuthor">   51                         <label for="ItemAuthor">
52                             <span class="<#ERROR name='ERRORItemAuthor'>">   52                             <span class="<#ERROR name='ERRORItemAuthor'>">
53                                 Author/Creator   53                                 Author/Creator
54                             </span>   54                             </span>
55                         </label>   55                         </label>
56                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">   56                         <input type="text" class="form-control" name="ItemAuthor" id="ItemAuthor" value="<#PARAM name='ItemAuthor'>">
57                     </div>   57                     </div>
58     58  
59                     <div class="form-group col-md-5">   59                     <div class="form-group col-md-5">
60                         <label for="ItemPlace">   60                         <label for="ItemPlace">
61                             <span class="<#ERROR name='ERRORItemPlace'>">   61                             <span class="<#ERROR name='ERRORItemPlace'>">
62                                 Place of Publication   62                                 Place of Publication
63                             </span>   63                             </span>
64                         </label>   64                         </label>
65                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">   65                         <input type="text" class="form-control" name="ItemPlace" id="ItemPlace" value="<#PARAM name='ItemPlace'>">
66                     </div>   66                     </div>
67     67  
68                     <div class="form-group col-md-5">   68                     <div class="form-group col-md-5">
69                         <label for="ItemPublisher">   69                         <label for="ItemPublisher">
70                             <span class="<#ERROR name='ERRORItemPublisher'>">   70                             <span class="<#ERROR name='ERRORItemPublisher'>">
71                                 Publisher   71                                 Publisher
72                             </span>   72                             </span>
73                         </label>   73                         </label>
74                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">   74                         <input type="text" class="form-control" name="ItemPublisher" id="ItemPublisher" value="<#PARAM name='ItemPublisher'>">
75                     </div>   75                     </div>
76     76  
77                     <div class="form-group col-md-3">   77                     <div class="form-group col-md-3">
78                         <label for="ItemDate">   78                         <label for="ItemDate">
79                             <span class="<#ERROR name='ERRORItemDate'>">   79                             <span class="<#ERROR name='ERRORItemDate'>">
80                                 Date   80                                 Date
81                             </span>   81                             </span>
82                         </label>   82                         </label>
83                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">   83                         <input type="text" class="form-control" name="ItemDate" id="ItemDate" value="<#PARAM name='ItemDate'>">
84                     </div>   84                     </div>
85     85  
86                     <div class="form-group col-md-3">   86                     <div class="form-group col-md-3">
87                         <label for="ItemEdition">   87                         <label for="ItemEdition">
88                             <span class="<#ERROR name='ERRORItemEdition'>">   88                             <span class="<#ERROR name='ERRORItemEdition'>">
89                                 Edition   89                                 Edition
90                             </span>   90                             </span>
91                         </label>   91                         </label>
92                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">   92                         <input type="text" class="form-control" name="ItemEdition" id="ItemEdition" value="<#PARAM name='ItemEdition'>">
93                     </div>   93                     </div>
94     94  
95                     <div class="form-group col-md-3">   95                     <div class="form-group col-md-3">
96                         <label for="ItemVolume">   96                         <label for="ItemVolume">
97                             <span class="<#ERROR name='ERRORItemVolume'>">   97                             <span class="<#ERROR name='ERRORItemVolume'>">
98                                 Volume/Box   98                                 Volume/Box
99                             </span>   99                             </span>
100                         </label>   100                         </label>
101                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">   101                         <input type="text" class="form-control" name="ItemVolume" id="ItemVolume" value="<#PARAM name='ItemVolume'>">
102                     </div>   102                     </div>
103     103  
104                     <div class="form-group col-md-3">   104                     <div class="form-group col-md-3">
105                         <label for="ItemIssue">   105                         <label for="ItemIssue">
106                             <span class="<#ERROR name='ERRORItemIssue'>">   106                             <span class="<#ERROR name='ERRORItemIssue'>">
107                                 Issue/Copy   107                                 Issue/Copy
108                             </span>   108                             </span>
109                         </label>   109                         </label>
110                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">   110                         <input type="text" class="form-control" name="ItemIssue" id="ItemIssue" value="<#PARAM name='ItemIssue'>">
111                     </div>   111                     </div>
112     112  
113                     <div class="form-group col-md-5">   113                     <div class="form-group col-md-5">
114                         <label for="CallNumber">   114                         <label for="CallNumber">
115                             <span class="<#ERROR name='ERRORCallNumber'>">   115                             <span class="<#ERROR name='ERRORCallNumber'>">
116                                 Call Number   116                                 Call Number
117                             </span>   117                             </span>
118                         </label>   118                         </label>
119                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">   119                         <input type="text" class="form-control" name="CallNumber" id="CallNumber" value="<#PARAM name='CallNumber'>">
120                     </div>   120                     </div>
121     121  
122                     <div class="form-group col-md-5">   122                     <div class="form-group col-md-5">
123                         <label for="Location">   123                         <label for="Location">
124                             <span class="<#ERROR name='ERRORLocation'>">   124                             <span class="<#ERROR name='ERRORLocation'>">
125                                 Location   125                                 Location
126                             </span>   126                             </span>
127                         </label>   127                         </label>
128                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">   128                         <input type="text" class="form-control" name="Location" id="Location" value="<#PARAM name='Location'>">
129                     </div>   129                     </div>
130                 </section>   130                 </section>
131     131  
132                 <section name="order-info">   132                 <section name="order-info">
133                     <h3 class="section-header">Order Information</h3>   133                     <h3 class="section-header">Order Information</h3>
134                     <#INCLUDE filename="include_photoduplication.html">   134                     <#INCLUDE filename="include_photoduplication.html">
135                 </section>   135                 </section>
136     136  
137                 <section name="user-info">   137                 <section name="user-info">
138     138  
139                     <h3 class="section-header">Request Information</h3>   139                     <h3 class="section-header">Request Information</h3>
140     140  
141                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   141                     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
142                         <label for="RequestLink">   142                         <label for="RequestLink">
143                             <span class="<#ERROR name='ERRORRequestLink'>">   143                             <span class="<#ERROR name='ERRORRequestLink'>">
144                                 Request for   144                                 Request for
145                             </span>   145                             </span>
146                         </label>   146                         </label>
147                         <select class="custom-select mr-sm-2"  id="RequestLink" name="RequestLink" size="1">   147                         <select class="custom-select mr-sm-2"  id="RequestLink" name="RequestLink" size="1">
148                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">   148                             <#OPTION name="RequestLinks" hideUsernames="true" hideEvents="true">
149                         </select>   149                         </select>
150                     </div>   150                     </div>
151     151  
152                     <div class="form-group col-md-4"> <>    
153                         <span class="<#PARAM name='BillingAccountsVisible' enabled='BillingAccountsEnabled' disabled='BillingAccountsDisabled'>"></span>   152                     <div class="form-group col-md-4 <#PARAM name='BillingAccountsVisible' disabled='d-none'>">
154                         <label for="BillingAccount">   153                         <label for="BillingAccountId">
155                             <span class="<#ERROR name='ERRORBillingAccount'>">   154                             <span class="<#ERROR name='ERRORBillingAccountId'>">
156                                 Billing Account = 155                                 Billing Account
157                             </span>   156                             </span>
158                         </label>   157                         </label>
159                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId" >   158                         <select class="custom-select mr-sm-2" id="BillingAccountId" name="BillingAccountId">
160                             <#OPTION name="BillingAccounts">   159                             <#OPTION name="BillingAccounts">
161                         </select>   160                         </select>
162                     </div>   161                     </div>
163     162  
164                     <div class="form-group col-md-8">   163                     <div class="form-group col-md-8">
165                         <label for="Notes">   164                         <label for="Notes">
166                             <span class="<#ERROR name='ERRORNotes'>">   165                             <span class="<#ERROR name='ERRORNotes'>">
167                                 My Notes   166                                 My Notes
168                             </span>   167                             </span>
169                         </label>   168                         </label>
170                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40"><#PARAM name="Notes"></textarea> <> 169                         <textarea class="form-control" name="Notes" id="Notes" rows="2" cols="40" aria-describedby="notesNotes"><#PARAM name="Notes"></textarea>
171                         <div class="small-notes">Enter any notes about this request for your personal reference.</div>   170                         <div class="small-notes" id="notesNotes">Enter any notes about this request for your personal reference.</div>
172                     </div> = 171                     </div>
173     172  
174                     <div class="form-group col-md-8">   173                     <div class="form-group col-md-8">
175                         <label for="SpecialRequest">   174                         <label for="SpecialRequest">
176                             <span class="<#ERROR name='ERRORSpecialRequest'>">   175                             <span class="<#ERROR name='ERRORSpecialRequest'>">
177                                 Special Requests/Questions?   176                                 Special Requests/Questions?
178                             </span>   177                             </span>
179                         </label>   178                         </label>
180                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40"><#PARAM name="SpecialRequest"></textarea> <> 179                         <textarea class="form-control" name="SpecialRequest" id="SpecialRequest" rows="2" cols="40" aria-describedby="specialRequestNotes"><#PARAM name="SpecialRequest"></textarea>
181                         <div class="small-notes">Please enter any special requests or questions for library staff.</div>   180                         <div class="small-notes" id="specialRequestNotes">Please enter any special requests or questions for library staff.</div>
182                     </div> = 181                     </div>
183     182  
184                 </section>   183                 </section>
185     184  
186                 <#INCLUDE filename="include_request_buttons_photoduplication.html">   185                 <#INCLUDE filename="include_request_buttons_photoduplication.html">
187            186         
188             </form>   187             </form>
189         </main>   188         </main>
190         <#INCLUDE filename="include_footer.html">   189         <#INCLUDE filename="include_footer.html">
191     </div>   190     </div>
192     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>   191     <script type="text/javascript" src="js/billingContextOptionHandler.js"></script>
193     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>   192     <script type="text/javascript" src="js/billingAccountsOptionHandler.js"></script>
194     193  
195 </body>   194 </body>
196     195  
197 </html>   196 </html>

   
File: ViewUserReviewRequests.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>Aeon - Saved Requests</title>   5     <title>Aeon - Saved Requests</title>
6     <#INCLUDE filename="include_head.html">   6     <#INCLUDE filename="include_head.html">
7     <#INCLUDE filename="include_head_request.html">   7     <#INCLUDE filename="include_head_request.html">
8     <script type="text/javascript" src="js/KeepInReview.js"></script>   8     <script type="text/javascript" src="js/KeepInReview.js"></script>
9 </head>   9 </head>
10     10  
11 <body>   11 <body>
12     <#INCLUDE filename="include_header.html">   12     <#INCLUDE filename="include_header.html">
13     <#INCLUDE filename="include_menu.html">   13     <#INCLUDE filename="include_menu.html">
14     <div class="container">   14     <div class="container">
15         <main id="content" aria-label="Content">   15         <main id="content" aria-label="Content">
16             <#RETURNLINK linkText="Return to <#SYSTEMNAME>." linkTextAutoRedirect="Return to <#SYSTEMNAME>. You will be automatically redirected within <#REDIRECTSECONDS> seconds.">   16             <#RETURNLINK linkText="Return to <#SYSTEMNAME>." linkTextAutoRedirect="Return to <#SYSTEMNAME>. You will be automatically redirected within <#REDIRECTSECONDS> seconds.">
17             <form action="aeon.dll" method="post" id="ViewUserReviewRequests" name="ViewUserReviewRequests">   17             <form action="aeon.dll" method="post" id="ViewUserReviewRequests" name="ViewUserReviewRequests">
18     18  
19                 <input type="hidden" name="AeonForm" value="ViewUserReviewRequests">   19                 <input type="hidden" name="AeonForm" value="ViewUserReviewRequests">
20                 <div class="row">   20                 <div class="row">
21                     <div class="col-lg-7">   21                     <div class="col-lg-7">
22                         <h2 class="header-special">Saved Requests</h2>   22                         <h2 class="header-special">Saved Requests</h2>
23                     </div>   23                     </div>
24                24             
25                     <div class="col-lg-5 text-right">   25                     <div class="col-lg-5 text-right">
26                         <button class="selectOptions btn btn-link checkAll" data-form="ViewUserReviewRequests" aria-label="Select all of the displayed requests." role="button" >Select All</button>   26                         <button class="selectOptions btn btn-link checkAll" data-form="ViewUserReviewRequests" aria-label="Select all of the displayed requests." role="button" >Select All</button>
27                         <button class="selectOptions btn btn-link checkNone" data-form="ViewUserReviewRequests" aria-label="Unselect all of the displayed requests." role="button" >Select None</button>   27                         <button class="selectOptions btn btn-link checkNone" data-form="ViewUserReviewRequests" aria-label="Unselect all of the displayed requests." role="button" >Select None</button>
28                     </div>   28                     </div>
29                 </div>   29                 </div>
30     30  
31                 <span id="saved-requests" class="new-line">   31                 <span id="saved-requests" class="new-line">
32                     <#DATAREPEATER Name="RequestsInReview" TemplateFile="Templates\DataRow_ReviewRequest.html" NoDataAction="<div class='no-data-message'>You do not currently have any requests in review</div>">   32                     <#DATAREPEATER Name="RequestsInReview" TemplateFile="Templates\DataRow_ReviewRequest.html" NoDataAction="<div class='no-data-message'>You do not currently have any requests in review</div>">
33                 </span>   33                 </span>
34                        34                     
35                 <div id ="scheduled-date-div" class="visit-date form-group col-sm-4">   35                 <div id ="scheduled-date-div" class="visit-date form-group col-sm-4">
36                         <label for="ScheduledDate">   36                         <label for="ScheduledDate">
37                             <span class="<#ERROR name='ERRORScheduledDate'>">   37                             <span class="<#ERROR name='ERRORScheduledDate'>">
38                                 Date of Visit   38                                 Date of Visit
39                             </span>   39                             </span>
40                         </label>   40                         </label>
41                         <div class="input-group">   41                         <div class="input-group">
42                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text" aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='ScheduledDate'>"> <> 42                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate scheduledDateNotes" value="<#PARAM name='ScheduledDate'>">
43                             <div class="input-group-append"> = 43                             <div class="input-group-append">
44                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate" aria-label="Calendar">   44                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
45                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>   45                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
46                             </button>   46                             </button>
47                             </div>   47                             </div>
48                         </div>   48                         </div>
49     49  
50                         <div class="small-notes"> <> 50                         <div class="small-notes" id="scheduledDateNotes">
51                             Select the date you plan to visit. = 51                             Select the date you plan to visit.
52                         </div>   52                         </div>
53                 </div>   53                 </div>
54     54  
55                 <div id="request-link-div" class="form-group visit-date col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   55                 <div id="request-link-div" class="form-group visit-date col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
56                     <label for="RequestLink">   56                     <label for="RequestLink">
57                         <span class="<#ERROR name='ERRORRequestLink'>">   57                         <span class="<#ERROR name='ERRORRequestLink'>">
58                             Request for   58                             Request for
59                         </span>   59                         </span>
60                     </label>   60                     </label>
61                     <select class="form-control custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1" >   61                     <select class="form-control custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1" >
62                         <#OPTION name="RequestLinks" hideUsernames="true">   62                         <#OPTION name="RequestLinks" hideUsernames="true">
63                     </select>   63                     </select>
64                 </div>   64                 </div>
65     65  
66                 <script>   66                 <script>
67                     $(document).ready(function () {   67                     $(document).ready(function () {
68                         if (($('#saved-requests .card').length == 0)) {    68                         if (($('#saved-requests .card').length == 0)) { 
69                             $('#scheduled-date-div').hide();   69                             $('#scheduled-date-div').hide();
70                             $('#request-link-div').hide();   70                             $('#request-link-div').hide();
71                         }      71                         }   
72                         else   72                         else
73                         {   73                         {
74                             $('#scheduled-date-div').show();   74                             $('#scheduled-date-div').show();
75                             $('#request-link-div').show();   75                             $('#request-link-div').show();
76                         }   76                         }
77                     });   77                     });
78                 </script>   78                 </script>
79     79  
80                 <input class="btn btn-primary btn-md" type="submit" name="SubmitButton" id="submitInformation" value="Submit Information">   80                 <input class="btn btn-primary btn-md" type="submit" name="SubmitButton" id="submitInformation" value="Submit Information">
81                 <input class="btn btn-secondary btn-md" type="submit" name="SubmitButton" id="submitCancelRequests" formnovalidate value="Cancel Requests">   81                 <input class="btn btn-secondary btn-md" type="submit" name="SubmitButton" id="submitCancelRequests" formnovalidate value="Cancel Requests">
82                 <input class="btn btn-secondary btn-md" type="submit" name="SubmitButton" id="submitCancel" formnovalidate value="Cancel - Exit to Main Menu">   82                 <input class="btn btn-secondary btn-md" type="submit" name="SubmitButton" id="submitCancel" formnovalidate value="Cancel - Exit to Main Menu">
83     83  
84             </form>   84             </form>
85         </main>   85         </main>
86         <#INCLUDE filename="include_footer.html">   86         <#INCLUDE filename="include_footer.html">
87     </div>     87     </div>  
88 </body>   88 </body>
89     89  
90 </html>   90 </html>