Configuring Shared Lists on the Web

Follow

In order for Shared Lists to function on the Ares web pages, you will need to add some pages and edit some settings.

New Web Pages

Many new web pages were added to support Shared Lists. These pages will need to be copied to the Ares web directory. They can be found on your server under C:\Ares\Updates\WebPages (default location) or you can download them at Ares Downloads.

  • IApplySharedList.html
  • ICourseImportItemsToSharedList.html
  • IInstructorSharedLists.html
  • include_defaultsharedlistinfo.html
  • include_deletesharedlistitemconfirm.html
  • include_fullproxysharedlistmenu.html
  • include_instructorsharedlistmenu.html
  • include_jquery-ui.html
  • include_setItemFieldsAsReadOnly.html
  • include_sharedlistitemviewdelete.html
  • include_sharedlistitemvieweditdelete.html
  • include_sharedlistmenu.html
  • ISharedListCreate.html
  • ISharedListEdit.html
  • ISharedListInfo.html
  • ISharedListItemInfo.html
  • ISLRFArticle.html
  • ISLRFAudio.html
  • ISLRFBook.html
  • ISLRFBookChapter.html
  • ISLRFCreate.html
  • ISLRFEditArticle.html
  • ISLRFEditAudio.html
  • ISLRFEditBook.html
  • ISLRFEditBookChapter.html
  • ISLRFEditCreate.html
  • ISLRFEditInstructorUpload.html
  • ISLRFEditVideo.html
  • ISLRFInstructorUpload.html
  • ISLRFMenu.html
  • ISLRFOpenURLArticle.html
  • ISLRFOpenURLBook.html
  • ISLRFVideo.html
  • IUploadSharedListItemForm.html

Web Page Edits

The following are the changes you will need to make on your Ares web pages in order for Shared Lists functionality to work. Also, see Ares 4.7 Web Page Changes for a full list of web page changes.

Main.css

Additionally, some new styling rules were added to the main.css. To use Shared Lists on the Ares web pages you will need to add this code to your main.css file:

/* Misc. Inline Styles Moved to CSS Ares 4.4.0.0 */
span.irf-menu-item-icon {
    float: left;
    text-align: center;
    margin: 5px;
    padding: 20px;
}
 
span.item-icon {
    float: left;
    margin: 10px 10px 2px 5px;
    width: 20px;
    height: 100px;
}
 
span.item-title {
    font-weight: bold;
}
 
span.status-line {
    background-color:#E6F4FF;
    font-size: 110%;
}
 
div.item-text {
    margin-left: 25px;
}
 
div.shared-list-name {
    font-size: 1.2em;
}
 
div.view-edit-delete {
    margin: 2px 15px 2px 25px;
    padding: 3px;
    background-color: #E6E6FA;
    border: 1px solid #0000FF;
}
 
.float-left {
    float: left;
}
 
.hidden {
    display: none;
}

IRFMenu.html

Also, Shared Lists are applied to courses in the web from the same page that is used to add Course Reserve Items (IRFMenu.html). This page has been changed to add tables of the applicable Shared Lists. 

Add this code to the IRFMenu.html page right after the Course table (the line that begins with <#TABLE name="Course"):

<h3>Or would you like to apply a shared list to this course?</h3>
            
<#TABLE name="SharedList" class="instructor-table" Type="Import" AllowRowClick="Yes" headerText="Instructor Shared Lists" LinkColumn="ListID" AllowJavascriptHover="True" ListType="Instructor" column="ListID:List ID" column="ListName:List Name" column="ListReference:Instructor Name" NoDataAction="ShowMessage" NoDataMessage="No Shared Lists found.">       
 
<#TABLE name="SharedList" class="instructor-table" Type="Import" AllowRowClick="Yes" headerText="Department Shared Lists" LinkColumn="ListID" AllowJavascriptHover="True" ListType="Department" column="ListID:List ID" column="ListName:List Name" column="ListReference:Department" NoDataAction="ShowMessage" NoDataMessage="No Shared Lists found.">

include_menu.html

This will add Shared Lists functionality to the left navigation menu on the web pages.

<#INCLUDE filename="include_sharedlistmenu.html" restriction="UserType:Instructor">
<#INCLUDE filename="include_sharedlistmenu.html" restriction="UserType:FullProxy">

ICourseClone.html

This will add Shared List options to the page.

Replace this:

<div>
	<a href="#" onclick="ToggleCheckboxes(false, 'CloneItems'); return false;">Uncheck All
	</a> | <a href="#" onclick="ToggleCheckboxes(true, 'CloneItems'); return false;">Check 		 
	All</a><br/>
</div>
<#TABLE id="CloneItems" class="instructor-table-nohover" name="CloneItems" headerText=
	"Reserve Materials to Clone" IncludeJavascriptCalendar="Yes" calendarText="<img src=
	'images/cal.gif' alt='Open Calendar'/>"/>

with this:

<div>
	<a href="#" onclick="ToggleCheckboxes(false, 'CloneItems'); return false;">Uncheck All </a> | <a href="#" onclick="ToggleCheckboxes(true, 'CloneItems'); return false;">Check All</a>
	<span class="<#CONDITIONAL test='CourseHasSharedList' false='hidden'>"> | <a href="#" onclick="ToggleCheckboxes(false, 'CloneItems', 'sharedlistitem'); return false;">Uncheck All Created From Shared List</a></span><br/>
</div>

 
<#TABLE id="CloneItems" class="instructor-table-nohover" name="CloneItems" headerText="Reserve Materials to Clone" IncludeSharedListRelationship="Conditionally" IncludeJavascriptCalendar="Yes" calendarText="<img src='images/cal.gif' alt='Open Calendar'/>"/>

ICourseImportItems.html

This will add Shared List options to the page.

Replace this:

<div>
	<a href="#" onclick="ToggleCheckboxes(false, 'ImportItems'); return false;">Uncheck All	</a> | <a href="#" onclick="ToggleCheckboxes(true, 'ImportItems'); return false;">Check All</a><br />
</div>                
                
<#TABLE id="ImportItems" class="instructor-table-nohover" type="Import" name="CloneItems" headerText="Reserve Materials to Import" IncludeJavascriptCalendar="Yes" calendarText="<img src='images/cal.gif' alt='Open Calendar'/>"/>                

with this:

<div>
	<a href="#" onclick="ToggleCheckboxes(false, 'ImportItems'); return false;">Uncheck All	</a> | <a href="#" onclick="ToggleCheckboxes(true, 'ImportItems'); return false;">Check All</a><span class="<#CONDITIONAL test='FromCourseHasSharedList' false='hidden'>"> | <a href="#" onclick="ToggleCheckboxes(false, 'ImportItems', 'sharedlistitem'); return false;">Uncheck All Created From Shared List</a></span><br />
</div>                
                
<#TABLE id="ImportItems" class="instructor-table-nohover" type="Import" name="CloneItems" headerText="Reserve Materials to Import" IncludeSharedListRelationship="Conditionally" 
IncludeJavascriptCalendar="Yes" calendarText="<img src='images/cal.gif' alt='Open Calendar'/>"/>                

include_instructorcoursemenu.html

This will add Shared List options to the page.

Add these lines:

<#INCLUDE filename="include_sharedlistmenu.html" restriction="UserType:Instructor">
<#INCLUDE filename="include_sharedlistmenu.html" restriction="UserType:FullProxy">
0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.