Configuring Shared Lists on the Web

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

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"):

<!-- Added Shared Lists functionality -->
<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.

<!-- Added Shared Lists menu includes -->
<#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>
  <!-- Added conditional span for Shared List functionality -->
  <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>
  <!-- Added conditional span for Shared List functionality -->
  <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:

<!-- Added Shared Lists course menu includes -->
<#INCLUDE filename="include_sharedlistmenu.html"
          restriction="UserType:Instructor">
<#INCLUDE filename="include_sharedlistmenu.html"
          restriction="UserType:FullProxy">