Implementing 5.0 Web Page Release Changes

Sara Juel

Updated May 27, 2022 14:53

After the release of the 5.0 default web pages, several web page changes have been added to the default set of pages. To implement these changes, you can either:

Download the 5.0 web pages and replace your existing pages.
If you have customizations, find and replace the following code changes mentioned below. Any code highlighted in red needs to be removed and any code highlighted in blue needs to be added.

14 April 2020 Web Page Release

These changes impact the following web pages:

FAQ.html
FirstTime.html
NewAuthRegistration.html
Logon.html
Logout.html
NewUserRegistration.html
Include_TransactionMenu.html

Error.html
Blocked.html
NewPassword.html
SiteMap.html
EditEADRequest.html
EADRequest.html
Templates\DataRow_DefaultRequest

Some web pages may require multiple web page changes.

Removed Redundant Target="_self"

This fix is used to clean up the code and remove unnecessary redundancy of the target="_self" tag. The targets will still open within the same window as usual. To set the new defaults, please overwrite your default FAQ.html, FirstTime.html, and NewAuthRegistration.html files with the updated files or make the following changes:

FAQ.html

Change this (default lines 19-41):

<ul>
<li>
<a href="#what" target"_self">What is Aeon?</a>
</li>
<li>
<a href="#userid" target"_self">Why do I need a username and password 
to use Aeon?</a>
</li>
<li>
<a href="#password">What if I forget my password?</a>
</li>
<li>
<a href="#webbrowser" target"_self">What Web browser should I use?</a>
</li>
<li>
<a href="#security">Is security a problem if I use a 
public workstation?</a>
</li>
<li>
<a href="#who" target"_self">Who do I contact if I have problems with 
or questions about Aeon?</a>
</li>
<li>
<a href="#cookie">Why does my browser say that you're 
sending a cookie? What's in it?</a>
</li>
</ul>

To this:

<ul>
<li>
<a href="#what" >What is Aeon?</a>
</li>
<li>
<a href="#userid" >Why do I need a username and password 
to use Aeon?</a>
</li>
<li>
<a href="#password">What if I forget my password?</a>
</li>
<li>
<a href="#webbrowser" >What Web browser should I use?</a>
</li>
<li>
<a href="#security">Is security a problem if I use a 
public workstation?</a>
</li>
<li>
<a href="#who" >Who do I contact if I have problems with 
or questions about Aeon?</a>
</li>
<li>
<a href="#cookie">Why does my browser say that you're 
sending a cookie? What's in it?</a>
</li>
</ul>

FirstTime.html

Change this (default lines 89-92):

<h2>Aeon FAQ (Frequently Asked Questions)</h2>
<p>Before registering, you may wish to read the Aeon
<a href="<#ACTION action='10' form='4' target="_self">">FAQ</a>. 
The FAQ may answer other questions you have about the 
Aeon Special Collections Management System.
</p>

To this:

<h2>Aeon FAQ (Frequently Asked Questions)</h2>
<p>Before registering, you may wish to read the Aeon
<a href="<#ACTION action='10' form='4' >">FAQ</a>. 
The FAQ may answer other questions you have about the 
Aeon Special Collections Management System.
</p>

NewAuthRegistration.html

Change this (default lines 59-64):

<div id="faq" class="collapse">
<p>
Before registering, you may wish to read the Aeon
<a href="<#ACTION action='10' form='4'>"target="_self">FAQ</a>. 
The FAQ may answer other questions you have about the 
Aeon Special Collections Management
System.
</p>

To this:

<div id="faq" class="collapse">
<p>
Before registering, you may wish to read the Aeon
<a href="<#ACTION action='10' form='4'> ">FAQ</a>. 
The FAQ may answer other questions you have about the 
Aeon Special Collections Management
System.
</p>

Alt Address Single Quotations Correction

The double quotations for the alternate address section have been changed to single quotes in NewAuthRegistration. To set the new default, please overwrite your default NewAuthRegistration.html file with the updated files or make the following changes:

NewAuthRegistration.html

Change this (default lines 218-222):

</section>
<section name="alt-address-info" style="<#CONDITIONAL type=
'CustomizationKey' test='UseSecondaryAddress' false='display:none'>">
<h3 class="section-header">Alternate Address Information</h3>

To this:

</section>
<section name="alt-address-info" style="<#CONDITIONAL type=
'CustomizationKey' test='UseSecondaryAddress' false='display:none'>">
<h3 class="section-header">Alternate Address Information</h3>

NewUserRegistration.html

Change this (default lines 173-177):

</section>

<section name="alt-address-info" style="<#CONDITIONAL type=
"CustomizationKey" test="UseSecondaryAddress" false="display:none">">
 
<h3 class="section-header">Alternate Address Information</h3>

To this:

</section>

<section name="alt-address-info" style="<#CONDITIONAL type=
'CustomizationKey' test='UseSecondaryAddress' false='display:none'>">
 
<h3 class="section-header">Alternate Address Information</h3>

Legacy Search Feature

Removed the old search feature from the EditEADRequest.html page and replaced it with the new search feature included in the include_header.html page. To set the new default, please overwrite your default EditEADRequest.html file with the updated files or make the following changes:

EditEADRequest.html

Change this (default lines 8-14):

</head>
<body>
<#INCLUDE filename="include_header_request.html">
<#INCLUDE filename="include_nav.html">
<div id="content" class="container" role=
"heading" aria-label="Content">

To this:

