Aeon 5.1.29 Feature Specific Changes
   
Left: Old  
Right: New  

   
File: 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                     <h3 class="h4 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                     </h3>   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" 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>

   
File: AppointmentScheduling\include_appointment_info.html  
1 <#INCLUDE filename="include_appointment_scripts.html"> = 1 <#INCLUDE filename="include_appointment_scripts.html">
2     2  
3 <div id="appointment-info-div">   3 <div id="appointment-info-div">
4     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">   4     <div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' enabled='RequestForEnabled' disabled='d-none'>">
5         <div id="username" hidden><#PARAM name="Username"></div>   5         <div id="username" hidden><#PARAM name="Username"></div>
6         <label for="RequestLink">   6         <label for="RequestLink">
7             <span class="<#ERROR name='ERRORRequestLink'>">   7             <span class="<#ERROR name='ERRORRequestLink'>">
8                 Request for   8                 Request for
9             </span>   9             </span>
10         </label>   10         </label>
11         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">   11         <select class="custom-select mr-sm-2" id="RequestLink" name="RequestLink" size="1">
12             <#OPTION name="RequestLinks">   12             <#OPTION name="RequestLinks">
13         </select>   13         </select>
14     </div>   14     </div>
15     15  
16     <div class="form-group col-md-5 sites-enabled">   16     <div class="form-group col-md-5 sites-enabled">
17         <label for="Site">   17         <label for="Site">
18             <span class="field">   18             <span class="field">
19                 <span class="<#ERROR name='ERRORSite'>">Site</span>   19                 <span class="<#ERROR name='ERRORSite'>">Site</span>
20             </span>   20             </span>
21             <select class="custom-select mr-sm-2" id="Site" name="Site" size="1">   21             <select class="custom-select mr-sm-2" id="Site" name="Site" size="1">
22                 <#OPTION name="Sites" selectedValue="<#PARAM name='Site'>" defaultName="Choose a Site" defaultValue="">   22                 <#OPTION name="Sites" selectedValue="<#PARAM name='Site'>" defaultName="Choose a Site" defaultValue="">
23             </select>   23             </select>
24         </label>   24         </label>
25     </div>   25     </div>
26     26  
27     <div class="form-group col-md-5 appointments-enabled">   27     <div class="form-group col-md-5 appointments-enabled">
28         <label for="ReadingRoomID">   28         <label for="ReadingRoomID">
29             <span class="<#ERROR name='ERRORReadingRoomID'>">   29             <span class="<#ERROR name='ERRORReadingRoomID'>">
30                 Reading Room   30                 Reading Room
31             </span>   31             </span>
32         </label>   32         </label>
33         <select class="custom-select mr-sm-2" id="ReadingRoomID" name="ReadingRoomID" data-persisted-value="<#PARAM name='ReadingRoomID'>" size="1"></select>   33         <select class="custom-select mr-sm-2" id="ReadingRoomID" name="ReadingRoomID" data-persisted-value="<#PARAM name='ReadingRoomID'>" size="1"></select>
34     </div>   34     </div>
35     35  
36     <div class="form-group col-md-5 appointments-enabled">   36     <div class="form-group col-md-5 appointments-enabled">
37         <label for="AppointmentID">   37         <label for="AppointmentID">
38             <span class="<#ERROR name='ERRORAppointmentID'>">   38             <span class="<#ERROR name='ERRORAppointmentID'>">
39                 Appointment   39                 Appointment
40             </span>   40             </span>
41         </label>   41         </label>
42         <select class="custom-select mr-sm-2" id="AppointmentID" name="AppointmentID" data-persisted-value="<#PARAM name='AppointmentID'>" size="1" disabled></select>   42         <select class="custom-select mr-sm-2" id="AppointmentID" name="AppointmentID" data-persisted-value="<#PARAM name='AppointmentID'>" size="1" disabled></select>
43         <button type="button" id="NewAppointment"class="btn btn-primary" data-toggle="modal" data-target="#SchedulerModal">New Appointment</button>   43         <button type="button" id="NewAppointment"class="btn btn-primary" data-toggle="modal" data-target="#SchedulerModal">New Appointment</button>
44     </div>   44     </div>
45     45  
46     <div id="SchedulerError" class="alerts-bar"></div> <> 46     <div id="SchedulerError" class="alerts-bar" role="alert"></div>
47     <div id="SchedulerModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="schedulerLabel" aria-hidden="true"> = 47     <div id="SchedulerModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="schedulerLabel" aria-hidden="true">
48         <div class="modal-dialog">   48         <div class="modal-dialog">
49             <div class="modal-content">   49             <div class="modal-content">
50                 <div class="modal-header">   50                 <div class="modal-header">
51                     <h4 class="modal-title" id="schedulerLabel">Schedule a New Appointment</h4>   51                     <h4 class="modal-title" id="schedulerLabel">Schedule a New Appointment</h4>
52                 </div>   52                 </div>
53                 <div class="modal-body">   53                 <div class="modal-body">
54                     <div class="demo-container container">   54                     <div class="demo-container container">
55                         <div id="scheduler"></div>   55                         <div id="scheduler"></div>
56                     </div>   56                     </div>
57                 </div>   57                 </div>
58                 <div class="modal-footer">   58                 <div class="modal-footer">
59                     <button id="ModalDismiss" type="button" class="btn btn-default" data-dismiss="modal">Close</button> <> 59                     <button id="ModalDismiss" type="button" class="btn btn-light" data-dismiss="modal">Close</button>
60                 </div> = 60                 </div>
61             </div>   61             </div>
62         </div>   62         </div>
63     </div>   63     </div>
64 </div>   64 </div>

   
File: 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 class="container">
14         <main id="content" aria-label="Content">    14         <main id="content" aria-label="Content"> 
15             <div id="username" hidden><#PARAM name="Username"></div>   15             <div id="username" hidden><#PARAM name="Username"></div>
16             <h2>Appointments</h2>   16             <h2>Appointments</h2>
17     17  
18             <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>
19     19  
20             <div id="SchedulerError" class="alerts-bar"></div> <> 20             <div id="SchedulerError" class="alerts-bar" role="alert"></div>
21             <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">
22                 <div class="modal-dialog">   22                 <div class="modal-dialog">
23                     <div class="modal-content">   23                     <div class="modal-content">
24                         <div class="modal-header">   24                         <div class="modal-header">
25                             <h3 class="h4 modal-title" id="schedulerLabel">Schedule an Appointment</h3>   25                             <h3 class="h4 modal-title" id="schedulerLabel">Schedule an Appointment</h3>
26                         </div>   26                         </div>
27                         <div class="modal-body">   27                         <div class="modal-body">
28                             <div class="demo-container container">   28                             <div class="demo-container container">
29                                 <div class="form-group col-md-5">   29                                 <div class="form-group col-md-5">
30                                     <label for="ReadingRoom">   30                                     <label for="ReadingRoom">
31                                         <span class="<#ERROR name='ERRORReadingRoomID'>">   31                                         <span class="<#ERROR name='ERRORReadingRoomID'>">
32                                             Reading Room   32                                             Reading Room
33                                         </span>   33                                         </span>
34                                     </label>   34                                     </label>
35                                     <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>
36                                 </div>   36                                 </div>
37            37         
38                                 <div id="scheduler"></div>   38                                 <div id="scheduler"></div>
39                             </div>   39                             </div>
40                         </div>   40                         </div>
41                         <div class="modal-footer">   41                         <div class="modal-footer">
42                             <button id="ModalDismiss" type="button" class="btn btn-default" data-dismiss="modal">Close</button> <> 42                             <button id="ModalDismiss" type="button" class="btn btn-light" data-dismiss="modal">Close</button>
43                         </div> = 43                         </div>
44                     </div>   44                     </div>
45                 </div>   45                 </div>
46             </div>   46             </div>
47     47  
48             <#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>   49         </main>
50     50  
51         <#INCLUDE filename="include_footer.html">   51         <#INCLUDE filename="include_footer.html">
52     52  
53     </div>   53     </div>
54 </body>   54 </body>
55 </html>   55 </html>