AppointmentScheduling\templates\DataRow_DefaultAppointment.html  
1 <div class="card appointmentResult"> = 1 <div class="card appointmentResult">
2     <div id="request<#DATAROW field='Name'>">   2     <div id="request<#DATAROW field='Name'>">
3         <div class="card-body">   3         <div class="card-body">
4             <div class="row">   4             <div class="row">
5                 <div class="col-lg-7 col-md-12">   5                 <div class="col-lg-7 col-md-12">
6                     <h4 class="card-title"> <> 6                     <h3 class="h4 card-title">
7                         <a href="aeon.dll?&Action=10&Form=95&Value=<#DATAROW field='ID'>"><#DATAROW field="Name"></a> = 7                         <a href="aeon.dll?&Action=10&Form=95&Value=<#DATAROW field='ID'>"><#DATAROW field="Name"></a>
8                     </h4> <> 8                     </h3>
9                     <div class="h5 card-subtitle text-muted"><#DATAROW field="ReadingRoomName"></div> = 9                     <div class="h5 card-subtitle text-muted"><#DATAROW field="ReadingRoomName"></div>
10     10  
11                     <div class="<#DATAROW display='CompareValue' field='AvailableToProxies' compareValue='true' disabledValue='d-none'> field text-muted">This appointment is for   11                     <div class="<#DATAROW display='CompareValue' field='AvailableToProxies' compareValue='true' disabledValue='d-none'> field text-muted">This appointment is for
12                         <span class="field-value font-weight-bold">   12                         <span class="field-value font-weight-bold">
13                             <#DATAROW field="FirstOrPreferredName"> <#DATAROW field="LastName">   13                             <#DATAROW field="FirstOrPreferredName"> <#DATAROW field="LastName">
14                         </span>   14                         </span>
15                     </div>   15                     </div>
16                 </div>   16                 </div>
17     17  
18                 <div class="col-lg-5 col-md-12 text-right">   18                 <div class="col-lg-5 col-md-12 text-right">
19                    19                 
20                     <div class="btn-group" role="group" aria-label="Actions for Appointment <#DATAROW field='ID'>">   20                     <div class="btn-group" role="group" aria-label="Actions for Appointment <#DATAROW field='ID'>">
21                         <a class="btn btn-primary" role="button" href="aeon.dll?&Action=10&Form=95&Value=<#DATAROW field='ID'>"><span class="fa fa-info-circle"></span> Details</a>   21                         <a class="btn btn-primary" role="button" href="aeon.dll?&Action=10&Form=95&Value=<#DATAROW field='ID'>"><span class="fa fa-info-circle"></span> Details</a>
22     22  
23                         <div class="btn-group" role="group">   23                         <div class="btn-group" role="group">
24                             <button id="btnGroupDrop<#DATAROW field='ID'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">   24                             <button id="btnGroupDrop<#DATAROW field='ID'>" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
25                                 Actions   25                                 Actions
26                             </button>   26                             </button>
27                             <div class="dropdown-menu" data-noaction-message="You are not able to perform any actions for this appointment" aria-labelledby="btnGroupDrop<#DATAROW field='ID'>">   27                             <div class="dropdown-menu" data-noaction-message="You are not able to perform any actions for this appointment" aria-labelledby="btnGroupDrop<#DATAROW field='ID'>">
28                                 <a class="dropdown-item btn btn-light menuEdit <#DATAROW field='AppointmentActionAllowed' name='Edit' disabledValue='d-none'>" href="aeon.dll?Action=20&amp;Form=97&amp;Value=<#DATAROW field='ID'>"><span aria-hidden="true" class="fas fa-edit text-primary"></span> Edit Appointment</a>   28                                 <a class="dropdown-item btn btn-light menuEdit <#DATAROW field='AppointmentActionAllowed' name='Edit' disabledValue='d-none'>" href="aeon.dll?Action=20&amp;Form=97&amp;Value=<#DATAROW field='ID'>"><span aria-hidden="true" class="fas fa-edit text-primary"></span> Edit Appointment</a>
29                                 <a class="dropdown-item btn btn-light menuCancel <#DATAROW field='AppointmentActionAllowed' name='Cancel' disabledValue='d-none'>" href="aeon.dll?Action=21&amp;Type=17&amp;Value=<#DATAROW field='ID'>"><span aria-hidden="true" class="fas fa-ban text-danger"></span> Cancel Appointment</a>   29                                 <a class="dropdown-item btn btn-light menuCancel <#DATAROW field='AppointmentActionAllowed' name='Cancel' disabledValue='d-none'>" href="aeon.dll?Action=21&amp;Type=17&amp;Value=<#DATAROW field='ID'>"><span aria-hidden="true" class="fas fa-ban text-danger"></span> Cancel Appointment</a>
30                                 <a class="dropdown-item btn btn-light menuDownloadiCalendar" href="aeon.dll?Action=10&amp;Form=96&amp;Value=<#DATAROW field='ID'>"><span aria-hidden="true" class="far fa-calendar-plus mr-1"></span>Download iCalendar</a>   30                                 <a class="dropdown-item btn btn-light menuDownloadiCalendar" href="aeon.dll?Action=10&amp;Form=96&amp;Value=<#DATAROW field='ID'>"><span aria-hidden="true" class="far fa-calendar-plus mr-1"></span>Download iCalendar</a>
31                             </div>   31                             </div>
32                         </div>   32                         </div>
33                     </div>   33                     </div>
34                        34                     
35                     <div class="text-muted">   35                     <div class="text-muted">
36                         <span class="font-weight-bold ml-1" data-formatOnly="true" data-formatString="LLL" data-servertime="<#DATAROW field='StartTime'>"><#DATAROW field="StartTime"></span>   36                         <span class="font-weight-bold ml-1" data-formatOnly="true" data-formatString="LLL" data-servertime="<#DATAROW field='StartTime'>"><#DATAROW field="StartTime"></span>
37                         <span class="font-weight-bold ml-1">&ndash;</span>   37                         <span class="font-weight-bold ml-1">&ndash;</span>
38                         <span class="font-weight-bold ml-1" data-formatOnly="true" data-formatString="LT" data-servertime="<#DATAROW field='StopTime'>"><#DATAROW field="StopTime"></span>   38                         <span class="font-weight-bold ml-1" data-formatOnly="true" data-formatString="LT" data-servertime="<#DATAROW field='StopTime'>"><#DATAROW field="StopTime"></span>
39                     </div>   39                     </div>
40                 </div>   40                 </div>
41             </div>   41             </div>
42         </div>   42         </div>
43     </div>   43     </div>
44 </div>   44 </div>

   
AppointmentScheduling\EditAppointment.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 Appointment</title>   4     <title>Aeon - Edit Appointment</title>
5     <#INCLUDE filename="include_head.html">   5     <#INCLUDE filename="include_head.html">
6     <#INCLUDE filename="include_appointment_scripts.html">   6     <#INCLUDE filename="include_appointment_scripts.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 id="content" class="container" role="heading" aria-label="Content">   15         <main id="content" aria-label="Content">
15         <form action="aeon.dll" method="post" name="EditAppointment"> = 16             <form action="aeon.dll" method="post" name="EditAppointment">
16             <input type="hidden" name="AeonForm" value="EditAppointment">   17                 <input type="hidden" name="AeonForm" value="EditAppointment">
17             <input type="hidden" name="Username" value="<#PARAM name='Username'>">   18                 <input type="hidden" name="Username" value="<#PARAM name='Username'>">
18             <input type="hidden" name="AppointmentID" value="<#PARAM name='AppointmentID'>">   19                 <input type="hidden" name="AppointmentID" value="<#PARAM name='AppointmentID'>">
19             <input type="hidden" id="ReadingRoomID" name="ReadingRoomID" value="<#PARAM name='ReadingRoomID'>">   20                 <input type="hidden" id="ReadingRoomID" name="ReadingRoomID" value="<#PARAM name='ReadingRoomID'>">
20     21  
21             <h2>Edit Appointment</h2>   22                 <h2>Edit Appointment</h2>
22             <div id="statusLine"><#STATUS></div>   23                 <div id="statusLine"><#STATUS></div>
23     24  
24             <section name="appointment-info">   25                 <section name="appointment-info">
25     26  
26                 <div class="form-group col-sm-8">   27                     <div class="form-group col-sm-8">
27                     <label for="ReadingRoomName">   28                         <label for="ReadingRoomName">
28                         <span class="<#ERROR name='ERRORReadingRoomName'>">   29                             <span class="<#ERROR name='ERRORReadingRoomName'>">
29                             Reading Room   30                                 Reading Room
30                         </span>   31                             </span>
31                     </label>   32                         </label>
32                     <input type="text" class="form-control" name="ReadingRoomName" id="ReadingRoomName" value="<#PARAM name='ReadingRoomName'>" readonly>   33                         <input type="text" class="form-control" name="ReadingRoomName" id="ReadingRoomName" value="<#PARAM name='ReadingRoomName'>" readonly>
33                 </div>   34                     </div>
34     35  
35                 <div class="form-group col-sm-8">   36                     <div class="form-group col-sm-8">
36                     <label for="Name">   37                         <label for="Name">
37                         <span class="<#ERROR name='ERRORName'>">   38                             <span class="<#ERROR name='ERRORName'>">
38                             Appointment Name   39                                 Appointment Name
39                         </span>   40                             </span>
40                     </label>   41                         </label>
41                     <input type="text" class="form-control" name="Name" id="Name" value="<#PARAM name='Name'>">   42                         <input type="text" class="form-control" name="Name" id="Name" value="<#PARAM name='Name'>">
42                 </div>   43                     </div>
43     44  
44                 <div class="form-group col-sm-3">   45                     <div class="form-group col-sm-3">
45                     <label for="ScheduledDate">   46                         <label for="ScheduledDate">
46                         <span class="<#ERROR name='ERRORScheduledDate'>">   47                             <span class="<#ERROR name='ERRORScheduledDate'>">
47                             Appointment Date   48                                 Appointment Date
    -+ 49                                 <span class="req">(required)</span>
