2 /************************************************************************/
4 /************************************************************************/
5 /* Copyright (c) 2002-2008 by Greg Gay, Joel Kronenberg & Heidi Hazelton*/
6 /* Adaptive Technology Resource Centre / University of Toronto */
9 /* This program is free software. You can redistribute it and/or */
10 /* modify it under the terms of the GNU General Public License */
11 /* as published by the Free Software Foundation. */
12 /************************************************************************/
13 // $Id: header.tmpl.php 3825 2005-03-11 15:35:51 joel $
14 if (!defined('AT_INCLUDE_PATH')) { exit; }
15 /* available header.tmpl.php variables:
16 * $this->lang_code the ISO language code
17 * SITE_NAME the site name from the config file
18 * $this->page_title the name of this page to use in the <title>
19 * $this->lang_charset the ISO language character set
20 * $this->content_base_href the <base href> to use for this page
21 * $this->base_path the absolute path to this atutor installation
22 * $this->rtl_css if set, the path to the RTL style sheet
23 * $this->icon the path to a course icon
24 * $this->banner_style -deprecated-
25 * $this->theme the directory name of the current theme
26 * $this->base_href the full url to this atutor installation
27 * $this->onload javascript onload() calls
28 * $this->img the absolute path to this theme's images/ directory
29 * $this->sequence_links associative array of 'previous', 'next', and/or 'resume' links
30 * $this->path associative array of path to this page: aka bread crumbs
31 * $this->rel_url the relative url from the installation root to this page
32 * $this->nav_courses associative array of this user's enrolled courses
33 * $this->section_title the title of this section (course, public, admin, my start page)
34 * $this->current_top_level_page the full path to the current top level page with file name
35 * $this->sub_level_pages associate array of sub level navigation
36 * $this->back_to_page if set, the path and file name to the part of this page (if parent is not a top level nav)
37 * $this->current_sub_level_page the full path to the current sub level page with file name
38 * $this->guide the full path and file name to the guide page
39 * ======================================
40 * top_level_pages array(array('url', 'title')) the top level pages. ATutor default creates tabs.
41 * section_title string the name of the current section. either name of the course, administration, my start page, etc.
42 * page_title string the title of the current page.
43 * path array(array('url', 'title')) the path to the current page.
44 * back_to_page array('url', 'title') the link back to the part of the current page, if needed.
45 * current_top_level_page string full url to the current top level page in "top_leve_pages"
46 * current_sub_level_page string full url to the current sub level page in the "sub_level_pages"
47 * sub_level_pages array(array('url', 'title')) the sub level pages.
48 * is_mobile_device true or false the request is from a mobile device or a desktop device
49 * mobile_device_type One of the constants: IPOD_DEVICE, BLACKBERRY_DEVICE, ANDROID_DEVICE, UNKNOWN_DEVICE (@see include/lib/constants.inc.php)
53 // will have to be moved to the header.inc.php
54 global $system_courses, $_custom_css, $db, $_base_path, $contentManager;
56 // 1. any click on the page closes the content menu but the link "content_link" itself
57 // 2. the click on link "content_link" opens the content menu
60 require ('TeraWurflRemoteClient.php');
61 $wurflObj = new TeraWurflRemoteClient('http://wurfl.thesedays.com/webservice.php');
62 $capabilities = array("product_info");
63 $data_format = TeraWurflRemoteClient::$FORMAT_JSON;
64 $wurflObj->getCapabilitiesFromAgent(null, $capabilities, $data_format);
66 // open/close content menu
68 jQuery('#content_link').click(function(e) {
71 jQuery('#content').slideToggle(0);
72 jQuery('#content_link').toggleClass('content_link_tablet_highlight');
73 jQuery('#content_link').toggleClass('triangle-isosceles');
74 jQuery('#content_link').toggleClass('top');
75 jQuery('#content_link').toggleClass('right');
80 //open/close subnavlist in smartphones
83 jQuery('#subnavlist-link').click(function(e) {
86 jQuery('#subnavlist').slideToggle();
91 // open/close content menu - smartphones
93 jQuery('#content_link_phone').click(function(e) {
96 jQuery('#content').slideToggle();
97 jQuery('#content-link-surround').toggleClass('content-closed');
98 jQuery('#content_link_phone').toggleClass('topnavlist-link-highlight');
101 $this->onload .= "});
104 // open/close header navigational menu for smartphones
105 // jQuery('#topnavlist-link').toggleClass('topnavlist-link-highlight');
107 jQuery(document).click(function () {
108 jQuery('#topnavlist').slideUp(600);});
109 jQuery('.topnavlist-link').click(function(e) {
111 jQuery('#topnavlist').slideToggle();
112 jQuery('#topnavlist-link').toggleClass('.topnavlist-link-highlight');
116 // open/close header navigational menu for tablets
119 jQuery(document).click(function () {
120 jQuery('#navigation-column').slideUp(200);});
121 jQuery('.topnavlist-link').click(function(e) {
123 jQuery('#navigation-column').slideToggle(0);
124 jQuery('#topnavlist-link').toggleClass('topnavlist-link-highlight');
125 jQuery('#topnavlist-link').toggleClass('triangle-isosceles');
126 jQuery('#topnavlist-link').toggleClass('top');
130 //jQuery for Gmail dock-style "more" button that makes the subnavlist expand for more options
132 jQuery(document).click(function () {
133 jQuery('.subnavlist-more').slideUp();});
134 jQuery('.more-button').click(function(e) {
136 jQuery('.subnavlist-more').slideToggle();
141 //hide and show results on Browse Courses page
144 jQuery('#results-hide-show-link').click(function(e) {
146 jQuery('#results-display').slideToggle();
147 jQuery(this).toggleClass('content-closed');
148 jQuery(this).preventDefault();
150 $this->onload .= "});
153 //hide and show results elsewhere (uses classes)
155 jQuery('.results-hide-show-link').click(function(e) {
157 jQuery(this).parent().next('.results-display').slideToggle();
158 jQuery(this).toggleClass('content-closed');
160 $this->onload .= "});
164 // Hide the addressbar
166 setTimeout(function() { window.scrollTo(0, 1) }, 100);
173 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
175 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="<?php echo $this->lang_code; ?>">
178 <title><?php echo SITE_NAME; ?> : <?php echo $this->page_title; ?></title>
179 <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->lang_charset; ?>" />
180 <meta name="Generator" content="ATutor - Copyright 2005 by http://atutor.ca" />
181 <base href="<?php echo $this->content_base_href; ?>" />
182 <link rel="shortcut icon" href="<?php echo $this->base_path; ?>favicon.ico" type="image/x-icon" />
183 <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/print.css" type="text/css" media="print" />
185 <link rel="stylesheet" href="<?php echo $this->base_path; ?>jscripts/infusion/framework/fss/css/fss-mobile-layout.css" type="text/css"/>
186 <link rel="stylesheet" href="<?php echo $this->base_path; ?>jscripts/infusion/framework/fss/css/fss-mobile-theme-iphone.css" type="text/css"/>
188 <?php if ($this->is_mobile_device == true): ?>
189 <?php if ($this->mobile_device_type == ANDROID_DEVICE): ?>
190 <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/android.css" type="text/css"/>
191 <meta name="viewport" content="user-scalable=no, width=device-width" />
193 <?php if ($this->mobile_device_type == IPOD_DEVICE || $this->mobile_device_type == IPHONE_DEVICE): ?>
194 <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/iphone.css" type="text/css"/>
195 <meta name="viewport" content="user-scalable=no, width=device-width" />
197 <!-- Armin 25.08.2010: Detect BLACKBERRY_DEVICE and use blackberry.css-->
198 <?php if ($this->mobile_device_type == BLACKBERRY_DEVICE): ?>
199 <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/blackberry.css" type="text/css"/>
200 <meta name="viewport" content="user-scalable=no, width=device-width" />
202 <?php if ($this->mobile_device_type == IPAD_DEVICE): ?>
203 <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/tablet.css" type="text/css"/>
204 <meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />
209 <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/forms.css" type="text/css" />
211 <!-- Fluid Infusion -->
212 <script src="<?php echo $this->base_path; ?>jscripts/infusion/InfusionAll.js" type="text/javascript"></script>
213 <script language="javascript" type="text/javascript">
219 <script src="<?php echo $this->base_path; ?>jscripts/ATutor.js" type="text/javascript"></script>
222 <?php echo $this->rtl_css; ?>
223 <?php if (isset($this->course_id) && $system_courses[$this->course_id]['rss']): ?>
224 <link rel="alternate" type="application/rss+xml" title="<?php echo SITE_NAME; ?> - RSS 2.0" href="<?php echo $this->base_href; ?>get_rss.php?<?php echo $this->course_id; ?>-2" />
225 <link rel="alternate" type="application/rss+xml" title="<?php echo SITE_NAME; ?> - RSS 1.0" href="<?php echo $this->base_href; ?>get_rss.php?<?php echo $this->course_id; ?>-1" />
229 <?php echo $this->custom_css; ?>
233 <?php if ($this->mobile_device_type != IPAD_DEVICE): ?><!-- smartphone theme only -->
235 <body onload="<?php echo $this->onload; ?>" class="fl-theme-iphone ui-mobile-viewport">
241 <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#content">
242 <img src="<?php echo $this->base_path; ?>images/clr.gif" height="1" width="1" border="0" alt="<?php echo _AT('goto_content'); ?> ALT+c" /></a>
244 <div id="header-section-title">
245 <!-- <?php if (isset($_SESSION['valid_user']) && $_SESSION['valid_user']):
246 echo '<div id="site-name">'.stripslashes(SITE_NAME).'</div>';
248 <h1 id="section-title"><?php echo $this->section_title; ?>
249 <?php if ((isset($this->course_id) && $this->course_id > 0) && ($_SESSION['enroll'] == AT_ENROLL_NO)) : ?>
250 <!-- <small><a href="<?php echo $this->base_path; ?>enroll.php?course=<?php echo $this->course_id; ?>"><?php echo _AT('enroll_me'); ?></a></small>-->
254 </div> <!-- END HEADER -->
257 <div id="contentwrapper">
259 <!-- Note: ARIA roles cause XHTML validation errors because the XHTML DTD does not yet support ARIA. Use ARIA anyway -->
261 <div id="navigation-contentwrapper">
262 <div id="navigation-bar">
263 <!-- this should be a button on its own -->
264 <?php if ($this->current_sub_level_page): ?>
265 <div id="topnavlistcontainer" role="menu" aria-live="assertive" class="topnavlistcontainer" >
266 <a class="navigation-bar-button topnavlist-link" id="topnavlist-link" href="javascript:void(0);" tabindex="1"><?php echo _AT('navigation'); ?></a>
267 <ul id="topnavlist" class="fl-list-menu" role="menu">
268 <?php $accesscounter = 0; //initialize ?>
269 <?php foreach ($this->top_level_pages as $page): ?>
270 <?php ++$accesscounter; $accesscounter = ($accesscounter == 10 ? 0 : $accesscounter); ?>
271 <?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
272 <?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
273 <?php if ($page['url'] == $this->current_top_level_page): ?>
274 <li role="menuitem"><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'];?>"><?php echo $page['title']; ?></a> </li>
276 <li role="menuitem"><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title']; ?>"><?php echo $page['title']; ?></a></li>
279 <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
282 <?php if(!$this->just_social): ?>
283 <li role="menuitem"><a href="<?php echo $this->base_path; ?>search.php"><?php echo _AT('search'); ?></a> </li>
293 <ul class="home-guide fl-tabs" id="home-guide" role="menu">
294 <!-- CHECK TO SEE IF USER IS A STUDENT -->
295 <?php if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 0 ):?>
296 <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
298 <!-- CHECK TO SEE IF USER IS AN ADMINISTRATOR -->
299 <?php //if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 1):
300 if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == AT_ADMIN_PRIV_ADMIN):?>
301 <li role="menuitem"><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li>
303 <!-- CHECK TO SEE IF USER IS AN INSTRUCTOR -->
304 <?php if($_SESSION['is_admin'] == 1): ?>
305 <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
308 <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
311 <!-- <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><img src="<?php echo $this->img; ?>guide-icon.png" width="30" height="30" title="guide: <?php echo $this->page_title; ?>"alt="guide: <?php echo $this->page_title; ?>"></img></a> -->
313 <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><?php echo _AT("guide"); ?></a>
318 </div><!-- END navigation-contentwrapper -->
321 <div id="inner-contentwrapper" class="fl-container" >
325 <div id="contentcolumn">
328 <!-- the page title -->
329 <a name="content" title="<?php echo _AT('content'); ?>"></a>
330 <h2 class="page-title"><?php echo $this->page_title; ?></h2>
332 <?php global $msg; $msg->printAll(); $_base_href;?>
333 <div id="content-sequence-links">
334 <!-- ENSURE "content_link" DOESN'T APPEAR IF NOT LOGGED IN -->
335 <?php if (isset($this->course_id) && $this->course_id > 0): ?>
337 <!-- Preserve untl a style for sequence-links is chosen.
338 <ul class="sequence-links fl-tabs" id="sequence-links">
339 <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
340 <?php if ($this->sequence_links['resume']): ?>
342 <a href="<?php echo $this->sequence_links['resume']['url']; ?>" class="previous-next resume" title="<?php echo _AT('resume').': '.$this->sequence_links['resume']['title']; ?>"><?php echo _AT('resume'); ?></a>
345 if ($this->sequence_links['previous']): ?>
346 <li class="arrow back">
347 <a href="<?php echo $this->sequence_links['previous']['url']; ?>" class="arrow back" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?>"> <?php echo "Previous"; ?> </a>
350 if ($this->sequence_links['next']): ?>
351 <li class="arrow forward">
352 <a href="<?php echo $this->sequence_links['next']['url']; ?>" class="" title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?>"> <?php echo "Next"; ?></a>
362 <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
364 <div id="content-link-container" role="navigation" aria-live="assertive" class="flc-screenNavigator-navbar ">
365 <div id="content-link-surround" class="content-link-surround" >
366 <a id="content_link_phone" href="javascript:void(0);"><?php echo "Content"; ?></a>
372 <div class="subnavcontain-contain" role="menu" aria-live="assertive">
373 <div class="subnavcontain">
374 <div class="rectangle">
375 <a id="content_link_phone" href="javascript:void(0);" >View Course Content</a>
376 <!-- <a href="#">content</a> -->
380 <div id="content" style=" display: none; position: absolute; top: 9em; clear: left; clear: right; z-index: 1;">
381 <?php $contentManager->printMainMenu(); ?>
382 <script language="javascript" type="text/javascript"></script>
389 <?php if (isset($this->course_id) && $this->course_id > 0): ?>
391 <div class="subnavcontain2">
392 <ul class="sequence-links">
393 <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
394 <?php if ($this->sequence_links['resume']): ?>
396 <li class="rectangle2">
397 <a href="<?php echo $this->sequence_links['resume']['url']; ?>" class="previous-next resume" title="<?php echo _AT('resume').': '.$this->sequence_links['resume']['title']; ?>"><?php echo _AT('resume'); ?></a>
401 if ($this->sequence_links['previous']): ?>
403 <li class="rectangle2 arrow back">
404 <a href="<?php echo $this->sequence_links['previous']['url']; ?>" class="arrow back" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?>"> <?php echo "Previous"; ?> </a>
408 if ($this->sequence_links['next']): ?>
410 <li class=" rectangle2 arrow forward">
411 <a href="<?php echo $this->sequence_links['next']['url']; ?>" class="" title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?>"> <?php echo "Next"; ?></a>
427 <?php if (isset($this->back_to_page)): ?>
428 <a href="<?php echo $this->back_to_page['url']; ?>">
429 <img border="0" width="10" height="11" alt="<?php echo _AT('back_to').' '.$this->back_to_page['title']; ?>" src="<?php echo $this->base_href; ?>images/arrowicon.gif" style="float:left;"/></a>
432 <!-- the sub navigation -->
433 <div id="subnavbacktopage">
434 <?php if (count($this->sub_level_pages) > 0): ?>
436 <div id="subnavlistcontainer">
438 <!-- id="subnavlist" -->
439 <div class="subnavcontain-contain" role="menu" aria-live="assertive">
440 <div class="subnavcontain">
441 <div class="rectangle">
442 <?php $num_pages = count($this->sub_level_pages); ?>
443 <?php for ($i=0; $i<$num_pages; $i++): ?>
446 <a id="subnavlist-link" href="javascript:void(0);" style="display: block;">Topics in <?php echo $this->sub_level_pages[$i]['title']; ?></a>
451 <ul id="subnavlist" class="fl-list-menu" style="display: none;">
452 <?php $num_pages = count($this->sub_level_pages); ?>
453 <?php for ($i=0; $i<$num_pages; $i++): ?>
454 <?php if ($this->sub_level_pages[$i]['url'] == $this->current_sub_level_page): ?>
455 <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
457 <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
459 <?php if ($i < $num_pages-1):
467 <?php debug($this->sub_level_pages);?>
469 <!-- the sub navigation -->
473 <!-- end header template for iphone, android, blackberry -->
474 <?php if ($this->mobile_device_type == IPAD_DEVICE): ?><!-- start header template for ipad/tablets -->
475 <body onload="<?php echo $this->onload; ?>" class="fl-theme-iphone ui-mobile-viewport">
479 <div id="header" role="header">
481 <div id="header-section-title">
482 <!-- <?php if (isset($_SESSION['valid_user']) && $_SESSION['valid_user']):
483 echo '<div id="site-name">'.stripslashes(SITE_NAME).'</div>';
485 <h1 id="section-title"><?php echo $this->section_title; ?>
486 <?php if ((isset($this->course_id) && $this->course_id > 0) && ($_SESSION['enroll'] == AT_ENROLL_NO)) : ?>
487 <!-- <small><a href="<?php echo $this->base_path; ?>enroll.php?course=<?php echo $this->course_id; ?>"><?php echo _AT('enroll_me'); ?></a></small>-->
491 <div id="navigation-contentwrapper" role="menubar" >
494 <ul class="home-guide fl-tabs" id="home-guide" role="menu">
495 <!-- CHECK TO SEE IF USER IS A STUDENT -->
496 <?php if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 0 ):?>
497 <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
499 <!-- CHECK TO SEE IF USER IS AN ADMINISTRATOR -->
500 <?php //if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 1):
501 if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == AT_ADMIN_PRIV_ADMIN):?>
502 <li role="menuitem"><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li>
504 <!-- CHECK TO SEE IF USER IS AN INSTRUCTOR -->
505 <?php if($_SESSION['is_admin'] == 1): ?>
506 <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
509 <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
512 <!-- <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><img src="<?php echo $this->img; ?>guide-icon.png" width="30" height="30" title="guide: <?php echo $this->page_title; ?>"alt="guide: <?php echo $this->page_title; ?>"></img></a> -->
514 <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><?php echo _AT("guide"); ?></a>
520 <?php if (isset($this->course_id) && $this->course_id > 0): ?>
523 <ul class="sequence-links fl-tabs" id="sequence-links" >
524 <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
525 <?php if ($this->sequence_links['resume']): ?>
527 <a href="<?php echo $this->sequence_links['resume']['url']; ?>" class="previous-next" title="<?php echo _AT('resume').': '.$this->sequence_links['resume']['title']; ?>"><?php echo _AT('resume'); ?></a>
530 if ($this->sequence_links['previous']): ?>
531 <li class="arrow back"><a href="<?php echo $this->sequence_links['previous']['url']; ?>" class="arrow back" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?>"> <?php echo "Previous"; ?> </a>
534 if ($this->sequence_links['next']): ?>
535 <li class="arrow forward">
536 <a href="<?php echo $this->sequence_links['next']['url']; ?>" class="" title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?>"> <?php echo "Next"; ?></a>
542 </ul> <!-- end sequence-links -->
545 <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
546 <div id="course-level-navigation">
550 <div id="content-link-container" role="navigation" aria-live="assertive" class="flc-screenNavigator-navbar ">
551 <a id="content_link" class="content_link_tablet content_link" href="javascript:void(0);"><?php echo "Content";//_AT("content_navigation"); ?></a>
553 </div><!-- course-level navigation -->
554 <div id="content" style="display: none;">
555 <?php $contentManager->printMainMenu(); ?>
556 <script language="javascript" type="text/javascript"></script>
563 <!-- this should be a button on its own -->
564 <?php if ($this->current_sub_level_page): ?>
565 <div id="topnavlistcontainer" role="navigation" aria-live="assertive" class="topnavlistcontainer fl-container" >
566 <a class="navigation-bar-button topnavlist-link" id="topnavlist-link" href="javascript:void(0);" tabindex="1"><?php echo _AT('navigation'); ?></a>
568 <div id="navigation-column">
569 <!-- requires ARIA roles review -->
570 <!-- this should be a button on its own -->
571 <?php if ($this->current_sub_level_page): ?>
572 <ul id="topnavlist-tablet" class="fl-list-menu" role="menu">
573 <?php $accesscounter = 0; //initialize ?>
574 <?php foreach ($this->top_level_pages as $page): ?>
575 <?php ++$accesscounter; $accesscounter = ($accesscounter == 10 ? 0 : $accesscounter); ?>
576 <?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
577 <?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
578 <?php if ($page['url'] == $this->current_top_level_page): ?>
579 <!-- note bug http://issues.fluidproject.org/browse/FLUID-4313 makes class "flc-screenNavigator-backButton fl-link-hilight" not work -->
580 <li role="menuitem"><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> class="flc-screenNavigator-backButton fl-link-hilight" title="<?php echo $page['title'];?>"><?php echo $page['title']; ?></a> </li>
582 <li role="menuitem"><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title']; ?>"><?php echo $page['title']; ?></a></li>
585 <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
599 </div> <!-- END HEADER -->
601 <?php if (count($this->sub_level_pages) > 0): ?>
602 <div id="subnavlistcontainer" role="navigation" aria-live="assertive" >
604 <!-- Markup for a subnavlist styled like a Gmail dock. Clean up this code for redundancy but it works for now. -->
605 <!-- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B6C0C6), to(#F8FAFB)); -->
606 <ul id="subnavlist" style="text-align: center; border-bottom: 1px #B6C0C6 solid; background: #B6C0C6; ">
607 <?php $num_pages = count($this->sub_level_pages); ?>
608 <?php for ($i=0; $i<$num_pages; $i++): ?>
610 <?php if($num_pages <= 5): ?>
611 <?php if($this->sub_level_pages[$i][url] == $this->current_sub_level_page): ?>
612 <li class="selected" style="font-size: 14px; padding-left: .313em; padding-right: .313em;"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
614 <li style="font-size: 14px; padding-left: .313em; padding-right: .313em"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
617 <?php if($num_pages > 5): ?>
619 <?php if($this->sub_level_pages[$i][url] == $this->current_sub_level_page): ?>
620 <li class="selected" style="font-size: 14px; padding-left: .313em; padding-right: .313em;"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
622 <li style="font-size: 14px; padding-left: .313em; padding-right: .313em"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
626 <li class="more-button-surround" style="font-size: 14px; padding-left: .313em; padding-right: .313em"><a class="more-button" href="javascript:void(0);" tabindex="1">More</a></li>
627 <ul class="subnavlist-more">
628 <li class="more-item" style="font-size: 14px; list-style-type: bullet"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
631 <?php if($i > 6 && $i < $num_pages): ?>
632 <li style="font-size: 14px; list-style-type: bullet"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
634 <?php if($i==$num_pages): ?>
635 <li style="font-size: 14px; list-style-type: bullet"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
642 <?php if ($i < $num_pages-1):
648 </div> <!-- end subnavlistcontainer -->
651 <?php global $msg; $msg->printAll(); $_base_href;?>
654 <!-- </div>end #main -->
655 <div id="contentwrapper" class="fl-container" >
656 <h2 class="page-title"><?php echo $this->page_title; ?></h2>
657 <div id="subnavbacktopage" >
658 <?php if (isset($this->back_to_page)): ?>
659 <a href="<?php echo $this->back_to_page['url']; ?>">
660 <img border="0" width="10" height="11" alt="<?php echo _AT('back_to').' '.$this->back_to_page['title']; ?>" src="<?php echo $this->base_href; ?>images/arrowicon.gif" style="float:left;"/></a>
664 <!-- check if a user is logged-into a course and if so display breadcrumbs. -->
665 <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
666 <?php if (isset($_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) && $_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) { ?>
668 <div class="crumbcontainer">
669 <div id="breadcrumbs">
670 <?php foreach ($this->path as $page): ?>
671 <a href="<?php echo $page['url']; ?>"><?php echo htmlspecialchars($page['title'], ENT_COMPAT, "UTF-8"); ?></a> >
672 <?php endforeach; ?> <?php echo $this->page_title; ?>
678 <?php endif; ?><!-- end header template for ipad/tablets -->