</head>
<body>
<#INCLUDE filename="include_header.html">
<#INCLUDE filename="include_nav.html">
<div id="content" class="container" role=
"heading" aria-label="Content">

Web Alerts

WebAlert functionality has been updated to display alerts for logged out users as well as authenticated users. Non-authenticated pages have been updated with the WebAlerts div and linked to the webAlerts.js to properly display. To set the new default, please overwrite your default Logon.html, Logout.html, NewUserRegistration.html, NewPassword.html, Error.html, SiteMap.html, Blocked.html, FirstTime.html files with the updated files or make the following changes:

Logon.html

Change this (default lines 28-34):

</header>

 
 
 

<div class="container">

To this:

</header>

<div class="alerts-bar">
<div class="container" id="webAlerts"></div>
</div>

<div class="container">

And change this (default lines 89-93):

crossorigin="anonymous"></script>
<script src="js/cookieconsent.min.js" data-cfasync=
"false"></script>
<script src="js/atlasCookieConsent.js"></script>
 
</body>

To this:

crossorigin="anonymous"></script>
<script src="js/cookieconsent.min.js" data-cfasync=
"false"></script>
<script src="js/atlasCookieConsent.js"></script>
<script src="js/webAlerts.js"></script>
</body>

Logout.html

Change this (default lines 16-22):

<#INCLUDE filename="include_header.html">

 
 
 

<div class="container">

To this:

<#INCLUDE filename="include_header.html">

<div class="alerts-bar">
 <div class="container" id="webAlerts"></div>
 </div>

<div class="container">

NewUserRegistration.html

Change this (default lines 11-17):

<#INCLUDE filename="include_header.html">

 
 
 

<div id="status" class="container"><#STATUS></div>

To this:

<#INCLUDE filename="include_header.html">

<div class="alerts-bar">
 <div class="container" id="webAlerts"></div>
 </div>

<div id="status" class="container"><#STATUS></div>

NewPassword.html

Change this (default lines 7-13):

<#INCLUDE filename="include_header.html">

 
 
 

<div id="status" class="container"><#STATUS></div>

To this:

<#INCLUDE filename="include_header.html">

<div class="alerts-bar">
 <div class="container" id="webAlerts"></div>
 </div>

<div id="status" class="container"><#STATUS></div>

Error.html

Change this (default lines 8-14):

<#INCLUDE filename="include_header.html">

 
 
 

<div id="status" class="container">

To this:

<#INCLUDE filename="include_header.html">

<div class="alerts-bar">
 <div class="container" id="webAlerts"></div>
 </div>

<div id="status" class="container">

Blocked.html

Change this (default lines 8-14):

<#INCLUDE filename="include_header.html">

 
 
 

<div id="status" class="container"><#STATUS></div>

To this:

<#INCLUDE filename="include_header.html">

<div class="alerts-bar">
 <div class="container" id="webAlerts"></div>
 </div>

<div id="status" class="container"><#STATUS></div>

FirstTime.html

Change this (default lines 11-17):

<#INCLUDE filename="include_header.html">

 
 
 

<div id="status" class="container">

To this:

<#INCLUDE filename="include_header.html">

<div class="alerts-bar">
 <div class="container" id="webAlerts"></div>
 </div>

<div id="status" class="container">

SiteMap.html

Change this (default lines 11-13):

<#INCLUDE filename="include_menu.html" restriction="IsValidSession">

<div class="alerts-bar">
 <div class="container" id="webAlerts"></div>
 </div>

<div id="content" class="container" role="heading" aria-label="Content">

To this:

<#INCLUDE filename="include_menu.html" restriction="IsValidSession">

 
 
 

<div id="content" class="container" role="heading" aria-label="Content">

Password and Re-enter IDs

The ID's for the Password and Re-enter Password divs have been updated to Password1 and Password2. To use the new password IDs instead of password and re-enter password, please overwrite your default NewUserRegistration.html file with the updated file or make the following changes:

NewUserRegistration.html

Change this (default lines 281-281):

</label>
<input type="password" class="form-control" name="Password1" 
id="CurrentPassword" autocomplete="off">
<div class="small-notes">

To this:

</label>
<input type="password" class="form-control" name="Password1" 
id="Password1" autocomplete="off">
<div class="small-notes">

And change this (default lines 294-296):

</label>
<input type="password" class="form-control" name="Password2" 
id="CurrentPassword" autocomplete="off">
</div>

To this:

</label>
<input type="password" class="form-control" name="Password2" 
id="Password2" autocomplete="off">
</div>

FormDataField and matching ID for EADRequest Input Elements

Aeon's EADRequest.html page input elements have been updated to use "FormDataField" and matching IDs. To use the new defaults, please overwrite your default EADRequest.html file with the updated file or make the following changes:

Change this (default lines):

<div class="small-notes">Enter a comma-separated list of 
the tags you want associated with this request.</div>
</div>

<div class="form-group col-md-5 <#PARAM name="RequestLink" 
enabled="RequestForEnabled" disabled="d-none">">
<label for="RequestLink">
<span class="<#ERROR name='ERRORRequestLink'>">
Request for
</span>
</label>
<select class="custom-select mr-sm-2" id="RequestLink" 
name="FormDataField" size="1" class="form-control">
<#OPTION name="RequestLinks">
</select>
</div>

<div class="form-group col-sm-4">
<label for="ScheduledDate">
<span class="<#ERROR name='ERRORScheduledDate'>">Date of Visit
 
