Skip to main content

Implementing Aeon 5.0 Web Page Release Changes

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.

April 14, 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

info

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> <!-- REMOVE target"_self" -->
<li><a href="#userid">Why do I need a username and password to use Aeon?</a></li> <!-- REMOVE target"_self" -->
<li><a href="#password">What if I forget my password?</a></li>
<li><a href="#webbrowser">What Web browser should I use?</a></li> <!-- REMOVE target"_self" -->
<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> <!-- REMOVE target"_self" -->
<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>. <!-- REMOVE target="_self" -->
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>
</div>

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>. <!-- REMOVE "target="_self" -->
The FAQ may answer other questions you have about the Aeon Special Collections Management System.
</p>
</div>

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'>">
<!-- CHANGE double quotes to single quotes -->
<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'>">
<!-- CHANGE double quotes to single quotes -->
<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"> <!-- CHANGE from include_header_request.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> <!-- ADD webAlerts.js -->
</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>



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

To this:

<#INCLUDE>
<div class="alerts-bar">
<div class="container" id="webAlerts"></div>
</div>
<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 line 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">
<!-- CHANGE id from CurrentPassword to Password1 -->
<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">
<!-- CHANGE id from CurrentPassword to Password2 -->
</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>">Request for</span>
</label>
<select class="custom-select mr-sm-2" id="RequestLink" name="FormDataField"
size="1" class="form-control">
<#OPTION>
</select>
</div>
<div class="form-group col-sm-4">
<label for="ScheduledDate">
<span class="<#ERROR>">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">">
<!-- CHANGE name="RequestLink" to name='RequestLinksVisible' -->
<label for="RequestLink">
<span class="<#ERROR>">Request for</span>
</label>
<select class="custom-select mr-sm-2" id="RequestLink" name="FormDataField"
size="1" class="form-control">
<#OPTION>
</select>
</div>
<div class="form-group col-sm-4">
<label for="ScheduledDate">
<span class="<#ERROR>">Date of Visit</span> <!-- REMOVE extra space -->
</label>
<div class="input-group">
<input class="form-control " id="ScheduledDate" name="FormDataField"
type="textbox" value="<#PARAM name='ScheduledDate'>">
<!-- CHANGE name="ScheduledDate" to name="FormDataField" -->
</div>
<div class="small-notes">Select the date you plan to visit.</div> <!-- REMOVE extra space -->
</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>"
href="aeon.dll?Action=22&amp;Form=16&amp;Value=<#TRANSACTION>" class="menuClone">
<span aria-hidden="true" class="fas fa-minus-circle"></span> Remove from Hold
</a>

To this:

<a class="btn btn-light <#TRANSACTION>"
href="aeon.dll?Action=22&amp;Type=16&amp;Value=<#TRANSACTION>" class="menuClone">
<!-- CHANGE Form=16 to Type=16 -->
<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>"
href="aeon.dll?Action=22&amp;Form=16&amp;Value=<#DATAROW>" 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>"
href="aeon.dll?Action=22&amp;Type=16&amp;Value=<#DATAROW>" class="menuClone">
<!-- CHANGE Form=16 to Type=16 -->
<span aria-hidden="true" class="fas fa-minus-circle"></span> Remove from Hold
</a>

February 3, 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.">
<!-- CHANGE single quotes to double quotes -->

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-1' 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  <!-- REMOVE mr-1 -->
<span class="field-value font-weight-bold ml-1"> <!-- ADD 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>"
href="aeon.dll?Action=20&amp;Form=63&amp;Value=<#DATAROW>" 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>"
href="aeon.dll?Action=20&amp;Form=63&amp;Value=<#DATAROW>">
<!-- MERGE duplicate class attributes, move menuEdit into first class -->
<span aria-hidden="true" class="fas fa-edit text-primary"></span> Edit
</a>

June 2, 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> <!-- ADD THIS LINE -->
<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.

warning

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).
danger

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.

info

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
warning

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:

  1. Download the new default web pages.
  2. 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).
  3. Add any web edits/configurations you had made on your original CreditCardPayment.html file to the new include_payment_form_[PaymentProviderName].html file.
  4. Overwrite CreditCardPayment.html with the updated file in your web directory (default location: C:\Program Files (x86)\Aeon\Web).
  5. 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:

  1. Add any web edits/configurations you had made on your original CreditCardPaymentConfirmation.html file to the new include_payment_confirmation_form_touchnet.html file.
  2. Overwrite CreditCardPaymentConfirmation.html with the updated file in your web directory (default location: C:\Program Files (x86)\Aeon\Web).
  3. 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">
danger

Configuring the Sage Pay Pages

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

  1. Download the new default web pages.
  2. Download the feature-specific CreditCardPayment.html for Sage Pay.
  3. 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).
  4. Add any web edits/configurations you had made on your original CreditCardPayment.html file to the new CreditCardPayment.html file downloaded in step two.
  5. 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>aeon.dll?action=30&type=113",
cancelLink: "<#CUSTOMIZATION>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

warning

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

EADRequest.js

warning

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> <!-- CHANGE input to button, ADD data-button-nodisable attribute and Search text -->

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

