* is_mobile_device true or false the request is from a mobile device or a desktop device
* mobile_device_type One of the constants: IPOD_DEVICE, BLACKBERRY_DEVICE, ANDROID_DEVICE, UNKNOWN_DEVICE (@see include/lib/constants.inc.php)
*/
+
// will have to be moved to the header.inc.php
global $system_courses, $_custom_css, $db, $_base_path, $contentManager;
jQuery('#content_link').click(function(e) {
e.stopPropagation();
- jQuery('#content').slideToggle();";
+ jQuery('#content').slideToggle(0);
+ jQuery('#content_link').toggleClass('content_link_tablet_highlight');
+ jQuery('#content_link').toggleClass('triangle-isosceles');
+ jQuery('#content_link').toggleClass('top');
+ jQuery('#content_link').toggleClass('right');
+ ";
$this->onload .= "});
";
+//open/close subnavlist in smartphones
+
+$this->onload .= "
+jQuery('#subnavlist-link').click(function(e) {
+ e.stopPropagation();
+
+ jQuery('#subnavlist').slideToggle();
+ jQuery('#subnavlist-link').toggleClass('content-closed');
+ jQuery('#subnavlist-link').toggleClass('subnavcontain-active');
+
+ jQuery('.subnavcontain').toggleClass('subnavcontain3');
-// open/close header navigational menu
+
+ ";
+$this->onload .= "});
+";
+// open/close content menu - smartphones
+$this->onload .= "
+jQuery('#content_link_phone').click(function(e) {
+ e.stopPropagation();
+
+ jQuery('#content').slideToggle();
+
+ jQuery('#content_link_phone').toggleClass('topnavlist-link-highlight');
+ jQuery('#content_link_phone').toggleClass('content-closed');
+ ";
+$this->onload .= "});
+";
+// open/close header navigational menu for smartphones
+// jQuery('#topnavlist-link').toggleClass('topnavlist-link-highlight');
$this->onload .= "
jQuery(document).click(function () {
jQuery('#topnavlist').slideUp(600);});
-jQuery('#topnavlist-link').click(function(e) {
+jQuery('.topnavlist-link').click(function(e) {
e.stopPropagation();
jQuery('#topnavlist').slideToggle();
+ jQuery('#topnavlist-link').toggleClass('.topnavlist-link-highlight');
+});
+";
+
+// open/close header navigational menu for tablets
+
+$this->onload .= "
+jQuery(document).click(function () {
+jQuery('#navigation-column').slideUp(200);});
+jQuery('.topnavlist-link').click(function(e) {
+ e.stopPropagation();
+ jQuery('#navigation-column').slideToggle(0);
+ jQuery('#topnavlist-link').toggleClass('topnavlist-link-highlight');
+ jQuery('#topnavlist-link').toggleClass('triangle-isosceles');
+ jQuery('#topnavlist-link').toggleClass('top');
+});
+";
+
+//jQuery for Gmail dock-style "more" button that makes the subnavlist expand for more options
+$this->onload .= "
+
+jQuery('.more-button').toggle(function(e) {
+ jQuery('.subnavlist-more').show();
+ jQuery('#switch').attr('src','images/hidemenu.gif' );
+ jQuery('#switch').attr('title', 'less menu items');
+ jQuery('#switch').attr('alt', 'less menu items');
+},function(){
+ jQuery('.subnavlist-more').hide();
+ jQuery('#switch').attr('src', 'images/showmenu.gif' );
+ jQuery('#switch').attr('title', 'more menu items');
+ jQuery('#switch').attr('alt', 'more menu items');
});
";
//hide and show results on Browse Courses page
+
$this->onload .= "
jQuery('#results-hide-show-link').click(function(e) {
e.stopPropagation();
- jQuery('#results-display').slideToggle();
-
-
+ jQuery('#results-display').slideToggle();
+ jQuery(this).toggleClass('content-closed');
+ jQuery(this).preventDefault();
";
$this->onload .= "});
";
-//hide and show results everywhere else (uses classes)
-
+//hide and show results elsewhere (uses classes)
$this->onload .= "
jQuery('.results-hide-show-link').click(function(e) {
e.stopPropagation();
jQuery(this).parent().next('.results-display').slideToggle();
-
-
+ jQuery(this).toggleClass('content-closed');
";
$this->onload .= "});
";
<?php if ($this->is_mobile_device == true): ?>
<?php if ($this->mobile_device_type == ANDROID_DEVICE): ?>
- <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/android.css" type="text/css"/>
+ <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/mobile.css" type="text/css"/>
<meta name="viewport" content="user-scalable=no, width=device-width" />
<?php endif; ?>
<?php if ($this->mobile_device_type == IPOD_DEVICE || $this->mobile_device_type == IPHONE_DEVICE): ?>
- <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/iphone.css" type="text/css"/>
+ <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/mobile.css" type="text/css"/>
<meta name="viewport" content="user-scalable=no, width=device-width" />
<?php endif; ?>
<!-- Armin 25.08.2010: Detect BLACKBERRY_DEVICE and use blackberry.css-->
<?php if ($this->mobile_device_type == IPAD_DEVICE): ?>
<link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/tablet.css" type="text/css"/>
<meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />
-
<?php endif; ?>
<?php endif; ?>
<link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/forms.css" type="text/css" />
-
+ <!-- Fluid Infusion mobile fss extension.. remove when it is committed to Mobile FSS -->
+ <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/moz.css" type="text/css" />
<!-- Fluid Infusion -->
<script src="<?php echo $this->base_path; ?>jscripts/infusion/InfusionAll.js" type="text/javascript"></script>
- <script src="<?php echo $this->base_path;?>jscripts/jQueryMobile/jquery.mobile-1.0b1.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
//<!--
<div id="contentwrapper">
-
- <!-- Note: ARIA roles cause XHTML validation errors because the XHTML DTD does not yet support ARIA. Use ARIA anyway -->
-
<div id="navigation-contentwrapper">
<div id="navigation-bar">
- <!-- this should be a button on its own -->
+
<?php if ($this->current_sub_level_page): ?>
<div id="topnavlistcontainer" role="menu" aria-live="assertive" class="topnavlistcontainer" >
- <a class="navigation-bar-button" id="topnavlist-link" href="javascript:void(0);" tabindex="1"><?php echo _AT('navigation'); ?></a>
- <ul id="topnavlist" class="fl-list-menu">
+ <a class="navigation-bar-button topnavlist-link" id="topnavlist-link" href="javascript:void(0);" tabindex="1"><?php echo _AT('navigation'); ?></a>
+ <ul id="topnavlist" class="fl-list-menu" role="menu">
<?php $accesscounter = 0; //initialize ?>
<?php foreach ($this->top_level_pages as $page): ?>
<?php ++$accesscounter; $accesscounter = ($accesscounter == 10 ? 0 : $accesscounter); ?>
<?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
<?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
<?php if ($page['url'] == $this->current_top_level_page): ?>
- <li role="menuitem"><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'];?>"><?php echo $page['title']; ?></a> </li>
+ <li role="menuitem"><span class="arrow-highlight"><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'];?>"><?php echo $page['title']; ?></a></span></li>
<?php else: ?>
- <li role="menuitem"><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title']; ?>"><?php echo $page['title']; ?></a></li>
+ <li role="menuitem"><span class="arrow-highlight"><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title']; ?>"><?php echo $page['title']; ?></a></span></li>
<?php endif; ?>
<?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
<?php endforeach; ?>
<?php if(!$this->just_social): ?>
- <li role="menuitem"><a href="<?php echo $this->base_path; ?>search.php"><?php echo _AT('search'); ?></a> </li>
+ <li role="menuitem"><span class="arrow-highlight"><a href="<?php echo $this->base_path; ?>search.php"><?php echo _AT('search'); ?></a></span></li>
<?php endif; ?>
</ul>
</div>
<?php endif; ?>
</div>
+
- <ul class="fl-tabs" id="home-guide">
+ <ul class="home-guide fl-tabs" id="home-guide" role="menu">
<!-- CHECK TO SEE IF USER IS A STUDENT -->
<?php if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 0 ):?>
- <li><a class="hover-fl-tabs" href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
+ <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
<?php endif;?>
<!-- CHECK TO SEE IF USER IS AN ADMINISTRATOR -->
<?php //if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 1):
if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == AT_ADMIN_PRIV_ADMIN):?>
- <li><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li>
+ <li
role="menuitem"><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li>
<?php endif;?>
<!-- CHECK TO SEE IF USER IS AN INSTRUCTOR -->
<?php if($_SESSION['is_admin'] == 1): ?>
- <li><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
+ <li
role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
<?php endif;?>
<?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
- <li>
+ <li role="menuitem">
<div id="guide_box">
<!-- <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> -->
<?php endif; ?>
</ul>
</div><!-- END navigation-contentwrapper -->
- <!-- ENSURE "content_link" DOESN'T APPEAR IF NOT LOGGED IN -->
-
- <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
- <div id="content-link-container" role="navigation" aria-live="assertive" class="flc-screenNavigator-navbar ">
- <a id="content_link" href="javascript:void(0);"><?php echo "Course Content Navigation";//_AT("content_navigation"); ?></a>
- <div id="content" style=" display: none; position: relative; z-index: 1;">
- <?php $contentManager->printMainMenu(); ?>
- <script language="javascript" type="text/javascript"></script>
- </div>
- </div>
- <?php endif; ?>
<div id="inner-contentwrapper" class="fl-container" >
- <?php if ((isset($this->course_id) && $this->course_id <= 0)): ?>
- <!-- style="margin-left:0.5em;width:99%;" -->
- <?php endif; ?>
- <?php if (isset($this->course_id) && $this->course_id > 0): ?>
- <div class="sequence-links">
- <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
- <?php if ($this->sequence_links['resume']): ?>
- <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').': '.$this->sequence_links['resume']['title']; ?></a>
- <?php else:
- if ($this->sequence_links['previous']): ?>
- <a href="<?php echo $this->sequence_links['previous']['url']; ?>" class="previous-next" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?>"> <?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> </a>
- <?php endif;
- if ($this->sequence_links['next']): ?>
- <a href="<?php echo $this->sequence_links['next']['url']; ?>" class="previous-next" title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?>"> <?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?></a>
- <?php endif; ?>
- <?php endif; ?>
- <?php } ?>
-
- </div> <!-- end sequence-links -->
- <?php endif; ?>
-
-
- <div id="contentcolumn">
-
-
- <!-- the page title -->
- <a name="content" title="<?php echo _AT('content'); ?>"></a>
- <h2 class="page-title"><?php echo $this->page_title; ?></h2>
-
- <?php global $msg; $msg->printAll(); $_base_href;?>
+
<!-- the sub navigation -->
+ <div id="subnavbacktopage">
<?php if (count($this->sub_level_pages) > 0): ?>
- <div id="subnavlistcontainer">
- <div id="subnavbacktopage">
- <?php if (isset($this->back_to_page)): ?>
- <a href="<?php echo $this->back_to_page['url']; ?>">
- <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>
- <?php endif; ?>
+
+ <div id="subnavlistcontainer">
+
+ <!-- id="subnavlist" -->
+ <div class="subnavcontain-contain" role="menu" aria-live="assertive">
+ <div class="subnavcontain">
+ <div class="rectangle">
+ <?php $num_pages = count($this->sub_level_pages); ?>
+ <?php for ($i=0; $i<$num_pages; $i++): ?>
+ <?php if($i==0): ?>
+
+ <a id="subnavlist-link" class="content-expand" href="javascript:void(0);"> Topics in <?php echo $this->sub_level_pages[$i]['title']; ?></a>
+ <?php endif; ?>
+ <?php endfor;?>
</div>
-
- <ul id="subnavlist">
- <?php $num_pages = count($this->sub_level_pages); ?>
+ </div>
+ <ul id="subnavlist" class="fl-list-menu">
+ <?php $num_pages = count($this->sub_level_pages); ?>
<?php for ($i=0; $i<$num_pages; $i++): ?>
<?php if ($this->sub_level_pages[$i]['url'] == $this->current_sub_level_page): ?>
- <li id="test" ><?php echo $this->sub_level_pages[$i]['title']; ?></li>
+ <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
<?php else: ?>
- <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
+
<li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
<?php endif; ?>
<?php if ($i < $num_pages-1):
echo " ";?>
<?php endif; ?>
<?php endfor; ?>
</ul>
- </div> <!-- end subnavlistcontainer -->
+ </div>
+ </div>
<?php endif; ?>
-<?php endif; ?>
-
-
-<!-- end header template for iphone, android, blackberry -->
-<?php if ($this->mobile_device_type == IPAD_DEVICE): ?><!-- start header template for ipad/tablets -->
-<body onload="<?php echo $this->onload; ?>" class="fl-theme-iphone ui-mobile-viewport">
+ </div> <!--end subnavbacktopage-->
-<div id="wrapper">
-<div id="main">
- <div id="header" role="header">
-
- <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#content">
- <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>
-
-
-
+ <div id="contentcolumn">
- <!-- Note: ARIA roles cause XHTML validation errors because the XHTML DTD does not yet support ARIA. Use ARIA anyway -->
- <div id="navigation-contentwrapper">
- <h1 id="section-title"><?php echo $this->section_title; ?>
- <?php if ((isset($this->course_id) && $this->course_id > 0) && ($_SESSION['enroll'] == AT_ENROLL_NO)) : ?>
- <!-- <small><a href="<?php echo $this->base_path; ?>enroll.php?course=<?php echo $this->course_id; ?>"><?php echo _AT('enroll_me'); ?></a></small>-->
+ <!--the page title-->
+ <div id="page-title-back-to-page">
+ <a name="content" title="<?php echo _AT('content'); ?>"></a>
+ <h2 class="page-title"><?php echo $this->page_title; ?></h2>
+ <div id="back-to-page">
+ <?php if (isset($this->back_to_page)): ?>
+ <a href="<?php echo $this->back_to_page['url']; ?>">
+ <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>
<?php endif; ?>
- </h1>
-
- <ul class="fl-tabs" id="home-guide">
- <!-- CHECK TO SEE IF USER IS A STUDENT -->
- <?php if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 0 ):?>
- <li><a class="hover-fl-tabs" href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
- <?php endif;?>
- <!-- CHECK TO SEE IF USER IS AN ADMINISTRATOR -->
- <?php //if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 1):
- if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == AT_ADMIN_PRIV_ADMIN):?>
- <li><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li>
- <?php endif;?>
- <!-- CHECK TO SEE IF USER IS AN INSTRUCTOR -->
- <?php if($_SESSION['is_admin'] == 1): ?>
- <li><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
- <?php endif;?>
+ </div>
+ </div><!-- end page-title-back-to-page -->
- <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
- <li>
- <div id="guide_box">
- <!-- <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> -->
-
- <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><?php echo _AT("guide"); ?></a>
- </div>
- </li>
- <?php endif; ?>
- </ul>
-
- </div><!-- END navigation-contentwrapper -->
+ <?php global $msg; $msg->printAll(); $_base_href;?>
+ <div id="content-sequence-links">
+ <!-- ENSURE "content_link" DOESN'T APPEAR IF NOT LOGGED IN -->
+ <?php if (isset($this->course_id) && $this->course_id > 0): ?>
- </div> <!-- END HEADER -->
+ <?php endif; ?>
+
+
+ <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
+
+ <div class="subnavcontain-contain" role="menu" aria-live="assertive">
+ <div class="subnavcontain">
+ <div class="rectangle">
+ <a id="content_link_phone" class="content-expand" href="javascript:void(0);" >View Course Content</a>
+ <!-- <a href="#">content</a> -->
+ </div>
+ </div>
+
+ <div id="content">
+ <?php $contentManager->printMainMenu(); ?>
+ <script language="javascript" type="text/javascript"></script>
+ </div>
+
+ </div>
+
+
+ <?php if (isset($this->course_id) && $this->course_id > 0): ?>
+
+ <div class="subnavcontain2">
+ <ul class="sequence-links">
+ <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
+ <?php if ($this->sequence_links['resume']): ?>
+
+ <li class="rectangle2">
+ <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>
+ </li>
+
+ <?php else:
+ if ($this->sequence_links['previous']): ?>
+
+ <li class="rectangle2 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>
+ </li>
+
+ <?php endif;
+ if ($this->sequence_links['next']): ?>
+
+ <li class=" rectangle2 arrow forward">
+ <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>
+ </li>
+
+ <?php endif; ?>
+ <?php endif; ?>
+ <?php } ?>
+
+ </div>
+ </ul>
+ <?php endif; ?>
+
+
+ </div>
+ <?php endif; ?>
- <div id="contentwrapper" class="fl-container" >
+
+ <!-- the sub navigation -->
+<?php endif; ?>
- <div id="inner-contentwrapper" >
+<!-- end header template for iphone, android, blackberry -->
+<?php if ($this->mobile_device_type == IPAD_DEVICE): ?><!-- start header template for ipad/tablets -->
+<body onload="<?php echo $this->onload; ?>" class="fl-theme-iphone ui-mobile-viewport">
+<div id="wrapper">
+<div id="main">
+
+ <div id="header" role="header">
+
+ <div class="bypass">
+ <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#page-title" accesskey="c">
+ <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>
+</div>
+
+
+ <div id="header-section-title">
+ <h1 id="section-title"><?php echo $this->section_title; ?></h1>
+ </div>
- <div id="navigation-column" >
- <!-- requires ARIA roles review -->
- <!-- this should be a button on its own -->
+
+ <div id="navigation-contentwrapper" role="menubar" >
+
<?php if ($this->current_sub_level_page): ?>
+ <div id="topnavlistcontainer" role="navigation" aria-live="assertive" class="topnavlistcontainer fl-container" >
+ <a class="navigation-bar-button topnavlist-link" id="topnavlist-link" href="javascript:void(0);" tabindex="1"><?php echo _AT('navigation'); ?></a>
+
+ <div id="navigation-column">
+ <?php if ($this->current_sub_level_page): ?>
<ul id="topnavlist-tablet" class="fl-list-menu" role="menu">
<?php $accesscounter = 0; //initialize ?>
<?php foreach ($this->top_level_pages as $page): ?>
<?php endforeach; ?>
</ul>
- <?php endif; ?>
+ <?php endif; ?>
+ </div>
+ </div>
+ <?php endif; ?>
-<!-- side menus -->
-
- <?php if ((isset($this->course_id) && $this->course_id <= 0)): ?>
- <!-- style="margin-left:0.5em;width:99%;" -->
+ <ul class="home-guide fl-tabs" id="home-guide" role="menu">
+ <!-- CHECK TO SEE IF USER IS A STUDENT -->
+ <?php if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 0 ):?>
+ <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
+ <?php endif;?>
+ <!-- CHECK TO SEE IF USER IS AN ADMINISTRATOR -->
+ <?php //if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 1):
+ if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == AT_ADMIN_PRIV_ADMIN):?>
+ <li role="menuitem"><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li>
+ <?php endif;?>
+ <!-- CHECK TO SEE IF USER IS AN INSTRUCTOR -->
+ <?php if($_SESSION['is_admin'] == 1): ?>
+ <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
+ <?php endif;?>
+
+ <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
+ <li>
+ <div id="guide_box">
+ <!-- <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> -->
+
+ <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><?php echo _AT("guide"); ?></a>
+ </div>
+ </li>
<?php endif; ?>
- <?php if (isset($this->course_id) && $this->course_id > 0): ?>
- <div class="sequence-links">
+ </ul>
+
+ <?php if (isset($this->course_id) && $this->course_id > 0): ?>
+
+<div id="sequence-links-course-navigation">
+ <ul class="sequence-links fl-tabs" id="sequence-links" >
<?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
<?php if ($this->sequence_links['resume']): ?>
- <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').': '.$this->sequence_links['resume']['title']; ?></a>
+ <li >
+ <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>
+ </li>
<?php else:
if ($this->sequence_links['previous']): ?>
- <a href="<?php echo $this->sequence_links['previous']['url']; ?>" class="previous-next" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?>"> <?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> </a>
+ <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>
+ </li>
<?php endif;
if ($this->sequence_links['next']): ?>
- <a href="<?php echo $this->sequence_links['next']['url']; ?>" class="previous-next" title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?>"> <?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?></a>
+ <li class="arrow forward">
+ <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>
+ </li>
<?php endif; ?>
- <?php endif; ?>
+ <?php endif; ?>
<?php } ?>
-
- </div> <!-- end sequence-links -->
+
+ </ul> <!-- end sequence-links -->
<?php endif; ?>
-
-
-<?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
-<div id="hide-show-container">
- <a id="content_link" href="javascript:void(0);"><?php echo "Course Content Navigation";//_AT("content_navigation"); ?></a>
-
-</div>
-<div id="results-hide-show" >
+
+ <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
+ <div id="course-level-navigation">
+
- <div id="content-link-container" role="navigation" aria-live="assertive" class="flc-screenNavigator-navbar ">
+
+ <div id="content-link-container" role="navigation" aria-live="assertive" class="flc-screenNavigator-navbar ">
+ <a id="content_link" class="content_link_tablet content_link" href="javascript:void(0);"><?php echo "Content";//_AT("content_navigation"); ?></a>
+ </div>
+ </div><!-- course-level navigation -->
+ <div id="content">
+ <?php $contentManager->printMainMenu(); ?>
+ <script language="javascript" type="text/javascript"></script>
+ </div>
- <div id="content" style=" display: none; position: relative; z-index: 1;">
- <?php $contentManager->printMainMenu(); ?>
- <script language="javascript" type="text/javascript"></script>
- </div>
- </div>
+ </div> <!-- end sequence-links-course-navigation -->
+ <?php endif;?>
+
-</div>
-<?php endif; ?>
-<!-- end side menus -->
- </div>
- <div id="contentcolumn" >
- <!-- the page title -->
- <a name="content" title="<?php echo _AT('content'); ?>"></a>
- <h2 class="page-title"><?php echo $this->page_title; ?></h2>
- <?php global $msg; $msg->printAll(); $_base_href;?>
+
- <!-- the sub navigation -->
- <?php if (count($this->sub_level_pages) > 0): ?>
- <div id="subnavlistcontainer">
- <div id="subnavbacktopage">
- <?php if (isset($this->back_to_page)): ?>
- <a href="<?php echo $this->back_to_page['url']; ?>">
- <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>
- <?php endif; ?>
- </div>
+ </div>
+ </div> <!-- END HEADER -->
+
+<?php if (count($this->sub_level_pages) > 0): ?>
+ <div id="subnavlistcontainer" role="menu" aria-live="assertive" >
- <ul class="fl-tabs">
+ <!-- Markup for a subnavlist styled like a Gmail dock. Clean up this code for redundancy but it works for now. -->
+ <!-- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B6C0C6), to(#F8FAFB)); -->
+ <ul id="subnavlist" style="text-decoration: none; text-align: center; border-bottom: 1px #B6C0C6 solid; background: #B6C0C6; ">
<?php $num_pages = count($this->sub_level_pages); ?>
- <?php for ($i=0; $i<$num_pages; $i++): ?>
-
- <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
+ <?php for ($i=0; $i<$num_pages; $i++): ?>
+
+ <?php if($num_pages <= 5): ?>
+ <?php if($this->sub_level_pages[$i][url] == $this->current_sub_level_page): ?>
+ <li role="menuitem" 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>
+ <?php else: ?>
+ <li role="menuitem" 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>
+ <?php endif; ?>
+ <?php endif; ?>
+ <?php if($num_pages > 5): ?>
+ <?php if($i <= 5):?>
+ <?php if($this->sub_level_pages[$i][url] == $this->current_sub_level_page): ?>
+ <li role="menuitem" 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>
+ <?php else: ?>
+ <li role="menuitem" 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>
+ <?php endif; ?>
+ <?php endif;?>
+ <?php if($i== 6): ?>
+ <li role="menuitem" class="more-button-surround" style="font-size: 14px; padding-left: .313em; padding-right: .313em; position: relative; top: .313em;"><a class="more-button" href="javascript:void(0);" tabindex="1"><img id="switch" border="" width="20" height="20" alt="More menu items" title="More menu items" src="<?php echo $this->base_href; ?>images/showmenu.gif"/></a></li>
+ <li role="menuitem">
+ <ul class="subnavlist-more">
+ <li role="menuitem" 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>
+
+ <?php endif;?>
+ <?php if($i > 6 && $i < $num_pages): ?>
+ <li role="menuitem" 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>
+ <?php endif;?>
+ <?php if($i==$num_pages): ?>
+ <li role="menuitem" 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>
+ </ul>
+ </li>
+ <?php endif; ?>
+ <?php endif; ?>
+
+
<?php if ($i < $num_pages-1):
echo " ";?>
<?php endif; ?>
<?php endfor; ?>
</ul>
-
-
-
-
- </div> <!-- end subnavlistcontainer -->
+
+ </div> <!-- end subnavlistcontainer -->
+ <?php endif; ?>
+
+ <?php global $msg; $msg->printAll(); $_base_href;?>
+
+
+ <!-- </div>end #main -->
+ <div id="contentwrapper" class="fl-container" >
+ <a name="page-title" id="page-title"></a>
+ <h2 class="page-title" ><?php echo $this->page_title; ?></h2>
+ <div id="subnavbacktopage" >
+ <?php if (isset($this->back_to_page)): ?>
+ <a href="<?php echo $this->back_to_page['url']; ?>">
+ <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>
+ <?php endif; ?>
+ </div>
+
+ <!-- check if a user is logged-into a course and if so display breadcrumbs. -->
+ <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
+ <?php if (isset($_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) && $_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) { ?>
+
+ <div class="crumbcontainer">
+ <div id="breadcrumbs">
+ <?php foreach ($this->path as $page): ?>
+ <a href="<?php echo $page['url']; ?>"><?php echo htmlspecialchars($page['title'], ENT_COMPAT, "UTF-8"); ?></a> >
+ <?php endforeach; ?> <?php echo $this->page_title; ?>
+ </div>
+ </div>
+ <?php } ?>
+ <?php endif; ?>
- <?php endif; ?>
-
<?php endif; ?><!-- end header template for ipad/tablets -->
projects / atutor.git / blobdiff