</span>
</label>
<div class="input-group">
<input class="form-control " id="ScheduledDate" name=
"ScheduledDate" type="textbox" value="<#PARAM name=
'ScheduledDate'>">
</div>
<div class="small-notes">
Select the date you plan to visit.
 
</div>

</section>

To this:

<div class="small-notes">Enter a comma-separated list of 
the tags you want associated with this request.</div>
</div>

<div class="form-group col-md-5 <#PARAM name='RequestLinksVisible' 
enabled="RequestForEnabled" disabled="d-none">">
<label for="RequestLink">
<span class="<#ERROR name='ERRORRequestLink'>">
Request for
</span>
</label>
<select class="custom-select mr-sm-2" id="RequestLink" 
name="FormDataField" size="1" class="form-control">
<#OPTION name="RequestLinks">
</select>
</div>

<div class="form-group col-sm-4">
<label for="ScheduledDate">
<span class="<#ERROR name='ERRORScheduledDate'>">
Date of Visit
</span>
</label>
<div class="input-group">
<input class="form-control " id="ScheduledDate" name=
"FormDataField" type="textbox" value="<#PARAM name=
'ScheduledDate'>">
</div>
<div class="small-notes">
Select the date you plan to visit.
</div>
</div>

</section>

Remove from Hold Button

"Remove from Hold" has been updated to appear as an option for transactions currently in a status of "Item on Hold" or "Item on Hold for Activity"; choosing this option will route the transaction to "Remove from Hold". To use the new defaults, please overwrite your default Include_TransactionMenu.html and Templates\DataRow_DefaultRequest files with the updated files or make the following changes:

Include_TransactionMenu.html

Change this:

<a class="btn btn-light <#TRANSACTION field='RequestActionAllowed' name='RemoveHold' disabledValue='d-none'>"
        href="aeon.dll?Action=22&amp;Form=16&amp;Value=<#TRANSACTION field='TransactionNumber'>" class="menuClone">
        <span aria-hidden="true" class="fas fa-minus-circle"></span>  Remove from Hold
</a>

To this:

<a class="btn btn-light <#TRANSACTION field='RequestActionAllowed' name='RemoveFromHold' disabledValue='d-none'>"
        href="aeon.dll?Action=22&amp;Type=16&amp;Value=<#TRANSACTION field='TransactionNumber'>" class="menuClone">
        <span aria-hidden="true" class="fas fa-minus-circle"></span>  Remove from Hold
</a>

Templates\DataRow_DefaultRequest

Change this:

<a class="dropdown-item btn btn-light <#DATAROW field="RequestActionAllowed" name='RemoveHold' disabledValue='d-none'>" href="aeon.dll?Action=22&amp;Form=16&amp;Value=<#DATAROW field='TransactionNumber'>" class="menuClone"><span aria-hidden="true" class="fas fa-minus-circle"></span>  Remove from Hold</a>

To this:

<a class="dropdown-item btn btn-light <#DATAROW field="RequestActionAllowed" name='RemoveFromHold' disabledValue='d-none'>" href="aeon.dll?Action=22&amp;Type=16&amp;Value=<#DATAROW field='TransactionNumber'>" class="menuClone"><span aria-hidden="true" class="fas fa-minus-circle"></span>  Remove from Hold</a>

03 February 2021 (5.0.47) Web Release

Quoting Error

Fixed a quoting error.

RequestInReviewDataRow.html

Change this:

<#DATAROW field='ValidationResult' 
ValidRequestMessage='' 
InvalidRequestMessage='This request 
is missing required information.'>

To this:

<#DATAROW field="ValidationResult" 
ValidRequestMessage="" 
InvalidRequestMessage="This request is missing 
required information.">

Ancillary Data

Added handling for the 'ancillaryData' TouchNet fields. The default value is TransactionNumbers, but any Aeon field can be passed to this property.

CreditCardPayment.html

Add the following line in the ajax data:

transactionNumbers: "<#PARAM name='TransactionNumbers'>"

CreditCardPaymentConfirmation.html

Add the following line:

<input type="hidden" name="AncillaryData" value="<#PARAM name=
"AncillaryData">">

Class Attributes

Remove all 'mr-1' in the div class and add 'ml-l' to the span class in the DataRow_DefaultActivity.html, DataRow_DefaultRequest.html, DataRow_OrderBilling.html, and DataRow_OrderEstimate.html pages. See example below:

Change this:

<div class="field text-muted mr-1">Description
<span class="field-value font-weight-bold">

To this:

<div class="field text-muted">Description
<span class="field-value font-weight-bold ml-1">

Multiple Class Attributes

Change the listed class attributes to use the new, single class attribute format on the following pages:

DataRow_DefaultRequest.html: menuEdit, menuClone, menuPhotoduplication, menuExportRIS
DataRow_ElectronicDelivery.html: menuViewItemFile, menuDeleteItemFile, menuEdit, menuClone, menuPhotoduplication
DataRow_OrderEstimate.html: ViewFile, Edit, Cancel
DataRow_OrderBilling.html: Edit, Cancel

See the example below from DataRow_DefaultRequest.html:

Change this:

<a class="dropdown-item btn btn-light 
<#DATAROW field='RequestActionAllowed' 
name='Edit' disabledValue='d-none'>" 
href="aeon.dll?Action=20&amp;Form=63
&amp;Value=<#DATAROW field='TransactionNumber'>" class="menuEdit">
<span aria-hidden="true" 
class="fas fa-edit text-primary"></span> Edit</a>

To this:

<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"></span> Edit</a>

02 June 2021 (5.0.73) Web Page Release