48                         </span> = 50                             </span>
49                     </label>   51                         </label>
50                     <div class="input-group">   52                         <div class="input-group">
51                         <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='StartTime'>" required>   53                             <input class="form-control" id="ScheduledDate" name="ScheduledDate" type="text"  aria-describedby="button-datePicker-scheduledDate" value="<#PARAM name='StartTime'>" required>
52                         <div class="input-group-append">   54                             <div class="input-group-append">
53                           <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">   55                             <button class="btn btn-outline-secondary dateTrigger" type="button" role="button" id="button-datePicker-scheduledDate" data-triggerDatePicker="#ScheduledDate"  aria-label="Calendar">
54                             <span class="fas fa-calendar ui-datepicker-trigger"></span>   56                                 <span class="fas fa-calendar ui-datepicker-trigger"></span>
55                           </button>   57                             </button>
56                         </div>   58                             </div>
57                     </div>   59                         </div>
58                 </div>   60                     </div>
59     61  
60                 <div class="form-group col-md-4">   62                     <div class="form-group col-md-4">
61                     <label for="StartTime">   63                         <label for="StartTime">
62                         <span class="field">     64                             <span class="field">  
63                             <span class="<#ERROR name='ERRORStartTime'>">   65                                 <span class="<#ERROR name='ERRORStartTime'>">
64                                 Start Time   66                                     Start Time
    -+ 67                                     <span class="req">(required)</span>
65                             </span> = 68                                 </span>
66                         </span>   69                             </span>
67                     </label>   70                         </label>
68                     <select class="custom-select mr-sm-2" id="StartTime" name="StartTime" size="1" data-persisted-value="<#PARAM name='StartTime'>" required>   71                         <select class="custom-select mr-sm-2" id="StartTime" name="StartTime" size="1" data-persisted-value="<#PARAM name='StartTime'>" required>
69                     </select>   72                         </select>
70                 </div>   73                     </div>
71     74  
72                 <div class="form-group col-md-4">   75                     <div class="form-group col-md-4">
73                     <label for="StopTime">   76                         <label for="StopTime">
74                         <span class="field">     77                             <span class="field">  
75                             <span class="<#ERROR name='ERRORStopTime'>">   78                                 <span class="<#ERROR name='ERRORStopTime'>">
76                                 Stop Time   79                                     Stop Time
    -+ 80                                     <span class="req">(required)</span>