warning

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()) { // ADD HTML5 form validation
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;
}
/* REMOVE .new-line class */
.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> <!-- REMOVE <p> and <span class="new-line">, REPLACE with <div> -->
info

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"> <!-- REMOVE <p> and <span class="new-line">, REPLACE with <div> and Bootstrap margin classes -->

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"> <!-- REMOVE <p> and <span class="new-line">, REPLACE with <div> and Bootstrap margin classes -->

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> <!-- REMOVE <p> and class="new-line", REPLACE <span class="new-line"> with <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> <!-- REMOVE class="new-line" -->
</label>
<input class="ml-3" name="SearchType" type="radio" id="SearchTypeAll" value="All"> <!-- ADD class="ml-3" -->
<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">
<!-- REMOVE apple-touch-icon link -->

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.
warning

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 { /* ADD header utility classes */
font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5,.h6 { /* ADD header utility classes */
color:#08415c;
}
danger

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

webAlerts.js

warning

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>"><#DATAROW></a>
</h4>
<h5 class="card-subtitle mb2 text-muted"><#DATAROW></h5>

To this:

<div class="card-title h4">  <!-- CHANGE h4 to div with h4 class for accessibility -->
<a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW>"><#DATAROW></a>
</div>
<div class="card-subtitle h5 mb2 text-muted"><#DATAROW></div> <!-- CHANGE h5 to div with h5 class -->

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>"><#DATAROW></a>
</h4>

To this:

<div class="card-title h4">  <!-- CHANGE h4 to div with h4 class for accessibility -->
<a href="aeon.dll?&Action=10&Form=91&Value=<#DATAROW>"><#DATAROW></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>"><#DATAROW></a>
</h4>
<h5 class="card-subtitle text-muted"><#DATAROW></h5>

To this:

<div class="card-title h4">  <!-- CHANGE h4 to div with h4 class for accessibility -->
<a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW>"><#DATAROW></a>
</div>
<div class="card-subtitle h5 text-muted"><#DATAROW></div> <!-- CHANGE h5 to div with h5 class -->

DataRow_ElectronicDelivery.html

Change this (default lines 6-10):

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

To this:

<div class="card-title h4">  <!-- CHANGE h4 to div with h4 class for accessibility -->
<a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW>"><#DATAROW></a>
<span class="text-muted"><#DATAROW></span>
</div>
<div class="card-subtitle h5 mb2 text-muted"><#DATAROW></div> <!-- CHANGE h5 to div with h5 class -->

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>"><#DATAROW></a>
</h4>
<h5 class="card-subtitle mb2 text-muted"><#DATAROW></h5>

To this:

<div class="card-title h4">  <!-- CHANGE h4 to div with h4 class for accessibility -->
<a href="aeon.dll?&Action=10&Form=63&Value=<#DATAROW>"><#DATAROW></a>
</div>
<div class="card-subtitle h5 mb2 text-muted"><#DATAROW></div> <!-- CHANGE h5 to div with h5 class -->

User Pages

ChangeUserInformation.html & NewAuthRegistration.html

Change this:

<div class="form-check  ">
<label for="form-checkbox ResearchTopicsSharing">
<span class="<#ERROR>">
<input class="form-check-input" type="checkbox" id="ResearchTopicsSharing"
name="ResearchTopicsSharing" value="Yes" <#CHECKED>>
May we share your research topics with others?
</span>
</label>
</div>

To this:

<div class="form-check ml-3">  <!-- ADD ml-3 class -->
<label class="form-check-label <#ERROR>" for="ResearchTopicsSharing"> <!-- MOVE ERROR to class, FIX for attribute -->
<input class="form-check-input" type="checkbox" id="ResearchTopicsSharing"
name="ResearchTopicsSharing" value="Yes" <#CHECKED>>
May we share your research topics with others?
</label> <!-- REMOVE span wrapper -->
</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>">
<label for="ResearchTopicsSharing">
<input class="form-check-input" type="checkbox" id="ResearchTopicsSharing"
name="ResearchTopicsSharing" value="Yes" <#CHECKED>>
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>" for="ResearchTopicsSharing"> <!-- MOVE ERROR to class, ADD form-check-label class -->
<input class="form-check-input" type="checkbox" id="ResearchTopicsSharing"
name="ResearchTopicsSharing" value="Yes" <#CHECKED>>
May we share your research topics with others?
</label> <!-- REMOVE span wrapper -->
</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>">
<input class="form-check-input" type="checkbox" id="ResearchTopicsSharing"
name="ResearchTopicsSharing" value="Yes" <#CHECKED>>
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>" for="ResearchTopicsSharing"> <!-- FIX for attribute, MOVE ERROR to class, REMOVE form and pl-3 attributes -->
<input class="form-check-input" type="checkbox" id="ResearchTopicsSharing"
name="ResearchTopicsSharing" value="Yes" <#CHECKED>>
May we share your research topics with others?
</label> <!-- REMOVE span wrapper -->
</div>

Show "FOR DUPLICATION ORDERS" Label on Photoduplication Order Details

DuplicationLabel.png

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'>"> <!-- REMOVE field class, ADD TRANSACTION conditional -->
<div class="d-flex justify-content-between">
<span class="transaction-label">
FOR DUPLICATION ORDERS:</span>
</div> <!-- REMOVE empty field-value span -->
</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

warning

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">
<!-- REMOVE SessionID input -->

<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> <!-- REMOVE nested form, ADD 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'>"> <!-- ADD data-persisted-value -->
<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'>"> <!-- ADD data-persisted-value -->
<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> <!-- ADD formnovalidate attribute -->

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> <!-- WRAP in footer tags -->

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> <!-- ADD Site Map link in new div -->