New Photoduplication Request Pages Added

Two new default web pages have been added for new monograph and archive photoduplication requests along with corresponding edit pages:

GenericRequestMonographPhotodup.html
GenericRequestManuscriptPhotodup.html
EditGenericRequestMonographPhotodup.html
EditGenericRequestManuscriptPhotodup.html

To navigate to the new request pages, "Switch to Photoduplication Request" buttons were added to GenericRequestMonograph.html and GenericRequestManuscript.html. Patrons will be able to use these buttons in conjunction with "Switch to Published Materials Request" buttons on the new pages to toggle back and forth between photoduplication and published materials request pages.

Please add EditGenericRequestMonographPhotodup.html and EditGenericRequestManuscriptPhotodup.html to your web directory, and overwrite your default GenericRequestMonograph.html and GenericRequestManuscript.html files with the updated files or make the following changes:

GenericRequestMonograph.html

Add this (default line 32, 34):

<section name="item-info">

<div class="d-flex">
<h3 class="section-header">Item Information</h3>
<div class="ml-auto">
<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">
Switch to Photoduplication Request
</button>
</div>
</div>

<div class="form-group col-md-8">
<label for="ItemTitle">

GenericRequestManuscript.html

Add this (default line 32, 34):

<section name="item-info">

<div class="d-flex">
<h3 class="section-header">Item Information</h3>
<div class="ml-auto">
<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">
Switch to Photoduplication Request
</button>
</div>
</div>

<div class="form-group col-md-8">
<label for="ItemTitle">

Custom JavaScript File

A blank custom.js file was added to the default web pages for site-specific custom JavaScript changes. To use the new file for your custom JavaScript changes, please add custom.js to your web directory in the "js" folder, and overwrite your default include_head.html file with the updated file or make the following changes:

include_head.html

Add this (default line 21):

<script src="js/atlasUtility.js"></script>
<script src="js/custom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"
 integrity="sha256-VrmtNHAdGzjNsUNtWYG55xxE9xDTz4gF63x/prKXKH0=" crossorigin="anonymous"></script>

Changes to Credit Card Payment Pages

Significant changes have been made to the credit card payment pages to improve their functionality. Please review the changes listed below and make the recommended updates to your payment pages.

Note: The following changes are significant. To implement these changes, please move your web customizations to the new files and overwrite your existing CreditCardPayment.html file with the updated default file following the instructions below.

New Default Payment Pages

The credit card payment pages are no longer feature-specific pages and have been added to the default web pages with a few significant changes:

CreditCardPayment.html is now a single default file instead of a separate file for each payment provider.
Specific payment providers are configured on CreditCardPayment.html through newly added include files for each payment provider. These files follow the naming scheme include_payment_form_[PaymentProviderName].html and are located in a new "payments" subfolder found in the "templates" folder in the web directory.
An include_payment_form_none.html file was added to act as a default placeholder on CreditCardPayment.html.
Payment buttons for each payment provider page have been broken out into an include_payment_buttons.html file located in the "payments" subfolder found in the "templates" folder in the web directory.
A CreditCardPaymentConfirmation.html default file has been added for TouchNet, as well as include_confirmation_form_none.html and include_confirmation_form_touchnet.html pages (see Configuring Additional TouchNet Pages below).

Exception for Sage Pay Payment Gateway

Sage Pay will not use the new default CreditCardPayment.html file and will instead use a feature-specific CreditCardPayment.html. As such, an include_payment_form file is not included for Sage Pay. Please follow the Sage Pay-specific instructions below when implementing the new pages for this payment gateway.

Complete list of new default include files:

include_confirmation_form_none.html
include_confirmation_form_touchnet.html
include_payment_buttons.html
include_payment_form_authorize.net.html
include_payment_form_authorize.net_accept_hosted.html
include_payment_form_cybersource.html
include_payment_form_none.html
include_payment_form_payeezy.html
include_payment_form_paypal.html
include_payment_form_touchnet.html

Migrating Your Payment Page Web Customizations

Web customizations or configurations that were previously made on the feature-specific CreditCardPayment.html file for your payment provider will need to be migrated to the new include_payment_form_[PaymentProviderName].html file for your provider. These configurations can be applied to the new file in the same manner that they were made in your original CreditCardPayment.html file.

Migrating Sage Pay Payment Page Web Customizations

As Sage Pay will not use an include_payment_form include file, any customizations on your original CreditCardPayment.html should be migrated to the new feature-specific CreditCardPayment.html Sage Pay file.

Additional TouchNet Customizations

The Upay and T-Link URLs for TouchNet are configured on lines 1 and 20 of include_payment_form_touchnet.html. These should set on the new include file according to the same configurations used on your previous TouchNet-specific CreditCardPayment.html file.

Configuring the New Pages

To configure the new CreditCardPayment.html file for your specific payment provider, follow these steps:

Download the new default web pages.
From the default web page download, navigate into the "templates" folder. Add the new "payment" subfolder to your web directory in the "templates" folder (default location: C:\Program Files (x86)\Aeon\Web\templates).
Add any web edits/configurations you had made on your original CreditCardPayment.html file to the new include_payment_form_[PaymentProviderName].html file.
Overwrite CreditCardPayment.html with the updated file in your web directory (default location: C:\Program Files (x86)\Aeon\Web).
Replace the default placeholder include file with your payment provider's include file on line 42 of CreditCardPayment.html as follows:

CreditCardPayment.html

Change this (default line 42):

<#INCLUDE filename=
"templates/payment/include_payment_form_none.html">