77                             </span> = 81                                 </span>
78                         </span>   82                             </span>
79                     </label>   83                         </label>
80                     <select class="custom-select mr-sm-2" id="StopTime" name="StopTime" size="1" data-persisted-value="<#PARAM name='StopTime'>" required>   84                         <select class="custom-select mr-sm-2" id="StopTime" name="StopTime" size="1" data-persisted-value="<#PARAM name='StopTime'>" required>
81                     </select>   85                         </select>
82                 </div>   86                     </div>
83     87  
84             </section>   88                 </section>
85     89  
86             <button class="btn btn-primary btn-md" type="submit" id="buttonSubmitAppointment" name="SubmitButton" value="Submit Appointment">Submit Appointment</button>   90                 <button class="btn btn-primary btn-md" type="submit" id="buttonSubmitAppointment" name="SubmitButton" value="Submit Appointment">Submit Appointment</button>
87             <button class="btn btn-secondary btn-md" type="submit" role="button" id="buttonCancel" name="SubmitButton" value="Cancel - Return to Main Menu" formnovalidate>Cancel - Return to Main Menu</button>   91                 <button class="btn btn-secondary btn-md" type="submit" role="button" id="buttonCancel" name="SubmitButton" value="Cancel - Return to Main Menu" formnovalidate>Cancel - Return to Main Menu</button>
88               92                 
89             <#INCLUDE filename="include_footer.html"> +-    
90         </form> = 93             </form>
    -+ 94         </main>
      95         <#INCLUDE filename="include_footer.html">
91     </div> = 96     </div>
92 </body>   97 </body>
93     98  
94 </html>   99 </html>

   
AppointmentScheduling\ViewAppointment.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 - Appointment Requests</title>   5     <title>Aeon - Appointment Requests</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     <#INCLUDE filename="include_menu.html">   13     <#INCLUDE filename="include_menu.html">
    <> 14     <div class="container">
14     <div id="content" class="container" role="heading" aria-label="Content">   15         <main id="content" aria-label="Content">
15   =    
16         <a class="btn btn-light menuEdit <#APPOINTMENT field='AppointmentActionAllowed' name='Edit' disabledValue='d-none'>"    16             <a class="btn btn-light menuEdit <#APPOINTMENT field='AppointmentActionAllowed' name='Edit' disabledValue='d-none'>" 
17             href="aeon.dll?Action=20&amp;Form=97&amp;Value=<#APPOINTMENT field='ID'>">   17                 href="aeon.dll?Action=20&amp;Form=97&amp;Value=<#APPOINTMENT field='ID'>">
18              <span aria-hidden="true" class="fas fa-edit text-primary"></span> Edit Appointment</a>   18                 <span aria-hidden="true" class="fas fa-edit text-primary"></span> Edit Appointment</a>
19         <a class="btn btn-light menuCancel <#APPOINTMENT field='AppointmentActionAllowed' name='Cancel' disabledValue='d-none'>"   19             <a class="btn btn-light menuCancel <#APPOINTMENT field='AppointmentActionAllowed' name='Cancel' disabledValue='d-none'>"
20             href="aeon.dll?Action=21&amp;Type=17&amp;Value=<#APPOINTMENT field='ID'>">   20                 href="aeon.dll?Action=21&amp;Type=17&amp;Value=<#APPOINTMENT field='ID'>">
21              <span aria-hidden="true" class="fas fa-ban text-danger"></span> Cancel Appointment   21                 <span aria-hidden="true" class="fas fa-ban text-danger"></span> Cancel Appointment
22         </a>   22             </a>
23     23  
24         <h3 class="reqHeader mt-4">Appointment Information</h3> <> 24             <h2 class="h3 reqHeader mt-4 py-0">Appointment Information</h2>
25         = 25             
26         <div class="row">   26             <div class="row">
27     27  
28             <div class="col-lg-12">   28                 <div class="col-lg-12">
29           29             
30                 <div class="field list-group-item">   30                     <div class="field list-group-item">
31                     <div class="d-flex justify-content-between">   31                         <div class="d-flex justify-content-between">
32                         <span class="transaction-label">Name</span>   32                             <span class="transaction-label">Name</span>
33                         <strong>   33                             <strong>
34                             <span class="field-value mr-1"><#APPOINTMENT field="Name"></span>   34                                 <span class="field-value mr-1"><#APPOINTMENT field="Name"></span>
35                         </strong>   35                             </strong>
36                     </div>   36                         </div>
37                 </div>   37                     </div>
38     38  
39                 <div class="field list-group-item">   39                     <div class="field list-group-item">
40                     <div class="d-flex justify-content-between">   40                         <div class="d-flex justify-content-between">
41                         <span class="transaction-label">Reading Room Name</span>   41                             <span class="transaction-label">Reading Room Name</span>
42                         <strong>   42                             <strong>
43                             <span class="field-value mr-1"><#APPOINTMENT field="ReadingRoomName"></span>   43                                 <span class="field-value mr-1"><#APPOINTMENT field="ReadingRoomName"></span>
44                         </strong>   44                             </strong>
45                     </div>   45                         </div>
46                 </div>   46                     </div>
47     47  
48                 <div class="field list-group-item <#APPOINTMENT display='CompareValue' field='AvailableToProxies' compareValue='true' disabledValue='d-none'>">   48                     <div class="field list-group-item <#APPOINTMENT display='CompareValue' field='AvailableToProxies' compareValue='true' disabledValue='d-none'>">
49                     <div class="d-flex justify-content-between">   49                         <div class="d-flex justify-content-between">
50                         <span class="transaction-label">This appointment is for</span>   50                             <span class="transaction-label">This appointment is for</span>
51                         <strong>   51                             <strong>
52                             <span class="field-value mr-1"><#APPOINTMENT field="FirstOrPreferredName"> <#APPOINTMENT field="LastName"></span>   52                                 <span class="field-value mr-1"><#APPOINTMENT field="FirstOrPreferredName"> <#APPOINTMENT field="LastName"></span>
53                         </strong>   53                             </strong>
54                     </div>   54                         </div>
55                 </div>   55                     </div>
56     56  
57                 <div class="field list-group-item">   57                     <div class="field list-group-item">
58                     <div class="d-flex justify-content-between">   58                         <div class="d-flex justify-content-between">
59                         <span class="transaction-label">Start Time</span>   59                             <span class="transaction-label">Start Time</span>
60                         <strong>   60                             <strong>
61                             <span class="field-value mr-1" data-formatOnly="true" data-formatString="LLL" data-servertime="<#APPOINTMENT field='StartTime'>"><#APPOINTMENT field="StartTime"></span>   61                                 <span class="field-value mr-1" data-formatOnly="true" data-formatString="LLL" data-servertime="<#APPOINTMENT field='StartTime'>"><#APPOINTMENT field="StartTime"></span>
62                         </strong>   62                             </strong>
63                     </div>   63                         </div>
64                 </div>   64                     </div>
65     65  
66                 <div class="field list-group-item">   66                     <div class="field list-group-item">
67                     <div class="d-flex justify-content-between">   67                         <div class="d-flex justify-content-between">
68                         <span class="transaction-label">Stop Time</span>   68                             <span class="transaction-label">Stop Time</span>
69                         <strong>   69                             <strong>
70                             <span class="field-value mr-1" data-formatOnly="true" data-formatString="LLL" data-servertime="<#APPOINTMENT field='StopTime'>"><#APPOINTMENT field="StopTime"></span>   70                                 <span class="field-value mr-1" data-formatOnly="true" data-formatString="LLL" data-servertime="<#APPOINTMENT field='StopTime'>"><#APPOINTMENT field="StopTime"></span>
71                         </strong>   71                             </strong>
72                     </div>   72                         </div>
73                 </div>   73                     </div>
74             </div>   74                 </div>
75         </div>   75             </div>
76     76  
77         <h3 class="reqHeader mt-4">Appointment Requests</h3> <> 77             <h2 class="h3 reqHeader mt-4 py-0">Appointment Requests</h2>
78   = 78  
79         <#DATAREPEATER name="ViewAppointmentRequests" TemplateFile="templates/DataRow_DefaultRequest.html" noDataAction="<div class='no-data-message'>No requests are associated with this appointment</div>" orderby="TransactionNumber DESC">   79             <#DATAREPEATER name="ViewAppointmentRequests" TemplateFile="templates/DataRow_DefaultRequest.html" noDataAction="<div class='no-data-message'>No requests are associated with this appointment</div>" orderby="TransactionNumber DESC">
80           80             
81         <div>   81             <div>
82             <a class="btn btn-primary btn-md" href="<#ACTION action='10' form='96'>&Value=<#APPOINTMENT field='ID'>">Download iCalendar file</a>   82                 <a class="btn btn-primary btn-md" href="<#ACTION action='10' form='96'>&Value=<#APPOINTMENT field='ID'>">Download iCalendar file</a>
83         </div>   83             </div>
      84  
    -+ 85         </main>
