Aeon 3.8 Web Page Changes

Follow

Below are all changes that were made to the Aeon web pages for version 3.8. You can use the following code samples to edit your web pages if you have existing customizations. You can download the Aeon 3.8 default web pages and files on your server under C:\Program Files\Aeon\Update\Web (default location) or you can download them from the Aeon Downloads page.

These changes apply to sites updating their web pages from Aeon 3.7 to 3.8.


Export to Excel

Researchers can now download their request details as an Excel spreadsheet. This change affects the following pages:

Add this in the /* DEFAULT TABLE */ section:

.table-export-link {display: inline-block; float: right;}
.table-export-link a {color: #bbb;}

Replace this:

>#TABLE name="ViewAllRequests" headerText="All Requests" noDataAction="ShowMessageRow" noDataMessage="No Requests" sortable="true"

with this:

>#TABLE name="ViewAllRequests" headerText="All Requests" noDataAction="ShowMessageRow" noDataMessage="No Requests" sortable="true" exportable="true"

______________________________________________________________________________________________________________________________

Request Copy

An additional link can be added to pages that allows researchers to request a copy of requests that are at the status of Item on Hold or Item Checked Out (or corresponding Activity statuses).

Add Link

To enable the link, insert item="RequestCopy:Request Copy" to the #MENU on the following pages:

DetailedInformation.html

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"
item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="RequestCopy:Request Copy"
item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item"
item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate"
item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

ViewCancelledDetailedInformation.html

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"
item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="RequestCopy:Request Copy"
item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item"
item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate"
item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

ViewCheckedOutDetailedInformation.html

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"
item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="RequestCopy:Request Copy"
item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item"
item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate"
item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

ViewDefaultDetailed.html


<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"
item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="RequestCopy:Request Copy"
item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item"
item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate"
item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

ViewDetailedInformation.html

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"
item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="RequestCopy:Request Copy"
item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item"
item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate"
item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">


Add onsubmit Attribute

Add the onsubmit attribute to the following page:

EditPhotoduplicationRequest.html

<form action="aeon.dll" method="post" class="f-wrap-request" onsubmit=
"$('input:disabled, textarea:disabled, select:disabled').addClass
('appear-disabled').removeAttr('disabled')"

#CONDITIONAL Tag

Add the following #CONDITIONAL tag to nonphotoduplication-related fields (i.e. any fields that you do not want the patron to edit when submitting the Photoduplication order). This will prevent citation fields from being edited by the researcher when the copy request is submitted.

EditPhotoduplicationRequest.html

<#CONDITIONAL type="ConvertingToCopy" true=" DISABLED ">

For example:

<label for="ItemTitle>
    <span class="field">
        <span class="req">*</span>
            <span class="<#ERROR name="ERRORItemTitle">"><span class="bold">Title</span></span><br />
    </span>
        <textarea id="ItemTitle" name="ItemTitle" rows="2" cols="40" class="f-name" tabindex="0" <#CONDITIONAL type="ConvertingToCopy" true=" DISABLED ">><#PARAM name="ItemTitle">     </textarea><br />
</label>

 This #CONDITIONAL tag is added to the following fields on the default web pages:

 table.png

Main.css

Add the following rule to normalize the appearance of disabled inputs across browsers and maintain required fields:

form.f-wrap-request label input:disabled, form.f-wrap-request label textarea:disabled, form.f-wrap-request label select:disabled, .appear-disabled  {color: #555 ; background-color: #E9E9E9;}

Schedule-Review-Toggle

Replace the schedule-review-toggle.js file with the new Aeon 3.8 file, or make the following change:

if ((scheduledDateLabel != null) && (userReviewLabel != null) && ($('#VisitScheduled')
!= null) && ($('#VisitReview') != null) && ($('#UserReview') != null)) {
    $('#UserReview').hide();
 
    $('#VisitScheduled').click(function () {
        showScheduled();
    });
 
    $('#VisitReview').click(function () {
        showReview();
    });
 
    if ($('#UserReview').prop("checked")) {
        showReview();
    } else {
        showScheduled();
    }


______________________________________________________________________________________________________
________________________
 

Researcher Tags

Researcher tags have been added to Aeon. See Researcher Tags in Aeon for more information. 

The following pages were added to the Aeon default web pages. These new pages will need to be created and/or added to your web folder- by default this location is C:\Program Files (x86)\Aeon\Web\. These files can also be found on your server under C:\Program Files\Aeon\Update\Web (default location) or you can download them from the Aeon 3.8 Downloads page.

include_ResearcherTags.html

<label for="ResearcherTags">
    <span class="field">
        <span class="bold">Researcher Tags</span><br />
        <span class="note">Enter a comma-separated list of the tags you want associated with this request.</span>
    </span>
    ">">br />
</label>

include_ResearcherTagsUpdate.html 

<input type="hidden" name="TransactionNumber" value="<#PARAM name="TransactionNumber">">
<div id="researcher-tags-update">
    <label for="ResearcherTags">
        <span class="field">
            <span class="bold">Researcher Tags</span><br/>
            <span class="note">Enter a comma-separated list of the tags you want associated with this request.</span>
        </span>
        <div class="value">
            <input id="researcher-tags-input" name="ResearcherTags" type="text" size="50" tabindex="0" value="<#PARAM name="ResearcherTags">">
            <button id="update-researcher-tags-button">Update Tags</button>
        </div>
    </label>
</div>
<script language="javascript">
    $(document).ready(function() {
        var updateResearcherTagsButton = $("#update-researcher-tags-button");
        var researcherTagsInput = $("#researcher-tags-input");
        var transactionNumberInput = $("input[name=TransactionNumber]");
        var sessionIdInput = $("input[name=SessionID]");
         
        if (updateResearcherTagsButton && researcherTagsInput && transactionNumberInput && sessionIdInput) {
            updateResearcherTagsButton.click(function() {
                updateResearcherTagsButton.attr("disabled", "disabled");
                $.ajax({
                    type: "POST",
                    url: "aeon.dll/ajax?query=UpdateResearcherTags",
                    data: {
                        transactionNumber: transactionNumberInput.attr("value"),
                        sessionId: sessionIdInput.attr("value"),
                        tags: encodeURIComponent(researcherTagsInput.val())
                    },
                    success: function(data, textStatus, jqXHR) {
                        updateResearcherTagsButton.removeAttr("disabled");
                         
                        if (typeof data === "string" && data.indexOf("Error:") == 0) {
                            alert(data);
                        } else  {
                            researcherTagsInput.val(data.tags);
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        updateResearcherTagsButton.removeAttr("disabled");
                        alert('Error updating researcher tags');
                        throw errorThrown;
                    }
                });
            });
        }
    });
</script>

ViewRequestsByTag.html 

<html lang="en-US">
<head>
<title>Aeon - <#PARAM name='ResearcherTag'></title>
<#INCLUDE filename="include_head.html">
<#INCLUDE filename="include_sortableTables.html">
</head>
<body id="type-b">
    <div id="wrap">
        <#INCLUDE filename="include_header.html">
        <div id="content-wrap">
            <#INCLUDE filename="include_menu.html">
            <div id="content" role="heading" aria-label="Content">
                <div class="default-table">         
                    <#TABLE name="ViewAllRequests" headerText="All Requests - 
                    <#PARAM name='ResearcherTag'>" noDataAction="ShowMessageRow" noDataMessage="No Requests" sortable="true"column="TransactionNumber:TN" column="Title" column="ItemAuthor:Author/Creator" column="CallNumber:Call Number" column="ItemVolume:Volume/Box" column="TransactionStatus:Status" researcherTag="<#PARAM name='ResearcherTag'>" orderby="TransactionNumber DESC">
                </div>
                <#INCLUDE filename="include_footer.html">
            </div>
        </div>
    </div>
</body>
</html>

Add sections to the following pages:

main.css

/* Researcher Tags */
.researcher-tag-cloud {overflow: auto; width: 100%; margin: .2em 0 .2em 0; background-color: #f6f6f6;}
.researcher-tag-cloud .researcher-tag  {margin: .1em; padding: .1em; display: inline-block;}
.researcher-tag-cloud .researcher-tag .researcher-tag-name {margin: 0 .05em 0 .05em;}
.researcher-tag-cloud .researcher-tag .researcher-tag-count {margin: 0 .05em 0 .05em;}
.researcher-tag-cloud .researcher-tag-weight-1 {font-size: 10pt;}
.researcher-tag-cloud .researcher-tag-weight-2 {font-size: 11pt;}
.researcher-tag-cloud .researcher-tag-weight-3 {font-size: 12pt;}
.researcher-tag-cloud .researcher-tag-weight-4 {font-size: 13pt;}
 
#researcher-tags-update {width: 100%; display: inline-block; margin: 0 0 1em 0;}
#researcher-tags-update .field {float:left;width:8em;line-height: 1.7;display:block;position:relative;width:45%;}
#researcher-tags-update .note {color:#333333;font-size:80%;font-weight:normal;}
#researcher-tags-update .value {float:right;width:55%;}
#researcher-tags-update label input {margin:3px; width: 79%;}
#researcher-tags-update label  button {float:right; width: 19%;height:24px;}
 
.collapse-control-expand:before {content:url(images/expand.png); margin-right: 5px;}
.collapse-control-collapse:before {content:url(images/collapse.png); margin-right: 5px;}
.collapse {display:none}

EADRequest.html

<label for="ResearcherTags">
    <span class="field">
        <span class="bold">Researcher Tags</span><br/>
        <span class="note">Enter a comma-separated list of the tags you want associated with this request.</span>
    </span>
    <input id="ResearcherTags" name="FormDataField" type="text" size="40" class="f-name" tabindex="0" value="<#PARAM name="ResearcherTags">"><br />
</label>

Also add this comment at the top of the page:

 <!--
Note: Unlike other Aeon web pages, on this page the input elements must have a name of "FormDataField" and an ID matching the relevant Aeon field name.
-->

MainMenu.html

<#TAGCLOUD>

under these lines:

<#INCLUDE filename="include_menu.html">
<div id="content" role="heading" aria-label="Content">

Add a reference to the new include_ResearcherTags.html file to the following pages. This will allow Researchers to type in and add tags.

DefaultRequest.html

<#INCLUDE filename="include_ResearcherTags.html">

EditDefaultRequest.html

<#INCLUDE filename="include_ResearcherTags.html">

GenericRequestSerial.html

<#INCLUDE filename="include_ResearcherTags.html">

EditGenericRequestSerial.html

<#INCLUDE filename="include_ResearcherTags.html">

PhotoduplicationRequest.html

<#INCLUDE filename="include_ResearcherTags.html">

EditPhotoduplicationRequest.html

<#INCLUDE filename="include_ResearcherTags.html">

GenericRequestManuscript.html

<#INCLUDE filename="include_ResearcherTags.html">

EditGenericRequestManuscript.html

<#INCLUDE filename="include_ResearcherTags.html">

GenericRequestMonograph.html

<#INCLUDE filename="include_ResearcherTags.html">

GenericRequestMonograph.html

<#INCLUDE filename="include_ResearcherTags.html">

EditEADRequest.html

<#INCLUDE filename="include_ResearcherTags.html">

 

 Add a reference to the new include_ResearcherTagsUpdate.html file to the following pages:

DetailedInformation.html

<#INCLUDE filename="include_ResearcherTagsUpdate.html">

ViewDetailedInformation.html

<#INCLUDE filename="include_ResearcherTagsUpdate.html">

ViewDefaultDetailed.html

<#INCLUDE filename="include_ResearcherTagsUpdate.html">

______________________________________________________________________________________________________________________________

Photoduplication Requests

Researchers can now request a photoduplication of an existing request. Make changes to the following pages:

DetailedInformation.html

Replace this:

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"  item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="Clone:Clone Request"item="CloneToCopy:Clone to Copy" item="ViewFile:View Item" item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate" item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

with this:

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"  item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="RequestCopy:Request Copy" item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item" item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate" item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

ViewCancelledDetailedInformation.html

Replace this:

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"  item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item" item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate" item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

with this:

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"  item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="RequestCopy:Request Copy" item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item" item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate" item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

ViewCheckedOutDetailedInformation.html

Replace this:

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"  item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item" item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate" item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

with this:

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"  item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="RequestCopy:Request Copy" item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item" item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate" item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

ViewDefaultDetailed.html

Replace this:

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"  item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item" item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate" item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

with this:

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"  item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="RequestCopy:Request Copy" item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item" item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate" item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

ViewDetailedInformation.html

Replace this:

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"  item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item" item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate" item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

with this:

<#MENU name="transaction" separator="|" item="Edit:Edit Request" item="Cancel:Cancel Request"  item="RemoveHold:Remove from Hold" item="Resubmit:Resubmit Request" item="RequestCopy:Request Copy" item="Clone:Clone Request" item="CloneToCopy:Clone to Copy" item="ViewFile:View Item" item="DeleteFile:Delete Item" item="Submit:Submit Request" item="ApproveOrderEstimate:Approve Estimate" item="ApproveOrderBilling:Approve Billing" item="ExportRIS:Export Citation">

 Add the #CONDITIONAL tag to non-photoduplication related fields:

EditPhotoduplicationRequest.html

Replace this line:

<textarea id="ItemTitle" name="ItemTitle" rows="2" cols="40" class="f-name" tabindex="0"><#PARAM name="ItemTitle"></textarea><br />

with this:

<textarea id="ItemTitle" name="ItemTitle" rows="2" cols="40" class="f-name" tabindex="0" <#CONDITIONAL type="ConvertingToCopy" true=" DISABLED ">><#PARAM name="ItemTitle"></textarea><br />

 Add the #CONDITIONAL tag to non-photoduplication related fields:

include_scheduleddate_review_toggle.html

Replace this line:

<input id="ScheduledDate" name="ScheduledDate" class="f-name" tabindex="0" type="textbox" value="<#PARAM name="ScheduledDate">"><br />

with this:

<input id="ScheduledDate" name="ScheduledDate" class="f-name" tabindex="0" type="textbox" value="<#PARAM name="ScheduledDate">" <#CONDITIONAL type="ConvertingToCopy" true=" DISABLED ">><br />

 

Also replace this line:

<input id="UserReview" name="UserReview" class="f-checkbox" tabindex="0" value="Yes" type="checkbox" <#CHECKED name="UserReview" default="false">><br />

with this:

<input id="UserReview" name="UserReview" class="f-checkbox" tabindex="0" value="Yes" type="checkbox" <#CHECKED name="UserReview" default="false"> <#CONDITIONAL type="ConvertingToCopy" true=" DISABLED ">><br />

Replace the schedule-review-toggle.js file with the new Aeon 3.8 file, or make the following change: 

schedule-review-toggle.js

Replace this:

if ((scheduledDateLabel != null) && (userReviewLabel != null) && ($('#VisitScheduled')
!= null) && ($('#VisitReview') != null) && ($('#UserReview') != null)) {
    $('#UserReview').hide();
 
    $('#VisitScheduled').click(function () {
        showScheduled();
    });
 
    $('#VisitReview').click(function () {
        showReview();
    });
 
    if ($('#UserReview').prop("checked")) {
        showReview();
    } else {
        showScheduled();
    }

with this:

if ((scheduledDateLabel != null) && (userReviewLabel != null) && ($('#VisitScheduled')
!= null) && ($('#VisitReview') != null) && ($('#UserReview') != null)) {
                if (scheduledDateLabel.children(":disabled").length + userReviewLabel.children(":disabled").length == 0) {
                        $('#UserReview').hide();
                         
                        $('#VisitScheduled').click(function () {
                                showScheduled();
                        });
 
                        $('#VisitReview').click(function () {
                                showReview();
                        });
 
                        if ($('#UserReview').prop("checked")) {
                                showReview();
                        } else {
                                showScheduled();
                        }
                }
                else
                {
                        if ($('#UserReview').prop("checked")) {
                                scheduledDateLabel.hide();
                        } else {
                                userReviewLabel.hide();
                        }
                }

Add the following rule to normalize the appearance of disabled inputs across browsers: 

main.css 

form.f-wrap-request label input:disabled, form.f-wrap-request label textarea:disabled, form.f-wrap-request label select:disabled {background-color: #E9E9E9;}

______________________________________________________________________________________________________________________________

Expand/Collapse

The Aeon web pages can now include expandable and collapsible elements.

Add the following two new images to the css/images folder. By default this location is C:\Program Files (x86)\Aeon\Web\css\images. These files can be found on your server under C:\Program Files\Aeon\Update\Web (default location) or you can download them from the Aeon 3.8 Downloads page.

  • collapse.png
  • expand.png

Add the following new javascript file to the Aeon web folder. By default this location is C:\Program Files (x86)\Aeon\Web\. These files can also be found on your server under C:\Program Files\Aeon\Update\Web (default location) or you can download them from the Aeon 3.8 Downloads page.

atlasUtility.js 

$(document).ready(function () {
    //Attach click event handlers to each element that controls collapsing another
    //element and add the appropriate collapse control class
    $(document).find("[data-toggle='collapse']").each(function() {
        var _this = $(this);
        //If any of this element's targets have the collapse class, then we should
        //use the expand-control class. Otherwise, use the collapse-control class
        if ($(_this.data("target")).filter(".collapse").length > 0) {
            _this.addClass("collapse-control-expand");
        } else {
            _this.addClass("collapse-control-collapse");
        }
 
        _this.click(function() {
            $(_this.data("target")).toggle();
            _this.toggleClass("collapse-control-expand collapse-control-collapse");
        })
    })
});

Make these changes to the following pages: 

include_head.html 

Add this line at the end:


<script type="text/javascript" src="js/atlasUtility.js">

main.css 

.collapse-control-expand:before {content:url(images/expand.png); margin-right: 5px;}
.collapse-control-collapse:before {content:url(images/collapse.png); margin-right: 5px;}
.collapse {display:none}

______________________________________________________________________________________________________________________________

ViewRequests Table

The ViewRequests table will allow you to add a table anywhere on your web pages that will display all requests at a specific status.

Add this code anywhere you want to display a table:

This requires at least the "QueueID" attribute to specify the ID of the queues you want to include. See The Queues Table for a list of queue IDs.

<#TABLE name="ViewRequests" QueueID="">

You can also add other attributes to further customize the table. Some examples: 

All requests that are In Photoduplication:

<#TABLE name="ViewRequests" QueueID="22" headerText="Requests In Photoduplication" noDataAction="ShowMessageRow"
noDataMessage="No Requests" sortable="true" orderby="TransactionNumber DESC">

All requests that are cancelled, by either staff or the user:

<#TABLE name="ViewRequests" QueueID="28,30" headerText="Cancelled Requests" noDataAction="ShowMessageRow"
noDataMessage="No Requests" sortable="true" orderby="TransactionNumber DESC">

______________________________________________________________________________________________________________________________

Web Validation

All default request forms now include a hidden input to improve web validation. You can implement this on the following request pages:

DefaultRequest.html             EditDefaultRequest.html             GenericRequestMonograph.html
EditGenericRequestMonograph.html             GenericRequestManuscript.html             EditGenericRequestManuscript.html
GenericRequestSerial.html             EditGenericRequestSerial.html               

 

Do the following:

Add this line:

<input type="hidden" name="FormValidationOverride" value="AllRequests">

after this line:

>input type="hidden" name="RequestType" value="Loan">

If using Photoduplication, you can implement this on the following request pages: 

PhotoduplicationRequest.html 

Add this line:

<input type="hidden" name="FormValidationOverride" value="AllRequests">

after this line:

>input type="hidden" name="RequestType" value="Loan">

EditPhotoduplicationRequest.html 

Add this line:

<input type="hidden" name="FormValidationOverride" value="AllRequests">

after this line:

>input type="hidden" name="RequestType" value="Loan">

______________________________________________________________________________________________________________________________

Email Spelling

Correct the spelling of the word "email" on the following pages:

NewUserRegistration.html 

Change the spelling of "e-mail" to "email" on the following lines: 

<span class="<#ERROR name="ERROREMailAddress">"><span class="bold">E-mail Address</span></span>
<input type="hidden" name="NotificationMethod" value="E-mail">

NewUserRegistration.html 

Change the spelling of "e-mail" to "email" on the following lines: 

<p>System Problems or Questions: Special Collections office at (800) 555-1212 or e-mail to <a href="mailto:ill@mail.ill.vt.edu">office@your.site.name</a><br />
Technical Support Questions: E-mail anytime to <a href="mailto:ill@mail.ill.vt.edu">office@your.site.here</a></p>

FirstTime.html 

Change the spelling of "e-mail" to "email" on the following line:

<li>Having your e-mail and regular mail addresses on file with Special Collections enables us to notify you promptly and deliver materials accurately.</li>

NewAuthRegistration.html 

Change the spelling of "e-mail" to "email" on the following line:

<span class="<#ERROR name="ERROREMailAddress">"><span class="bold">E-mail Address</span></span>
<input type="hidden" name="NotificationMethod" value="E-mail">

ChangeUserInformation.html 

Change the spelling of "e-mail" to "email" on the following lines:

<input type="hidden" name="NotificationMethod" value="E-mail">
<span class="<#ERROR name="ERROREMailAddress">"><span class="bold">E-mail Address</span></span>

CreditCardPayment.html 

Change the spelling of "e-mail" to "email" on the following line:

<span class="bold">E-mail Address</span>

CreditCardPayment.html (SagePay folder) 

Change the spelling of "e-mail" to "email" on the following line:

<span class="bold">E-mail Address</span>

______________________________________________________________________________________________________________________________

Required Fields

For each of the pages listed below:

ChangePassword.html                Logon.html                Logon2.html
DefaultRequest.html                EADRequest.html                EditEADRequest.html
ForgotPassword.html                ChangeUserInformation.html                NewPassword.html
NewAuthRegistration.html                NewUserRegistration.html  

 

do the following: 

Move this line:

<div class="req"><span class="bold">*</span> Indicates required field</div>

under the legend/fieldset line.

______________________________________________________________________________________________________________________________

Scroll to Top of Page for Errors

If there is a validation error or a request limit error, the page will scroll to the top to display the error.

EADRequest.js

Add this:

//Scroll to the top of the page to show error messages
window.scrollTo(0, 0);

at the end of this section:

// Process errors
$.each(data.errors, function (index, error) {
    // Change class of label
    labelElement = $('#' + error);
    labelElement.removeClass('valid');
    labelElement.addClass('validationError');

______________________________________________________________________________________________________________________________ 

When on the ViewUserReviewRequests.html page, the search box was not working. Replace the KeepInReview.js page or make the following changes:

KeepInReview.js

Replace this:


$(document).ready(function () {
    //Add the onclick handler to the submit request button   
    $(':submit').click(function (event) { return SubmitKeepInReviewForm(this, event); });
});
function SubmitKeepInReviewForm(sender, e) {
    var statusRoot;
    var validationSuccessful;
    if (!sender.id) {
        alert("Error: The submit buttons do not have IDs. The ViewUserReviewRequests.html file does not match this version of EADRequest.js.");
        return false;
    }
    if (sender.id != 'submitInformation') {
        //If the id is not submitInformation, allow the regular form click to continue
        return true;
    }
    else {

with this:


$(document).ready(function () {
    var submitInformationInput = $('#submitInformation');
    if (submitInformationInput.length == 0) {
        alert("Error: The Submit Information button does not have an ID. The ViewUserReviewRequests.html file does not match this version of KeepInReview.js.");
    } else {
        //Add the onclick handler to the submit request button   
        submitInformationInput.click(function (event) { return SubmitKeepInReviewForm(this, event); });
    }
});
function SubmitKeepInReviewForm(sender, e) {
    var statusRoot;
    var validationSuccessful;

______________________________________________________________________________________________________________________________

Copyright Year

Update the copyright year on the following pages:

Logon.html
FAQ.html
FirstTime.html
 
by doing the following:
 

Replace this:

© 2011 Atlas Systems, Inc. All Rights Reserved.

with this:

© 2015 Atlas Systems, Inc. All Rights Reserved.

______________________________________________________________________________________________________________________________

FAQ

Some changes to the format and design of the FAQ have been made on the following pages:

main.css

Replace this part of the /*FAQ*/ section:

#faq-toc li {font-weight:bold;line-height: 1.4em;padding-left: 0px;}
#faq-contents {line-height:normal}
#faq-contents .faq-item {width:100%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 10px}
#faq-contents .faq-item-box {color:#333;padding: 0px 20px 20px;border-top: 1px solid #d7d7d7;background: #f6f6f6}
#faq-contents .faq-item-box p, .featurebox h1, .featurebox h2, .featurebox h3,.featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #333399;color:#333399}
#faq-contents .faq-item-box p {border:none;margin: 0 0 1em;color:#444}
#faq-contents .faq-item-box a {font-weight:bold}
#faq-contents li {font-weight:normal;line-height: 1.4em;padding-left: 0px;background-image: url(images/bullet.gif);background-repeat: no-repeat;}

with this:

#faq-toc li {background-image: none; list-style-type: disc; padding-left: 0; margin-left: 18px;}
#faq-contents {line-height:normal}
#faq-contents .faq-item {width:100%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 10px}
#faq-contents .faq-item-box {color:#333;padding: 0px 20px 20px;border-top: 1px solid #d7d7d7;background: #f6f6f6}
#faq-contents .faq-item-box p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #333399;color:#333399}
#faq-contents .faq-item-box p {border:none;margin: 0 0 1em;color:#444}
#faq-contents .faq-item-box a {font-weight:bold}
#faq-contents li {background-image: none; list-style-type: disc; padding-left: 0; margin-left: 18px;}

FAQ.html

Replace this:

<meta http-equiv="Pragma" content="no-cache">
<title>Aeon FAQ</title>
<#INCLUDE filename="include_head.html">

with this:

<meta http-equiv="Pragma" content="no-cache">
<title>Aeon FAQ</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-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" />
<link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-device-width: 480px)" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6_or_less.css" />
<![endif]-->

______________________________________________________________________________________________________________________________

Layout Cleanup

Many small changes have been made to the main.css file to beautify the alignment of various elements.

main.css

Replace this:

form.f-wrap-request label input, form.f-wrap-request label textarea, form.f-wrap-request label select {width:35%;float:left;margin-left:10px;}
form.f-wrap-request label input#ScheduledDate  {width: 32%}
form.f-wrap-request label b {float:left;width:60%;line-height: 1.7;display:block;
    position:relative;
    top: 0px;
    left: 0px;
}
form.f-wrap-request label b .note {color:#333333;font-size:80%;font-weight:normal}
form.f-wrap-request label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1em;left:-.4em;width:.3em;height:.3em}
form.f-wrap-request label .field {float:left;width:60%;line-height: 1.7;display:block;position:relative}
form.f-wrap-request label .field .note {color:#333333;font-size:80%;font-weight:normal}
form.f-wrap-request label .field .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1em;left:-.4em;width:.3em;height:.3em}
form.f-wrap-request label .field .note.validationError {color:#CC0000;}
form.f-wrap-request div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
form.f-wrap-request div.req b {color:#c00;font-size:140%}
form.f-wrap-request .req .bold {color: #c00; font-size: 140%;}
form.f-wrap-request label select {width: 24em}
form.f-wrap-request label textarea.f-comments {width: 20em}
form.f-wrap-request div.f-submit-wrap {padding: 5px 0 5px 8em}
form.f-wrap-request input.f-submit {margin: 0 0 0 10px}
form.f-wrap-request fieldset.f-checkbox-wrap, form.f-wrap-request fieldset.f-radio-wrap {float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.f-wrap-request fieldset.f-checkbox-wrap b, form.f-wrap-request fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
form.f-wrap-request fieldset.f-checkbox-wrap fieldset, form.f-wrap-request fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
form.f-wrap-request fieldset.f-checkbox-wrap label, form.f-wrap-request fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.f-wrap-request fieldset legend { color: #960; font: bold 155% arial; margin: 0 0 0.6em; }
form.f-wrap-request label input.f-checkbox {width:auto;float:left;margin-left:10px}
form.f-wrap-request label input.f-radio {width:auto;float:none;margin-left:10px}

with this:

form.f-wrap-request label input, form.f-wrap-request label textarea, form.f-wrap-request label select {width:40%;float:left;}
form.f-wrap-request label input:disabled, form.f-wrap-request label textarea:disabled, form.f-wrap-request label select:disabled  {background-color: #E9E9E9;}
form.f-wrap-request label input#ScheduledDate  {width: 35.5%}
 
form.f-wrap-request label b {float:left;width:60%;line-height: 1.7;display:block;position:relative;top: 0px;left: 0px;}
form.f-wrap-request label b .note {color:#333333;font-size:80%;font-weight:normal}
 
form.f-wrap-request label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1em;left:-.4em;width:.3em;height:.3em}
form.f-wrap-request label .field {float:left;width:58%;margin-right:2%;line-height: 1.7;display:block;position:relative}
form.f-wrap-request label .field .note {color:#333333;font-size:80%;font-weight:normal}
form.f-wrap-request label .field .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1em;left:-.4em;width:.3em;height:.3em}
form.f-wrap-request label .field .note.validationError {color:#CC0000;}
 
form.f-wrap-request div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:0px;right:1em;}
form.f-wrap-request div.req b {color:#c00;font-size:140%}
form.f-wrap-request .req .bold {color: #c00; font-size: 140%;}
 
form.f-wrap-request label textarea.f-comments {width: 20em}
form.f-wrap-request div.f-submit-wrap {padding: 5px 0 5px 8em}
form.f-wrap-request input.f-submit {margin: 0 0 0 10px}
 
form.f-wrap-request fieldset.f-checkbox-wrap, form.f-wrap-request fieldset.f-radio-wrap {float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.f-wrap-request fieldset.f-checkbox-wrap b, form.f-wrap-request fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
form.f-wrap-request fieldset.f-checkbox-wrap fieldset, form.f-wrap-request fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
form.f-wrap-request fieldset.f-checkbox-wrap label, form.f-wrap-request fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.f-wrap-request fieldset legend { color: #960; font: bold 155% arial; margin: 0 0 0.6em; }
form.f-wrap-request label input.f-checkbox {width:auto;float:left;}
form.f-wrap-request label input.f-radio {width:auto;float:none;margin-left:10px}

______________________________________________________________________________________________________________________________ 

Citation Information

A line has been added that explains to add additional information as notes. This was done on the following pages:

GenericRequestSerial.html
EditGenericRequestSerial.html
include_Photoduplication.html

Do the following: 

Add these lines:

<br/>
<span class="note">Additional citation information can be added as notes.</span>

after this line:

<span class="<#ERROR name="ERRORItemPages">"><span class="bold">Inclusive Pages</span>
</span>

______________________________________________________________________________________________________________________________

Reset ID

Remove the section that references the ability to reset ID on the following page:

Remove this section:

<label for="CurrentPassword">
    <span class="field">
        <span class="req">*</span>
        <span class="<#ERROR name="ERRORResetID">"><span class="bold">Reset ID</span>
        </span>
        <#PARAM name="ResetID"><br />
    </span>
</label>

______________________________________________________________________________________________________________________________

Reset Button

The wording of the button has been changed from "Clear Form" to "Reset Form."

include_request_buttons.html

Replace this line:

<input type="reset" name="ResetButton" value="Clear Form" class="f-submit" tabindex="0" />

with this:

<input type="reset" name="ResetButton" value="Reset Form" class="f-submit" tabindex="0" />

______________________________________________________________________________________________________________________________

First Time Registration

Wording has been added for first time users to explain more about Aeon.

NewAuthRegistration.html

Replace this:

<legend>New User Registration</legend>

with this:

<legend>First Time User Registration for Aeon</legend>
 
<p>
To request an item, you must first identify yourself to the library's Aeon system. To do this you fill out a registration form using your Web browser.<br />
Registration has two purposes:
</p>
 
<ul>
    <li>Entering your personal information into the Aeon system means you will not have to supply the information again when making future requests.</li>
    <li>Having your email and regular mail addresses on file with Special Collections enables us to notify you promptly and deliver materials accurately.</li>
</ul>
 
<h2 data-toggle="collapse" data-target="#copyright" title="Click to expand section">Important Copyright Information</h2>
<div id="copyright" class="collapse">
    <p>WARNING CONCERNING COPYRIGHT RESTRICTIONS</p>
    <p>The copyright law of the United States (Title 17, United States Code) governs the making of photocopies or other reproductions of copyrighted materials.</p>
    <p>Under certain conditions specified in the law, libraries and archives are authorized to furnish a photocopy or other reproduction. One of these specified conditions is that the photocopy or reproduction is not to           be "used for any purpose other than private study, scholarship, or research". If a user makes a request for, or later uses, a photocopy or reproduction for purposes in excess of "fair use", that user may be liable for copyright infringement.</p>
    <p>This institution reserves the right to refuse to accept a copying order if, in its judgment, fulfillment of the order would involve violation of copyright law.</p>
</div>
 
<h2 data-toggle="collapse" data-target="#faq" title="Click to expand section">Aeon FAQ (Frequently Asked Questions)</h2>
<div id="faq" class="collapse">
    <p>Before registering, you may wish to read the Aeon <a href="FAQ.html" target="_self">FAQ</a>. The FAQ may answer other questions you have about the Aeon Special Collections Management System.</p>
 
    <p>By submitting this form you acknowledge and agree to all of the terms and conditions above. Please pay particular attention to the copyright statement and the Aeon FAQ. After reading this information, you can fill out your personal details and click the "Submit Information" button to continue.</p>
</div>

______________________________________________________________________________________________________________________________ 

Case Sensitive

The NewUserRegistration.html page mistakenly indicated that the username is case sensitive. Delete this line on the following pages:

NewUserRegistration.html

Delete this line:

<span class="note">Case sensitive</span>

______________________________________________________________________________________________________________________________ 

State Dropdown

The State field is now a dropdown by default. This change has been made on the following pages:

NewUserRegistration.html
ChangeUserInformation.html
NewAuthRegistration.html
 
Make the following change:

Change this:

<input id="State" name="State" type="text" size="40" class="f-name" tabindex="0" value="<#PARAM name="State">"><br />

to this:

<select id="State" name="State" size="1" class="f-name" tabindex="0">
    <#OPTION name="States" selectedValue="<#PARAM name=State>" defaultName="Choose a State" defaultValue="">
</select><br />

______________________________________________________________________________________________________________________________

Countries Default View

This change has been made on the following pages:

NewAuthRegistration.html
ChangeUserInformation.html
NewUserRegistration.html
 

Replace this:

<#OPTION name="Countries" selectedValue="<#PARAM name=SCountry>" defaultValue="Choose a country" />

with this:

<#OPTION name="Countries" selectedValue="<#PARAM name=SCountry>" defaultName="Choose a Country" defaultValue="">

______________________________________________________________________________________________________________________________

Organization Field

A new "Organization" field was added to the User info forms.

NewUserRegistration.html
NewAuthRegistration.html
 

Add this section with the other labels:

<label for="Organization">
    <span class="field">
        <span class="<#ERROR name="ERROROrganization">"><span class="bold">Organization</span></span>
    </span>
    <input id="Organization" name="Organization" type="text" size="40" class="f-name" tabindex="0" value="<#PARAM name="Organization">"><br />
</label>

______________________________________________________________________________________________________________________________ 

 

Status

Make these changes to the following pages:

NewAuthRegistration.html
NewUserRegistration.html
 

Replace this:

<option>Choose a Status</option>
<#OPTION name="Statuses">

with this:

<#OPTION name="Statuses" selectedValue="<#PARAM name=Status>" defaultName="Choose a Status" defaultValue="">

______________________________________________________________________________________________________________________________

 

Department

Make these changes to the following pages:

NewAuthRegistration.html
NewUserRegistration.html
 

Replace this:

<option>Choose a Department</option>
<#OPTION name="Departments">

with this:

<#OPTION name="Departments" selectedValue="<#PARAM name=Department>" defaultName="Choose a Department" defaultValue="">

______________________________________________________________________________________________________________________________

 

Site Dropdown

There is a new method for the #OPTION tag called "Sites" that will allow a Sites dropdown. Make these changes to the following pages:

EADRequest.html
EditEADRequest.html
 

Add this section:

<label for="Site">
    <span class="field">
        <span class="req">*</span>
        <span class="<#ERROR name="ERRORSite">"><span class="bold">Site</span></span>
    </span>
    <select id="Site" name="FormDataField" size="1" class="f-name" tabindex="0">
        <#OPTION name="Sites" selectedValue="<#PARAM name=Site>" defaultName="Choose a Site" defaultValue="">
    </select><br />
</label>

In default pages it is right under the Common Request Information.

______________________________________________________________________________________________________________________________

 

ID Type

Make these changes to the following pages:

ChangeUserInformation.html
NewAuthRegistration.html
NewUserRegistration.html
 

Replace this:

<option>Choose an ID Type</option>
    <#OPTION name="IDTypes">

with this:

<#OPTION name="IDTypes" selectedValue="<#PARAM name=IDType>" defaultName="Choose an ID Type" defaultValue="">

______________________________________________________________________________________________________________________________

 

Credit Card Web Pages

If you use the credit card web pages, you will need to make the following changes.

 

CreditCardPayment.html

Spelling Change

Change the spelling of "e-mail" to "email" on the following lines:

<span class="bold">E-mail Address</span>

 

ViewOrderApprovals.html

Stylesheet

Change the spelling of "e-mail" to "email" on the following lines:

<link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6_or_less.css" />
<![endif]-->

Content Role

Replace this:

<div id="content">

with this:

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

Submit Button Wording

Replace this:

<input type="submit" name="SubmitButton" value="Pay Now" class="f-submit" tabindex="0" />

with this:

<input type="submit" name="SubmitButton" value="Pay Online" class="f-submit" tabindex="0" />

 

Authorize.Net - CreditCardPayment.html

#PAYMENTPROVIDERURL Tag

Replace this:

<form id="paymentform" action="<#CUSTOMIZATION name=PaymentProviderURL />" method="post">

with this:

<form id="paymentform" action="<#PAYMENTPROVIDERURL>" method="post">

#CONDITIONAL Tag

Replace this:

<input type="hidden" name="x_test_request" value="TRUE">

with this:

<input type="hidden" name="x_test_request" value="<#CONDITIONAL Type="CustomizationKey" Test="PaymentProviderTestModeEnabled" True="TRUE" False="FALSE">">

Fixed Link

Replace this:

<input type="hidden" name="x_relay_url" value="<#CUSTOMIZATION name="WebURL">/aeon.dll?action=11&type=109">

with this:

<input type="hidden" name="x_relay_url" value="<#CUSTOMIZATION name="WebURL">aeon.dll?action=11&type=109">

 

PayPal - CreditCardPayment.html

#PAYMENTPROVIDERURL Tag

Replace this:

<form id="paypalform" action="<#CUSTOMIZATION name=PaymentProviderURL />" method="post">

with this:

<form id="paypalform" action="<#PAYMENTPROVIDERURL>" method="post">

 

SafePay - CreditCardPayment.html

Spelling Change

Change the spelling of "e-mail" to "email" on the following lines:

<form id="paypalform" action="<#CUSTOMIZATION name=PaymentProviderURL />" method="post">

with this:

<span class="bold">E-mail Address</span>

 

 

 

 

0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.