To this:

<#INCLUDE filename=
"templates/payment/include_payment_form_[PaymentProviderName].html">

Configuring Additional TouchNet Pages

After following the steps above, an additional CreditCardPaymentConfirmation.html file must be configured for the TouchNet gateway following these steps:

Add any web edits/configurations you had made on your original CreditCardPaymentConfirmation.html file to the new include_payment_confirmation_form_touchnet.html file.
Overwrite CreditCardPaymentConfirmation.html with the updated file in your web directory (default location: C:\Program Files (x86)\Aeon\Web).
Replace the default placeholder include file with your payment provider's include file on line 13 of CreditCardPaymentConfirmation.html as follows:

CreditCardPaymentConfirmation.html

Change this (default line 13):

<#include filename=
"templates/payment/include_confirmation_form_none.html">

To this:

<#include filename=
"templates/payment/include_confirmation_form_touchnet.html">

Configuring the Sage Pay Pages

To configure the new CreditCardPayment.html file for Sage Pay, follow these steps:

Download the new default web pages.
Download the feature-specific CreditCardPayment.html for Sage Pay.
From the default web page download in step one, navigate into the "templates" folder. Add the new "payment" subfolder to your web directory in the "templates" folder (default location: C:\Program Files (x86)\Aeon\Web\templates).
Add any web edits/configurations you had made on your original CreditCardPayment.html file to the new CreditCardPayment.html file downloaded in step two.
Overwrite CreditCardPayment.html with the updated file in your web directory (default location: C:\Program Files (x86)\Aeon\Web).

Ancillary Data

Several updates were made to the handling for the 'ancillaryData' TouchNet fields to address a bug that prevented data from passing correctly to TouchNet. Please make updates to the following web pages to fix this issue:

CreditCardPayment.html/include_payment_form_touchnet.html

An 'ancillaryData' field must be added to the ajax data section in CreditCardPayment.html or in include_payment_form_touchnet.html if you have updated to the new default credit card payment pages (see Changes to Credit Card Payment Pages above). Any Aeon field can be passed to the 'ancillaryData' property in order to submit that information as ancillary data.

For example, to submit a payment's transaction numbers as ancillary data, you would add the following line:

errorLink: "<#CUSTOMIZATION name='WebURL'>aeon.dll?action=30&type=113",
cancelLink: "<#CUSTOMIZATION name='WebURL'>aeon.dll?action=30&type=104",
ancillaryData: "<#PARAM name='TransactionNumbers'>"

CreditCardPaymentConfirmation.html

The "AncillaryData" hidden input should be removed from CreditCardPaymentConfirmation.html if previously added, as there is no longer a need for the ancillary data parameter on this page. A payment's ancillary data is now stored in the BillingGatewayTransactions table in the CustomData field and is sent to TouchNet when completing the payment.

Remove the following line:

<input type="hidden" name="AncillaryData" value="<#PARAM name=
"AncillaryData">">

Disable Buttons on Form Submission

atlasUtility.js was updated with new functionality that disables most buttons while submitting a form. This functionality protects against duplicate form submissions caused by clicking the form submit button twice and also prevents a user from navigating away from the page in the middle of a form submission, eliminating any confusion as to whether or not the submission went through.

This change applies to any button element that is type "submit" unless that button element also contains the data attribute "data-button-nodisable," which will disable the new functionality. To accommodate these changes, the Search button was also updated with new code on ViewSearchResults.html.

To implement these changes, please overwrite your default atlasUtility.js and EADRequest.js with the updated files and either overwrite your default ViewSearchResults.html with the updated file or make the following changes:

atlasUtility.js

The changes to this file are extensive. Please overwrite this file with the updated file.

EADRequest.js

Please overwrite this file with the updated file.

ViewSearchResults.html

Change this (default line 23):

<input class="btn btn-primary btn-sm" 
type="submit" name="SubmitButton" value="Search" 
title="Search">

To this:

<button class="btn btn-primary btn-sm" 
type="submit" name="SubmitButton" value="Search" 
title="Search" data-button-nodisable>Search</button>

Allow Inline Display on webAlerts.js

webAlerts.js was updated to allow for inline display. To apply this change, please overwrite your default webAlerts.js file with the updated file.

webAlerts.js

Please overwrite this file with the updated file.

HTML5 Form Validation on EAD Requests

The EAD request form was updated to apply HTML5 validation on fields, for example when validating input on required fields. To apply this change, please overwrite your default EADRequest.html file with the updated file or make the following change:

EADRequest.html

Change this (default lines 18-19):

   $(':submit').click(function (event) { SubmitEADForm(this, event); return false; });
});

To this:

    $(':submit').click(function (event) { 
        if ($(this).closest("form").get(0).reportValidity()) { 
            SubmitEADForm(this, event); 
    } 
   return false; 
});

Removed "new-line" Class

The "new-line" class was removed from aeon.css and all <span> elements using the "new-line" class attribute were replaced with <div> elements. To implement this change, please overwrite the default web pages listed below with the updated files, or make the following changes manually to each page:

Remove the "new-line" class on aeon.css:

aeon.css

Change this (default lines 118-127):

 padding: 1rem 0;
}
.new-line {
    display: block;
}
.bold {
    font-weight: bold;
}

To this:

 padding: 1rem 0;
}
 
 
 
.bold {
      font-weight: bold;
}

Replace <span class="new-line"> with <div> tags following the example below:

FAQ.html

Change this (default lines 115-128):