84          = 86         
85         <#INCLUDE filename="include_footer.html">   87         <#INCLUDE filename="include_footer.html">
86           88        
87     </div>   89     </div>
88 </body>   90 </body>
89     91  
90 </html>   92 </html>

   
AppointmentScheduling\ViewAppointments.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html lang="en-US">   2 <html lang="en-US">
3 <head>   3 <head>
4     <title>Aeon - Appointments</title>   4     <title>Aeon - Appointments</title>
5     <#INCLUDE filename="include_head.html">   5     <#INCLUDE filename="include_head.html">
6     <#INCLUDE filename="include_appointment_scripts.html">   6     <#INCLUDE filename="include_appointment_scripts.html">
7 </head>   7 </head>
8 <body>   8 <body>
9       9    
10     <#INCLUDE filename="include_header.html">   10     <#INCLUDE filename="include_header.html">
11     11  
12     <#INCLUDE filename="include_menu.html">   12     <#INCLUDE filename="include_menu.html">
    <> 13     <div class="container">
13     <div id="content" class="container" role="heading" aria-label="Content">    14         <main id="content" aria-label="Content"> 
14         <div id="username" hidden><#PARAM name="Username"></div> = 15             <div id="username" hidden><#PARAM name="Username"></div>
15         <h2>Appointments</h2>   16             <h2>Appointments</h2>
16     17  
17         <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#SchedulerModal">Schedule Appointments</button>   18             <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#SchedulerModal">Schedule Appointments</button>
18     19  
19         <div id="SchedulerError" class="alerts-bar"></div>   20             <div id="SchedulerError" class="alerts-bar"></div>
20         <div id="SchedulerModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="schedulerLabel" aria-hidden="true">   21             <div id="SchedulerModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="schedulerLabel" aria-hidden="true">
21             <div class="modal-dialog">   22                 <div class="modal-dialog">
22                 <div class="modal-content">   23                     <div class="modal-content">
23                     <div class="modal-header">   24                         <div class="modal-header">
24                         <h4 class="modal-title" id="schedulerLabel">Schedule an Appointment</h4> <> 25                             <h3 class="h4 modal-title" id="schedulerLabel">Schedule an Appointment</h3>
25                     </div> = 26                         </div>
26                     <div class="modal-body">   27                         <div class="modal-body">
27                         <div class="demo-container container">   28                             <div class="demo-container container">
28                             <div class="form-group col-md-5">   29                                 <div class="form-group col-md-5">
29                                 <label for="ReadingRoom">   30                                     <label for="ReadingRoom">
30                                     <span class="<#ERROR name='ERRORReadingRoomID'>">   31                                         <span class="<#ERROR name='ERRORReadingRoomID'>">
31                                         Reading Room   32                                             Reading Room
32                                     </span>   33                                         </span>
33                                 </label>   34                                     </label>
34                                 <select class="custom-select mr-sm-2" id="ReadingRoomID" name="ReadingRoomID" data-persisted-value="<#PARAM name='ReadingRoomID'>" size="1"></select>   35                                     <select class="custom-select mr-sm-2" id="ReadingRoomID" name="ReadingRoomID" data-persisted-value="<#PARAM name='ReadingRoomID'>" size="1"></select>
35                             </div>   36                                 </div>
36       37         
37                             <div id="scheduler"></div>   38                                 <div id="scheduler"></div>
38                         </div>   39                             </div>
39                     </div>   40                         </div>
40                     <div class="modal-footer">   41                         <div class="modal-footer">
41                         <button id="ModalDismiss" type="button" class="btn btn-default" data-dismiss="modal">Close</button>   42                             <button id="ModalDismiss" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
42                     </div>   43                         </div>
43                 </div>   44                     </div>
44             </div>   45                 </div>
45         </div>   46             </div>
46     47  
47         <#DATAREPEATER name="ViewAppointments" TemplateFile="templates/DataRow_DefaultAppointment.html" context="self" noDataAction="<div class='no-data-message'>No appointments are currently scheduled</div>">   48             <#DATAREPEATER name="ViewAppointments" TemplateFile="templates/DataRow_DefaultAppointment.html" context="self" noDataAction="<div class='no-data-message'>No appointments are currently scheduled</div>">
    -+ 49         </main>
48      = 50  
49         <#INCLUDE filename="include_footer.html">   51         <#INCLUDE filename="include_footer.html">
50     52  
51     </div>   53     </div>
52 </body>   54 </body>
53 </html>   55 </html>

   
AppointmentScheduling\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 id="content" class="container" role="heading" aria-label="Content">   15         <main id="content" aria-label="Content">
15         <#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.">
16         <form action="aeon.dll" method="post" id="ViewUserReviewRequests" name="ViewUserReviewRequests">   17             <form action="aeon.dll" method="post" id="ViewUserReviewRequests" name="ViewUserReviewRequests">
17     18  
18             <input type="hidden" name="AeonForm" value="ViewUserReviewRequests">   19                 <input type="hidden" name="AeonForm" value="ViewUserReviewRequests">
19             <div class="row">   20                 <div class="row">
20                 <div class="col-lg-7">   21                     <div class="col-lg-7">
21                     <h2 class="header-special">Saved Requests</h2>   22                         <h2 class="header-special">Saved Requests</h2>
22                 </div>   23                     </div>
23           24             
24                 <div class="col-lg-5 text-right">   25                     <div class="col-lg-5 text-right">
25                     <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>
26                     <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>
27                 </div>   28                     </div>
28             </div>   29                 </div>
29     30  
30             <span id="saved-requests" class="new-line">   31                 <span id="saved-requests" class="new-line">
31                 <#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>">
32             </span>   33                 </span>
33     34  
34             <#INCLUDE filename="include_appointment_info.html">   35                 <#INCLUDE filename="include_appointment_info.html">
35     36  
36             <script>   37                 <script>
37                 $(document).ready(function () {   38                     $(document).ready(function () {
38                     if (($('#saved-requests .card').length == 0)) {    39                         if (($('#saved-requests .card').length == 0)) { 
39                         $('#appointment-info-div').hide();   40                             $('#appointment-info-div').hide();
40                     }      41                         }   
41                     else   42                         else
42                     {   43                         {
43                         $('#appointment-info-div').show();   44                             $('#appointment-info-div').show();
44                     }   45                         }
45                 });   46                     });
46             </script>   47                 </script>
47     48  
48             <input class="btn btn-primary btn-md" type="submit" name="SubmitButton" id="submitInformation" value="Submit Information">   49                 <input class="btn btn-primary btn-md" type="submit" name="SubmitButton" id="submitInformation" value="Submit Information">
49             <input class="btn btn-secondary btn-md" type="submit" name="SubmitButton" id="submitCancelRequests" formnovalidate value="Cancel Requests">   50                 <input class="btn btn-secondary btn-md" type="submit" name="SubmitButton" id="submitCancelRequests" formnovalidate value="Cancel Requests">
50             <input class="btn btn-secondary btn-md" type="submit" name="SubmitButton" id="submitCancel" formnovalidate value="Cancel - Exit to Main Menu">   51                 <input class="btn btn-secondary btn-md" type="submit" name="SubmitButton" id="submitCancel" formnovalidate value="Cancel - Exit to Main Menu">
51     52  
52         </form>   53             </form>
    -+ 54         </main>
53         <#INCLUDE filename="include_footer.html"> = 55         <#INCLUDE filename="include_footer.html">
54     </div>     56     </div>  
55 </body>   57 </body>
56     58  
57 </html>   59 </html>

   
Sagepay\CreditCardPayment.html  
1 <!DOCTYPE html> = 1 <!DOCTYPE html>
2 <html> <> 2 <html lang="en-US">
3 <head> = 3 <head>
4     <title>Aeon - Approve Billing</title>   4     <title>Aeon - Approve Billing</title>
5     <#INCLUDE filename="include_head.html">   5     <#INCLUDE filename="include_head.html">
6 </head>   6 </head>
7 <body>   7 <body>
8     <#INCLUDE filename="include_header.html">   8     <#INCLUDE filename="include_header.html">
9     <#INCLUDE filename="include_menu.html">   9     <#INCLUDE filename="include_menu.html">
    <> 10     <div class="container">