<h2>Who do I contact if I have problems with or 
questions about Aeon?</h2>

<p>
<span class="new-line">
System Problems or Questions: Special Collections 
office at (800) 555-1212 or email to
<a href="mailto:contactus@youruniversity.edu">
contactus@youruniversity.edu</a>
</span>
<span class="new-line">
Technical Support Questions: Email anytime to
<a href="mailto:contactus@youruniversity.edu">
contactus@youruniversity.edu</a>
</span>
</p>

<a name="cookie"></a>

To this:

<h2>Who do I contact if I have problems with or 
questions about Aeon?</h2>

 
<div>
System Problems or Questions: Special Collections 
office at (800) 555-1212 or email to 
<a href="mailto:contactus@youruniversity.edu">
contactus@youruniversity.edu</a>
</div>
<div>
Technical Support Questions: Email anytime to 
<a href="mailto:contactus@youruniversity.edu">
contactus@youruniversity.edu</a>
</div>
 

<a name="cookie"></a>

Please follow the example above to make this change on these web pages:

ExpiredUsers.html (default lines 264-270)
FirstTime.html (default lines 32-38)
include_footer.html (default lines 2-11)
Logon.html (default lines 41-46; 79-82)
Logon2.html (default lines 28-29)
NewAuthRegistration (default lines 20-25)

Make the following changes to replace the "new-line" class with additional formatting on these web pages:

AboutAeon.html

Change this (default lines 10-22):

<div class="container">
<p>
<span class="new-line">
Aeon is special collections circulation 
and workflow automation software for special 
collections libraries designed by special 
collections librarians.
</span>
<span class="new-line">
Aeon improves customer service and staff efficiency 
while providing unparalleled item tracking, 
security, and statistics.
</span>
</p>

<#INCLUDE filename="include_footer.html">

To this:

<div class="container">
 
<div class="mt-5 mb-3">
Aeon is special collections circulation 
and workflow automation software for special 
collections libraries designed by special 
collections librarians.
</div>
<div class="mt-3 mb-5">
Aeon improves customer service and staff efficiency 
while providing unparalleled item tracking, 
security, and statistics.
</div>
 

<#INCLUDE filename="include_footer.html">

ExpiredUsers.html

Change this (default lines 21-29):

<div id="statusLine"><#STATUS></div>
<p>
<span class="new-line">
Your account has expired. Accounts expire 
once per year. Please confirm or update your 
information below and click the 
'Submit Information' button to continue.
</span>
</p>

<section name="user-info">

To this:

<div id="statusLine"><#STATUS></div>
 
<div class="mt-3 mb-3">
Your account has expired. Accounts expire 
once per year. Please confirm or update your 
information below and click the 
'Submit Information' button to continue.
</div>
 

<section name="user-info">

FirstTime.html

Change this (default lines 55-69):

<p>
<strong class="new-line">Username</strong>
<span class="new-line">
Choose anything you like, such as your name, 
abbreviations, or an alphanumeric code.
</span>

<strong class="new-line">Password</strong>
<span class="new-line">
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.
</span>
<span class="new-line">
Aeon will encrypt your password, so it will remain secure. 
Only you will know your password.
</span>
</p>

To this:

<div>
<strong >Username</strong>
<div>
Choose anything you like, such as your name, 
abbreviations, or an alphanumeric code.
</div>

<strong >Password</strong>
<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>
<div>
Aeon will encrypt your password, so it will remain secure. 
Only you will know your password.
</div>
</div>

ViewSearchResults.html

Change this (default lines 24-32):

<div id="searchType">

<input checked name="SearchType" type="radio" 
id="SearchTypeActive" value="Active">
<label for="SearchTypeActive">
<span class="new-line">Search <u>only</u> active requests</span>
</label>
<input   name="SearchType" type="radio" 
id="SearchTypeAll" value="All">
<label for="SearchTypeAll">Search all requests</label>
</div>

To this:

<div id="searchType">

<input checked name="SearchType" type="radio" 
id="SearchTypeActive" value="Active">
<label for="SearchTypeActive">
<span >Search <u>only</u> active requests</span>
</label>
<input class="ml-3" name="SearchType" type="radio" 
id="SearchTypeAll" value="All">
<label for="SearchTypeAll">Search all requests</label>
</div>

Remove iPhone Apple Touch Icon Reference

The iPhone Apple touch icon reference was removed on include_head.html. To apply this change, please overwrite your default include_head.html file with the updated file or make the following change:

include_head.html

Change this (default line 2-5):

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="apple-touch-icon" href="iphone-icon.png">

To this:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">

Accessibility Updates for Checkboxes and Datarows

Several updates were made to the web pages to fix accessibility issues:

Added header classes for h1-h6 elements to the default aeon.css file that can now be used on any element.
Updated header elements on certain datarow templates and on webAlerts.js to instead use div elements with the relevant header class in order to fix an issue caused by missing header values on screenreaders.
Fixed an invalid aria-labelledby target on webAlerts.js.
Updated and standardized "Research Topics" checkboxes on user pages to fix an issue with missing form labels.

These changes impact a large number of web pages. To implement the changes, please overwrite your default web pages with the updated files or make the changes manually on each page found below.

aeon.css

Change this (default lines 7-14):