10     <div id="content" class="container" role="heading" aria-label="Content">   11         <main id="content" aria-label="Content">
11         <div class="row">                            = 12             <div class="row">                           
12             <div class="col-lg-9">   13                 <div class="col-lg-9">
13                 <h3>Payment Details</h3> <> 14                     <h2 class="h3 py-0">Payment Details</h2>
14                 <div id="orderEstimates">                        = 15                     <div id="orderEstimates">                       
15                     <#DATAREPEATER name="CreditCardPayment" TemplateFile="templates/DataRow_CreditCardOrder.html" noDataAction="You have no orders to pay for" orderby="t.TransactionNumber DESC">   16                         <#DATAREPEATER name="CreditCardPayment" TemplateFile="templates/DataRow_CreditCardOrder.html" noDataAction="You have no orders to pay for" orderby="t.TransactionNumber DESC">
16                 </div>   17                     </div>
17             </div>   18                 </div>
18             <div class="col-lg-3">   19                 <div class="col-lg-3">
19                 <h3> <> 20                     <h2 class="h3 py-0">
20                     <span class="text-muted">Summary</span>                      = 21                         <span class="text-muted">Summary</span>                     
21                 </h3> <> 22                     </h2>
22   = 23  
23                 <div class="list-group-item d-flex justify-content-between">   24                     <div class="list-group-item d-flex justify-content-between">
24                     <span>Charges</span>   25                         <span>Charges</span>
25                     <strong>$<span id="summaryTotalCharges">0.00</span></strong>   26                         <strong>$<span id="summaryTotalCharges">0.00</span></strong>
26                 </div>   27                     </div>
27     28  
28                 <script type="text/javascript">   29                     <script type="text/javascript">
29                     $(document).ready (function(){   30                         $(document).ready (function(){
30                     var total = 0;   31                         var total = 0;
31     32  
32                     $('[data-totalCharge]').each(function() {          33                         $('[data-totalCharge]').each(function() {       
33                     total += Number($(this).attr('data-totalCharge'));   34                         total += Number($(this).attr('data-totalCharge'));
34                     });   35                         });
35     36  
36                     $('#summaryTotalCharges').text(total.toFixed(2));          37                         $('#summaryTotalCharges').text(total.toFixed(2));       
37                           38                             
38                     $('#payOrder').prop('disabled', (total.toFixed(2) <= 0));   39                         $('#payOrder').prop('disabled', (total.toFixed(2) <= 0));
39                     })   40                         })
40                 </script>   41                     </script>
41             </div>   42                 </div>
42         </div>   43             </div>
43           44             
44         <div class="row mt-2">                             45             <div class="row mt-2">                          
45             <div class="col-lg-12">   46                 <div class="col-lg-12">
46                 <form id="sagepayform" action="aeon.dll?Action=11&Type=107" method="post">    47                     <form id="sagepayform" action="aeon.dll?Action=11&Type=107" method="post"> 
47                     <!--Edit the following values -->   48                         <!--Edit the following values -->
48                       49                         
49                     <input type="hidden" name="VPSProtocol" value="2.23" />   50                         <input type="hidden" name="VPSProtocol" value="2.23" />
50                     <input type="hidden" name="Currency" value="GBP">   51                         <input type="hidden" name="Currency" value="GBP">
51                     <input type="hidden" name="Description" value="<#CUSTOMIZATION name=CreditCardTransactionsDescription />">   52                         <input type="hidden" name="Description" value="<#CUSTOMIZATION name=CreditCardTransactionsDescription />">
52                     <input type="hidden" name="TransactionNumbers" value="<#PARAM name='TransactionNumbers'>">                      53                         <input type="hidden" name="TransactionNumbers" value="<#PARAM name='TransactionNumbers'>">                   
53                     <!--System defined values -->   54                         <!--System defined values -->
54                     <input type="hidden" name="NotificationURL" value="<#CUSTOMIZATION name=WebURL />aeon.dll?action=11&type=108" />   55                         <input type="hidden" name="NotificationURL" value="<#CUSTOMIZATION name=WebURL />aeon.dll?action=11&type=108" />
55           56             
56                     <fieldset>   57                         <fieldset>
57                         <legend>Billing Address Details</legend>   58                             <legend>Billing Address Details</legend>
58                         <div class="form-group col-md-6">   59                             <div class="form-group col-md-6">
59                             <label for="AddressSelection">   60                                 <label for="AddressSelection">
60                                 <span class="<#ERROR name='ERRORAddressSelection'>">   61                                     <span class="<#ERROR name='ERRORAddressSelection'>">
61                                     Use address details from your Aeon account.   62                                         Use address details from your Aeon account.
62                                 </span>   63                                     </span>
63                             </label>   64                                 </label>
64                             <select class="custom-select mr-sm-2" id="AddressSelection" name="AddressSelection" size="1" title="Selecting an address will automatically populate the billing address details." onchange="populateAddressFields();">   65                                 <select class="custom-select mr-sm-2" id="AddressSelection" name="AddressSelection" size="1" title="Selecting an address will automatically populate the billing address details." onchange="populateAddressFields();">
65                                     <option value="0">Select an address</option>   66                                         <option value="0">Select an address</option>
66                                     <option value="1">Primary Address - <#USER field="Address"></option>   67                                         <option value="1">Primary Address - <#USER field="Address"></option>
67                                     <option value="2">Secondary Address - <#USER field="SAddress"></option>   68                                         <option value="2">Secondary Address - <#USER field="SAddress"></option>
68                             </select><br />   69                                 </select><br />
69                         </div>   70                             </div>
70                           71                             
71                         <div class="form-group col-md-5">   72                             <div class="form-group col-md-5">
72                             <label for="BillingFirstnames">   73                                 <label for="BillingFirstnames">
73                                 <span class="<#ERROR name='ERRORBillingFirstnames'>">   74                                     <span class="<#ERROR name='ERRORBillingFirstnames'>">
74                                     First Name   75                                         First Name
75                                 </span>   76                                     </span>
76                                 <span class="req">(required)</span>   77                                     <span class="req">(required)</span>
77                             </label>   78                                 </label>
78                             <input type="text" class="form-control" name="BillingFirstnames" id="BillingFirstnames" value="<#PARAM name='BillingFirstnames'>" required>   79                                 <input type="text" class="form-control" name="BillingFirstnames" id="BillingFirstnames" value="<#PARAM name='BillingFirstnames'>" required>
79                         </div>   80                             </div>
80           81             
81                         <div class="form-group col-md-5">   82                             <div class="form-group col-md-5">
82                             <label for="BillingSurname">   83                                 <label for="BillingSurname">
83                                 <span class="<#ERROR name='ERRORBillingSurname'>">   84                                     <span class="<#ERROR name='ERRORBillingSurname'>">
84                                     Last Name   85                                         Last Name
85                                 </span>   86                                     </span>
86                                 <span class="req">(required)</span>   87                                     <span class="req">(required)</span>
87                             </label>   88                                 </label>
88                             <input type="text" class="form-control" name="BillingSurname" id="BillingSurname" value="<#PARAM name='BillingSurname'>" required>   89                                 <input type="text" class="form-control" name="BillingSurname" id="BillingSurname" value="<#PARAM name='BillingSurname'>" required>
89                         </div>   90                             </div>
90           91             
91                         <div class="form-group col-md-6">   92                             <div class="form-group col-md-6">
92                             <label for="BillingAddress1">   93                                 <label for="BillingAddress1">
93                                 <span class="<#ERROR name='ERRORBillingAddress1'>">   94                                     <span class="<#ERROR name='ERRORBillingAddress1'>">
94                                     Address Line 1   95                                         Address Line 1
95                                 </span>   96                                     </span>
96                                 <span class="req">(required)</span>   97                                     <span class="req">(required)</span>
97                             </label>   98                                 </label>
98                             <input type="text" class="form-control" name="BillingAddress1" id="BillingAddress1" value="<#PARAM name='BillingAddress1'>" required>   99                                 <input type="text" class="form-control" name="BillingAddress1" id="BillingAddress1" value="<#PARAM name='BillingAddress1'>" required>
99                         </div>   100                             </div>
100           101             
101                         <div class="form-group col-md-6">   102                             <div class="form-group col-md-6">
102                             <label for="BillingAddress2">   103                                 <label for="BillingAddress2">
103                                 <span class="<#ERROR name='ERRORBillingAddress2'>">   104                                     <span class="<#ERROR name='ERRORBillingAddress2'>">
104                                     Address Line 2   105                                         Address Line 2
105                                 </span>   106                                     </span>
106                             </label>   107                                 </label>
107                             <input type="text" class="form-control" name="BillingAddress2" id="BillingAddress2" value="<#PARAM name='BillingAddress2'>">   108                                 <input type="text" class="form-control" name="BillingAddress2" id="BillingAddress2" value="<#PARAM name='BillingAddress2'>">
108                         </div>   109                             </div>
109           110             
110                         <div class="form-group col-md-4">   111                             <div class="form-group col-md-4">
111                             <label for="BillingCity">   112                                 <label for="BillingCity">
112                                 <span class="<#ERROR name='ERRORBillingCity'>">   113                                     <span class="<#ERROR name='ERRORBillingCity'>">
113                                     City   114                                         City
114                                 </span>   115                                     </span>
115                                 <span class="req">(required)</span>   116                                     <span class="req">(required)</span>
116                             </label>   117                                 </label>
117                             <input type="text" class="form-control" name="BillingCity" id="BillingCity" value="<#PARAM name='BillingCity'>" required>   118                                 <input type="text" class="form-control" name="BillingCity" id="BillingCity" value="<#PARAM name='BillingCity'>" required>
118                         </div>   119                             </div>
119           120             
120                         <div class="form-group col-md-4 d-none">   121                             <div class="form-group col-md-4 d-none">
121                             <label for="BillingState">   122                                 <label for="BillingState">
122                                 <span class="<#ERROR name='ERRORBillingState'>">   123                                     <span class="<#ERROR name='ERRORBillingState'>">
123                                     State   124                                         State
124                                 </span>   125                                     </span>
125                             </label>   126                                 </label>
126                             <select class="custom-select mr-sm-2" id="BillingState" name="BillingState" size="1">   127                                 <select class="custom-select mr-sm-2" id="BillingState" name="BillingState" size="1">
127                                     <#OPTION name="States" selectedValue="<#PARAM name='BillingState'>" defaultValue="Select your state"/>   128                                         <#OPTION name="States" selectedValue="<#PARAM name='BillingState'>" defaultValue="Select your state"/>
128                             </select><br />   129                                 </select><br />
129                         </div>   130                             </div>
130           131             
131                         <div class="form-group col-md-4">   132                             <div class="form-group col-md-4">
132                             <label for="BillingCountry">   133                                 <label for="BillingCountry">
133                                 <span class="<#ERROR name='ERRORBillingCountry'>">   134                                     <span class="<#ERROR name='ERRORBillingCountry'>">
134                                     Country   135                                         Country
135                                 </span>   136                                     </span>
136                                 <span class="req">(required)</span>   137                                     <span class="req">(required)</span>
137                             </label>   138                                 </label>
138                             <select class="custom-select mr-sm-2" id="BillingCountry" name="BillingCountry" size="1" title="Selecting a country will dynamically show or hide the state address field." onchange="setStateVisibility();" required>   139                                 <select class="custom-select mr-sm-2" id="BillingCountry" name="BillingCountry" size="1" title="Selecting a country will dynamically show or hide the state address field." onchange="setStateVisibility();" required>
139                                     <#OPTION name="Countries" selectedValue="<#PARAM name='BillingCountry'>" defaultValue="Select your country" />   140                                         <#OPTION name="Countries" selectedValue="<#PARAM name='BillingCountry'>" defaultValue="Select your country" />
140                             </select><br />   141                                 </select><br />
141                         </div>   142                             </div>
142                           143                             
143                         <div class="form-group col-md-4">   144                             <div class="form-group col-md-4">
144                             <label for="BillingPostCode">   145                                 <label for="BillingPostCode">
145                                 <span class="<#ERROR name='ERRORBillingPostCode'>">   146                                     <span class="<#ERROR name='ERRORBillingPostCode'>">
146                                     Postal Code   147                                         Postal Code
147                                 </span>   148                                     </span>
148                                 <span class="req">(required)</span>   149                                     <span class="req">(required)</span>
149                             </label>   150                                 </label>
150                             <input type="text" class="form-control" name="BillingPostCode" id="BillingPostCode" value="<#PARAM name='BillingPostCode'>" required>   151                                 <input type="text" class="form-control" name="BillingPostCode" id="BillingPostCode" value="<#PARAM name='BillingPostCode'>" required>
151                         </div>   152                             </div>
152                           153                             
153                         <div class="form-group col-md-3">   154                             <div class="form-group col-md-3">
154                             <label for="BillingPhone">   155                                 <label for="BillingPhone">
155                                 <span class="<#ERROR name='ERRORBillingPhone'>">   156                                     <span class="<#ERROR name='ERRORBillingPhone'>">
156                                     Phone Number   157                                         Phone Number
157                                 </span>   158                                     </span>
158                             </label>   159                                 </label>
159                             <input type="text" class="form-control" name="BillingPhone" id="BillingPhone" value="<#PARAM name='BillingPhone'>">   160                                 <input type="text" class="form-control" name="BillingPhone" id="BillingPhone" value="<#PARAM name='BillingPhone'>">
160                         </div>   161                             </div>
161                           162                             
162                         <div class="form-group col-md-6">   163                             <div class="form-group col-md-6">
163                             <label for="BillingEmail">   164                                 <label for="BillingEmail">
164                                 <span class="<#ERROR name='ERRORBillingEmail'>">   165                                     <span class="<#ERROR name='ERRORBillingEmail'>">
165                                     Email Address   166                                         Email Address
166                                 </span>   167                                     </span>
167                             </label>   168                                 </label>
168                             <input type="text" class="form-control" name="BillingEmail" id="BillingEmail" value="<#PARAM name='BillingEmail'>">   169                                 <input type="text" class="form-control" name="BillingEmail" id="BillingEmail" value="<#PARAM name='BillingEmail'>">
169                         </div>   170                             </div>
170           171             
171                     </fieldset>   172                         </fieldset>
172                 </form>   173                     </form>
173                 <div class="col-lg-3">   174                     <div class="col-lg-3">
174                     <#INCLUDE filename="templates/payment/include_payment_buttons.html">   175                         <#INCLUDE filename="templates/payment/include_payment_buttons.html">
175                 </div>   176                     </div>
176           177             
177                 <script type="text/javascript">   178                     <script type="text/javascript">
178                     $(document).ready(function () {   179                         $(document).ready(function () {
179                         $("#payOrder").click(function () {   180                             $("#payOrder").click(function () {
180                             $("#sagepayform").submit();   181                                 $("#sagepayform").submit();
181                         });   182                             });
182                           183                             
183                         $("#payOrder").click(function () {   184                             $("#payOrder").click(function () {
184                             $("#payOrder, #cancel").attr('disabled', true);   185                                 $("#payOrder, #cancel").attr('disabled', true);
185                         });   186                             });
186           187             
187                         $("#cancel").click(function () {   188                             $("#cancel").click(function () {
188                             window.location.replace("<#DLL queryFields=false>?action=10&form=10");   189                                 window.location.replace("<#DLL queryFields=false>?action=10&form=10");
189                         });   190                             });
190           191             
191                         setStateVisibility();   192                             setStateVisibility();
192                         UpdatePaymentCharges(); +-    
193                     }); = 193                         });
194           194             
195                     function setStateVisibility() {   195                         function setStateVisibility() {
196                         if ($('#BillingCountry').val() == 'US') {   196                             if ($('#BillingCountry').val() == 'US') {
197                             $('#BillingStateLabel').show();   197                                 $('#BillingStateLabel').show();
198                         }   198                             }
199                         else {   199                             else {
200                             $('#BillingStateLabel').hide();   200                                 $('#BillingStateLabel').hide();
201                         }   201                             }
202                     }   202                         }
203           203             
204                     function populateAddressFields() {   204                         function populateAddressFields() {
205                         var addressNumber = $('#AddressSelection').val()   205                             var addressNumber = $('#AddressSelection').val()
206           206             
207                         if (addressNumber == 1) {   207                             if (addressNumber == 1) {
208                             $('#BillingFirstnames').val('<#USER field="FirstName">');   208                                 $('#BillingFirstnames').val('<#USER field="FirstName">');
209                             $('#BillingSurname').val('<#USER field="LastName">');   209                                 $('#BillingSurname').val('<#USER field="LastName">');
210                             $('#BillingAddress1').val('<#USER field="Address">');   210                                 $('#BillingAddress1').val('<#USER field="Address">');
211                             $('#BillingAddress2').val('<#USER field="Address2">');   211                                 $('#BillingAddress2').val('<#USER field="Address2">');
212                             $('#BillingCity').val('<#USER field="City">');   212                                 $('#BillingCity').val('<#USER field="City">');
213                             $('#BillingState').val('<#USER field="State">');   213                                 $('#BillingState').val('<#USER field="State">');
214                             $('#BillingCountry').val('<#USER field="Country">');   214                                 $('#BillingCountry').val('<#USER field="Country">');
215                             $('#BillingPostCode').val('<#USER field="Zip">');   215                                 $('#BillingPostCode').val('<#USER field="Zip">');
216                             $('#BillingPhone').val('<#USER field="Phone">');   216                                 $('#BillingPhone').val('<#USER field="Phone">');
217                             $('#BillingEmail').val('<#USER field="EMailAddress">');   217                                 $('#BillingEmail').val('<#USER field="EMailAddress">');
218                         }   218                             }
219                         else if (addressNumber == 2) {   219                             else if (addressNumber == 2) {
220                             $('#BillingFirstnames').val('<#USER field="FirstName">');   220                                 $('#BillingFirstnames').val('<#USER field="FirstName">');
221                             $('#BillingSurname').val('<#USER field="LastName">');   221                                 $('#BillingSurname').val('<#USER field="LastName">');
222                             $('#BillingAddress1').val('<#USER field="SAddress">');   222                                 $('#BillingAddress1').val('<#USER field="SAddress">');
223                             $('#BillingAddress2').val('<#USER field="SAddress2">');   223                                 $('#BillingAddress2').val('<#USER field="SAddress2">');
224                             $('#BillingCity').val('<#USER field="SCity">');   224                                 $('#BillingCity').val('<#USER field="SCity">');
225                             $('#BillingState').val('<#USER field="SState">');   225                                 $('#BillingState').val('<#USER field="SState">');
226                             $('#BillingCountry').val('<#USER field="SCountry">');   226                                 $('#BillingCountry').val('<#USER field="SCountry">');
227                             $('#BillingPostCode').val('<#USER field="SZip">');   227                                 $('#BillingPostCode').val('<#USER field="SZip">');
228                             $('#BillingPhone').val('<#USER field="Phone">');   228                                 $('#BillingPhone').val('<#USER field="Phone">');
229                             $('#BillingEmail').val('<#USER field="EMailAddress">');   229                                 $('#BillingEmail').val('<#USER field="EMailAddress">');
230                         }   230                             }
231           231             
232                         setStateVisibility();   232                             setStateVisibility();
233                     }   233                         }
234                       234                         
235                 </script>   235                     </script>
236                 <#INCLUDE filename="include_footer.html"> <> 236                    
237             </div> = 237                 </div>
238         </div>   238             </div>
    -+ 239         </main>
      240         <#INCLUDE filename="include_footer.html">
239     </div> = 241     </div>
240     242  
241 </body>   243 </body>
242 </html>   244 </html>