/*These are CSS classes for the headers*/
h1,h2,h3,h4,h5,h6  {
font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5  {
color:#08415c;
}

To this:

/*These are CSS classes for the headers*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5,.h6 {
color:#08415c;
}

Note: If your header elements have been overridden in custom.css for colors, these changes should also be applied there.

webAlerts.js

Please overwrite this file with the updated file.

Datarow Templates

DataRow_CreditCardOrder.html & RequestsInReviewDataRow.html

Change this:

<h4 class="card-title ">
<a href="aeon.dll?&Action=10&Form=63&Value=
<#DATAROW field='TransactionNumber'>">
<#DATAROW field='ItemTitle'></a>
</h4>
<h5 class="card-subtitle   mb2 text-muted">
<#DATAROW field='ItemSubtitle'></h5>

To this:

<div class="card-title h4">
<a href="aeon.dll?&Action=10&Form=63&Value=
<#DATAROW field='TransactionNumber'>">
<#DATAROW field='ItemTitle'></a>
</div>
<div class="card-subtitle h5 mb2 text-muted">
<#DATAROW field='ItemSubtitle'></div>

On these lines:

DataRow_CreditCardOrder.html (default lines 7-10)
RequestsInReviewDataRow.html (default lines 13-16)

DataRow_DefaultActivity.html

Change this (default lines 6-8):

<h4 class="card-title ">
<a href="aeon.dll?&Action=10&Form=91&Value=
<#DATAROW field='Id'>">
<#DATAROW field='Name'></a>
</h4>

To this:

<div class="card-title h4">
<a href="aeon.dll?&Action=10&Form=91&Value=
<#DATAROW field='Id'>">
<#DATAROW field='Name'></a>
</div>

DataRow_DefaultRequest.html

Change this (default lines 6-9):

<h4 class="card-title ">
<a href="aeon.dll?&Action=10&Form=63&Value=
<#DATAROW field='TransactionNumber'>">
<#DATAROW field='ItemTitle'></a>
</h4>
<h5 class="card-subtitle   text-muted">
<#DATAROW field='ItemSubtitle'></h5>

To this:

<div class="card-title h4">
<a href="aeon.dll?&Action=10&Form=63&Value=
<#DATAROW field='TransactionNumber'>">
<#DATAROW field='ItemTitle'></a>
</div>
<div class="card-subtitle h5 text-muted">
<#DATAROW field='ItemSubtitle'></div>

DataRow_ElectronicDelivery.html

Change this (default lines 6-10):

<h4 class="card-title ">
<a href="aeon.dll?&Action=10&Form=63&Value=
<#DATAROW field='TransactionNumber'>">
<#DATAROW field="ItemTitle"></a>
<span class="text-muted"><#DATAROW field="ItemDate">
</span>
</h4>
<h5 class="card-subtitle   mb2 text-muted">
<#DATAROW field='ItemSubtitle'></h5>

To this:

<div class="card-title h4">
<a href="aeon.dll?&Action=10&Form=63&Value=
<#DATAROW field='TransactionNumber'>">
<#DATAROW field="ItemTitle"></a>
<span class="text-muted"><#DATAROW field="ItemDate">
</span>
</div>
<div class="card-subtitle h5 mb2 text-muted">
<#DATAROW field='ItemSubtitle'></div>

DataRow_OrderBilling.html & DataRow_OrderEstimate.html

Change this (default lines 10-18):

<h4 class="card-title ">
<a href="aeon.dll?&Action=10&Form=63&Value=
<#DATAROW field='TransactionNumber'>">
<#DATAROW field="ItemTitle">
</a>
</h4>
<h5 class="card-subtitle   mb2 text-muted">
<#DATAROW field='ItemSubtitle'>
</h5>

To this:

<div class="card-title h4">
<a href="aeon.dll?&Action=10&Form=63&Value=
<#DATAROW field='TransactionNumber'>">
<#DATAROW field="ItemTitle">
</a>
</div>
<div class="card-subtitle h5 mb2 text-muted">
<#DATAROW field='ItemSubtitle'>
</div>

User Pages

ChangeUserInformation.html & NewAuthRegistration.html

Change this:

<div class="form-check  ">
<label for="form-checkbox ResearchTopicsSharing">
<span class="<#ERROR name='ERRORResearchTopicsSharing'>">
<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?
</span>
</label>
</div>

To this:

<div class="form-check ml-3">
<label class="form-check-label <#ERROR name='ERRORResearchTopicsSharing'>"
for="ResearchTopicsSharing">
<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?
 
</label>
</div>

On these lines:

ChangeUserInformation.html (default lines 244-250)
NewAuthRegistration.html (default lines 272-278)

ExpiredUsers.html

Change this (default lines 248-255):

<div class="form-check ml-3">
<span class="<#ERROR name='ERRORResearchTopicsSharing'>">
<label for="ResearchTopicsSharing">
<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?
</span>
</label>
</div>

To this:

<div class="form-check ml-3">
<label class="form-check-label <#ERROR name='ERRORResearchTopicsSharing'>"
for="ResearchTopicsSharing">
<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?
 
</label>
</div>

NewUserRegistration.html

Change this (default lines 251-257):

<div class="form-check ml-3">
<label for="form-check-label" form="inlineFormCustomSelect" class="pl-3">
<span class="<#ERROR name='ERRORResearchTopicsSharing'>">
<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?
</span>
</label>
</div>

To this:

<div class="form-check ml-3">
<label class="form-check-label <#ERROR name='ERRORResearchTopicsSharing'>"
for="ResearchTopicsSharing">
<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?
 
</label>
</div>

Show "FOR DUPLICATION ORDERS" Label on Photoduplication Order Details

To fix an issue where the "FOR DUPLICATION ORDERS" label was hidden on the detailed information page for photoduplication orders, please overwrite your default ViewDetailedDefaultInformation.html file with the updated file or make the following change:

ViewDetailedDefaultInformation.html

Change this (default lines 150-155):

<div class="field list-group-item             
 ">
    <div class="d-flex justify-content-between">
        <span class="transaction-label">
         FOR DUPLICATION ORDERS:</span>
        <span class="field-value"></span>
    </div>
</div>

To this:

<div class=" list-group-item <#TRANSACTION display='CheckHasValue' 
field='PhotoduplicationQueueName' disabledValue='d-none'>">
    <div class="d-flex justify-content-between">
        <span class="transaction-label">
         FOR DUPLICATION ORDERS:</span>
    </div>
</div>

Fix Active Request Search Bug

To fix an issue where the "Search only active requests" option returns results for all requests, we recommend overwriting your default atlasUtility.js and ViewSearchResults.html files with the updated files due to extensive changes made in atlasUtility.js. Alternatively, you can overwrite the default atlasUtility.js file and then make the following changes manually to ViewSearchResults.html:

atlasUtility.js

The changes to this file are extensive. Please overwrite this file with the updated file.

ViewSearchResults.html

Change this (default lines 18-32):

<form action="aeon.dll" name="Search" method="post">
    <input type="hidden" name="AeonForm" value="Search">
    <input id="SessionID" name="SessionID" type="hidden"
     value="<#PARAM name='SessionID'>">
    <input id="SearchCriteria" value="<#PARAM name='SearchCriteria'>"
     name="SearchCriteria" type="text" title="Search criteria">
    <form class="form-inline my-1 my-lg-0">
        <input class="btn btn-primary btn-sm" type="submit" 
         name="SubmitButton" value="Search" title="Search" 
          >
    </form>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
    <div id="searchType">
         <input checked name="SearchType" type="radio"
          id="SearchTypeActive" value="Active"
           >
         <label for="SearchTypeActive"><span>Search <u>only</u> 
          active requests</span></label>

         <input class="ml-3" name="SearchType" type="radio" 
          id="SearchTypeAll" value="All"
           >
         <label for="SearchTypeAll">Search all requests</label>
    </div>
</form>

To this:

<form action="aeon.dll" name="Search" method="post">
    <input type="hidden" name="AeonForm" value="Search">
     
     
    <input id="SearchCriteria" value="<#PARAM name='SearchCriteria'>" 
     name="SearchCriteria" type="text" title="Search criteria">
     
    <input class="btn btn-primary btn-sm" type="submit"
     name="SubmitButton" value="Search" title="Search" 
     data-button-nodisable>
     
    <!--Switch control for search filtering-->
    <!--
    <div class="custom-control custom-switch" id="customSearchType">
        <input type="checkbox" name="SearchType"
         class="custom-control-input"
         id="SearchType" value="Active" 
         data-persisted-value="<#PARAM name='SearchType'>">
        <label class="custom-control-label" for="SearchType">
         Search <u>only</u> active requests</label>
    </div>
    -->

    <!--Radio control for search filtering-->
    <br>
     
    <div id="searchType">
        <input checked name="SearchType" type="radio" 
         id="SearchTypeActive" value="Active" 
         data-persisted-value="<#PARAM name='SearchType'>">
        <label for="SearchTypeActive"><span>Search <u>only</u>
         active requests</span></label>

        <input class="ml-3" name="SearchType" type="radio" 
         id="SearchTypeAll" value="All" 
         data-persisted-value="<#PARAM name='SearchType'>">
        <label for="SearchTypeAll">Search all requests</label>
    </div>
</form>

Missing Formnovalidate Attribute

A previously missing "formnovalidate" attribute was added to the cancel button on ExpiredUsers.html in order to allow users to stop the request form and return to the main menu. To fix this issue, please overwrite your default ExpiredUsers.html file with the updated file or make the following change:

ExpiredUsers.html

Change this (default line 297):

<button class="btn btn-secondary btn-md" type="submit" 
name="SubmitButton" value="Cancel - Exit to Main Menu" >
Cancel - Exit to Main Menu</button>

To this:

<button class="btn btn-secondary btn-md" type="submit" 
name="SubmitButton" value="Cancel - Exit to Main Menu" formnovalidate>
Cancel - Exit to Main Menu</button>

Footer Tags Added to ViewOrderApprovals.html

Footer tags have been added to the default ViewOrderApprovals.html file. To implement these changes, please overwrite your default ViewOrderApprovals.html file with the updated file or make the following changes:

ViewOrderApprovals.html

Change this (default line 59):

 
<#INCLUDE filename="include_footer.html">

To this:

<footer>
<#INCLUDE filename="include_footer.html">
</footer>

Site Map Added to Footer on Logon.html

A link to the Site Map was added to the footer on the default logon page. To implement these changes, please overwrite your default Logon.html file with the updated file or make the following changes:

Logon.html

Change this (default lines 74-77):

<footer class="foot">
    <div>Powered by Aeon</div>
    <div> &copy; 2021 <a href="http://www.atlas-sys.com">
     Atlas Systems, Inc.</a> All Rights Reserved.</div>
 
 
 
</footer>

To this:

<footer class="foot">
    <div>Powered by Aeon</div>
    <div> &copy; 2021 <a href="http://www.atlas-sys.com">
     Atlas Systems, Inc.</a> All Rights Reserved.</div>
    <div>
        <a href="aeon.dll?Action=10&Form=3">Site Map</a>
    </div>
</footer>