4122: removed use of side menu toggle scripts from header.
[atutor.git] / docs / themes / mobile / include / header.tmpl.php
1 <?php
2 /************************************************************************/
3 /* ATutor                                                                                                                               */
4 /************************************************************************/
5 /* Copyright (c) 2002-2008 by Greg Gay, Joel Kronenberg & Heidi Hazelton*/
6 /* Adaptive Technology Resource Centre / University of Toronto                  */
7 /* http://atutor.ca                                                                                                             */
8 /*                                                                                                                                              */
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->top_level_pages       associative array of the top level navigation
35  * $this->current_top_level_page        the full path to the current top level page with file name
36  * $this->sub_level_pages                       associate array of sub level navigation
37  * $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)
38  * $this->current_sub_level_page        the full path to the current sub level page with file name
39  * $this->guide                         the full path and file name to the guide page
40  * ======================================
41  * top_level_pages           array(array('url', 'title'))     the top level pages. ATutor default creates tabs.
42  * section_title             string                           the name of the current section. either name of the course, administration, my start page, etc.
43  * page_title                string                           the title of the current page.
44  * path                      array(array('url', 'title'))     the path to the current page.
45  * back_to_page              array('url', 'title')            the link back to the part of the current page, if needed.
46  * current_top_level_page    string                           full url to the current top level page in "top_leve_pages"
47  * current_sub_level_page    string                           full url to the current sub level page in the "sub_level_pages"
48  * sub_level_pages           array(array('url', 'title'))     the sub level pages.
49  */
50
51 // will have to be moved to the header.inc.php
52 global $system_courses, $_custom_css, $db, $_base_path, $contentManager;
53
54 // 1. any click on the page closes the content menu but the link "content_link" itself
55 // 2. the click on link "content_link" opens the content menu
56 $this->onload .= "
57 jQuery(document).click(function () {jQuery('#content').hide('slow');}); 
58
59 jQuery('#content_link').click(function(e) {
60   e.stopPropagation();
61   jQuery('#content').slideToggle();
62 });
63 ";
64
65 ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
66
67 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="<?php echo $this->lang_code; ?>"> 
68
69 <head>
70         <title><?php echo SITE_NAME; ?> : <?php echo $this->page_title; ?></title>
71         <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->lang_charset; ?>" />
72         <meta name="Generator" content="ATutor - Copyright 2005 by http://atutor.ca" />
73         <base href="<?php echo $this->content_base_href; ?>" />
74         <link rel="shortcut icon" href="<?php echo $this->base_path; ?>favicon.ico" type="image/x-icon" />
75         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/print.css" type="text/css" media="print" />
76         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/styles.css" type="text/css" />
77         <!--[if IE]>
78           <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/ie_styles.css" type="text/css" />
79         <![endif]-->
80         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/forms.css" type="text/css" />
81 <?php echo $this->rtl_css; ?>
82 <?php if (isset($this->course_id) && $system_courses[$this->course_id]['rss']): ?>
83         <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" />
84         <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" />
85 <?php endif; ?>
86         <script src="<?php echo $this->base_path; ?>jscripts/infusion/InfusionAll.js" type="text/javascript"></script>
87         <script src="<?php echo $this->base_path; ?>jscripts/infusion/jquery.autoHeight.js" type="text/javascript"></script>
88         <script language="javascript" type="text/javascript">
89         //<!--
90         jQuery.noConflict();
91         //-->
92         </script>
93     <script src="<?php echo $this->base_path; ?>jscripts/ATutor.js" type="text/javascript"></script>   
94     <?php echo $this->custom_css; ?>
95     <style id="pref_style" type="text/css"></style> 
96 </head>
97 <body onload="<?php echo $this->onload; ?>">
98 <script language="javascript" type="text/javascript">
99 //<!--
100 // toggle content folder in side menu "content navigation"
101 function toggleFolder(cid)
102 {
103         if (jQuery("#tree_icon"+cid).attr("src") == tree_collapse_icon) {
104                 jQuery("#tree_icon"+cid).attr("src", tree_expand_icon);
105                 jQuery("#tree_icon"+cid).attr("alt", "<?php echo _AT('expand'); ?>");
106                 ATutor.setcookie("c<?php echo $this->course_id;?>_"+cid, null, 1);
107         }
108         else {
109                 jQuery("#tree_icon"+cid).attr("src", tree_collapse_icon);
110                 jQuery("#tree_icon"+cid).attr("alt", "<?php echo _AT('collapse'); ?>");
111                 ATutor.setcookie("c<?php echo $this->course_id;?>_"+cid, "1", 1);
112         }
113         
114         jQuery("#folder"+cid).slideToggle();
115 }
116 //-->
117 </script>
118 <div class="page_wrapper">
119 <div id="header">
120         <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#content" accesskey="c">
121         <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>          
122
123         <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#menu<?php echo $_REQUEST['cid']  ?>"  accesskey="m"><img src="<?php echo $this->base_path; ?>images/clr.gif" height="1" width="1" border="0" alt="<?php echo _AT('goto_menu'); ?> ALT+m" /></a>
124         <div id="top-links"> <!-- top help/search/login links -->
125                 <?php if (isset($_SESSION['member_id']) && $_SESSION['member_id']): ?>
126                         <?php if(!$this->just_social): ?>
127                         <!-- start the jump menu -->
128                         <?php if (empty($_GET)): ?>
129                                 <form method="post" action="<?php echo $this->base_path; ?>bounce.php?p=<?php echo urlencode($this->rel_url); ?>" target="_top">
130                         <?php else: ?>
131                                 <form method="post" action="<?php echo $this->base_path; ?>bounce.php" target="_top">
132                         <?php endif; ?>
133                         <label for="jumpmenu" accesskey="j"></label>
134                                 <select name="course" id="jumpmenu" title="<?php echo _AT('jump'); ?>:  Alt-j">                                                 
135                                         <option value="0"><?php echo _AT('my_start_page'); ?></option>
136                                         <optgroup label="<?php echo _AT('courses_below'); ?>">
137                                                 <?php foreach ($this->nav_courses as $this_course_id => $this_course_title): ?>
138                                                         <option value="<?php echo $this_course_id; ?>"><?php echo $this_course_title; ?></option>
139                                                 <?php endforeach; ?>
140                                         </optgroup>
141                                 </select> <input type="submit" name="jump" value="<?php echo _AT('jump'); ?>" class="button" /> </form>
142                         <!-- /end the jump menu -->
143                         <?php endif; ?>
144
145                         <?php if ($_SESSION['is_super_admin']): ?>
146                                 <a href="<?php echo $this->base_path; ?>bounce.php?admin"><?php echo _AT('return_to_admin_area'); ?></a> | 
147                         <?php endif; ?>
148
149                         <?php if ($this->course_id > -1): ?>
150                                 <?php if (get_num_new_messages()): ?>
151                                         <a href="<?php echo $this->base_path; ?>inbox/index.php"><?php echo _AT('inbox'); ?> (<?php echo get_num_new_messages(); ?>)</a> 
152                                 <?php else: ?>
153                                         <a href="<?php echo $this->base_path; ?>inbox/index.php"><?php echo _AT('inbox'); ?></a>
154                                 <?php endif; ?>
155                         <?php endif; ?>
156                 <?php endif; ?>
157                 <?php if(!$this->just_social): ?>
158                         <a href="<?php echo $this->base_path; ?>search.php"><?php echo _AT('search'); ?></a> 
159                 <?php endif; ?>
160                 <a href="<?php echo $this->base_path; ?>help/index.php"><?php echo _AT('help'); ?></a>
161         </div>
162         <?php if (!empty($this->icon)) { // if a course icon is available, display it here.  ?>
163                 <a href="<?php echo $this->base_path.url_rewrite('index.php'); ?>"><img src="<?php echo $this->icon; ?>" class="headicon" alt="<?php echo  _AT('home'); ?>" /></a>      
164         <?php } ?>
165
166
167
168         <?php
169         // If there is a custom course banner in the file manager called banner.html, display it here
170         @readfile(AT_CONTENT_DIR . $this->course_id.'/banner.txt'); 
171
172         /*
173         and example banner.html file might look like:
174         <div style="width: 760px; height: 42px; background: white;"><img src="http://[mysite]/atutor15rc3/banners/kart-camb.jpg"></div>
175         */
176
177         ?>
178         <!-- section title -->
179         <?php if (isset($_SESSION['valid_user']) && $_SESSION['valid_user']): 
180                 echo '<div style="font-size:small;font-weight:bold;padding-left:1em;color:white;">'.stripslashes(SITE_NAME).'</div>'; 
181         else:
182                 echo '<br />';  
183         endif; ?>
184         <h1 id="section-title"><?php echo $this->section_title; ?>
185                 <?php if ((isset($this->course_id) && $this->course_id > 0) && ($_SESSION['enroll'] == AT_ENROLL_NO)) : ?> 
186                         - <small><a href="<?php echo $this->base_path; ?>enroll.php?course=<?php echo $this->course_id; ?>"><?php echo _AT('enroll_me'); ?></a></small>
187                 <?php endif; ?>
188         </h1>
189         
190 </div>
191
192 <div id="topnavlistcontainer">
193 <!-- the main navigation. in our case, tabs -->
194         <ul id="topnavlist">
195                 <?php $accesscounter = 0; //initialize ?>
196                 <?php foreach ($this->top_level_pages as $page): ?>
197                         <?php ++$accesscounter; $accesscounter = ($accesscounter == 10 ? 0 : $accesscounter); ?>
198                         <?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
199                         <?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
200                         <?php if ($page['url'] == $this->current_top_level_page): ?>
201                                 <li><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'] . $accesskey_title; ?>" class="active"><?php echo $page['title']; ?></a></li>
202                         <?php else: ?>
203                                 <li><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'] . $accesskey_title; ?>"><?php echo $page['title']; ?></a></li>
204                         <?php endif; ?>
205                         <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
206                 <?php endforeach; ?>
207         </ul>
208 </div>
209
210 <div style="background-color:#E6E6E6; font-size:0.85em; padding-top: 5px; border-bottom:1px solid black; height:2em;">
211         <!-- the sub navigation -->
212         <div style="float: right; padding-right: 5px; text-transform: lowercase;">
213                 <?php if (isset($_SESSION['valid_user']) && $_SESSION['valid_user']): ?>                                        
214                         <strong><?php echo get_display_name($_SESSION['member_id']); ?></strong> | <a href="<?php echo $this->base_path; ?>logout.php"><?php echo _AT('logout'); ?></a>
215                 <?php else: ?>
216                          <a href="<?php echo $this->base_path; ?>login.php?course=<?php echo $this->course_id; ?>"><?php echo _AT('login'); ?></a> | <a href="<?php echo $this->base_path; ?>registration.php"><?php echo _AT('register'); ?></a>
217                 <?php endif; ?>
218         </div>
219
220         <div style="padding-left: 5px;">
221                 <a id="content_link" href="javascript:void(0);">Content</a>
222                 <div id="content" style="background-color:#E6E6E6; width: 22em; display: none; position: relative; z-index: 1;">
223                 <?php $contentManager->printMainMenu(); ?>
224                 </div>
225         </div>
226         
227         <?php if ($this->sub_level_pages): ?>
228         <!--    <div id="sub-navigation">
229                         <?php if (isset($this->back_to_page)): ?>
230                                 <a href="<?php echo $this->back_to_page['url']; ?>" id="back-to"><?php echo _AT('back_to').' '.$this->back_to_page['title']; ?></a> | 
231                         <?php endif; ?>
232
233                         <?php $num_pages = count($this->sub_level_pages); ?>
234                         <?php for ($i=0; $i<$num_pages; $i++): ?>
235                                 <?php if ($this->sub_level_pages[$i]['url'] == $this->current_sub_level_page): ?>
236                                         <strong><?php echo $this->sub_level_pages[$i]['title']; ?></strong>
237                                 <?php else: ?>
238                                         <a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a>
239                                 <?php endif; ?>
240                                 <?php if ($i < $num_pages-1): ?>
241                                         |
242                                 <?php endif; ?>
243                         <?php endfor; ?>
244                 </div> -->
245         <?php else: ?>
246                 <!-- <div id="sub-navigation">
247                         &nbsp;
248                 </div> -->
249         <?php endif; ?>
250 </div>
251
252 <div style="padding:3px;">
253 <?php if (isset($_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) && $_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) { ?>
254         <!-- the bread crumbs -->
255         <div id="breadcrumbs">
256                 <?php foreach ($this->path as $page): ?>
257                         <a href="<?php echo $page['url']; ?>"><?php echo htmlspecialchars($page['title'], ENT_COMPAT, "UTF-8"); ?></a> > 
258                 <?php endforeach; ?> <?php echo $this->page_title; ?>
259         </div>
260 <?php } ?>
261
262         <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
263                 <a href="<?php echo $this->guide; ?>" id="guide" onclick="poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><em><?php echo $this->page_title; ?></em></a>
264         <?php endif; ?>
265 </div>
266
267
268 <div id="contentwrapper">
269         <div id="contentcolumn"
270                 <?php if ((isset($this->course_id) && $this->course_id <= 0)): ?>
271                         style="margin-left:0.5em;width:99%;"
272                 <?php endif; ?>
273                 >
274
275                 <?php if (isset($this->course_id) && $this->course_id > 0): ?>
276                 <div class="sequence-links">
277                 <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
278                         <?php if ($this->sequence_links['resume']): ?>
279                                         <a style="color:white;" href="<?php echo $this->sequence_links['resume']['url']; ?>" accesskey="."><img src="<?php echo $this->img; ?>resume.gif" border="0" title="<?php echo _AT('resume').': '.$this->sequence_links['resume']['title']; ?> Alt+." alt="<?php echo $this->sequence_links['resume']['title']; ?> Alt+." class="img-size-ascdesc" /></a>
280                         <?php else:
281                                 if ($this->sequence_links['previous']): ?>
282                                         <a href="<?php echo $this->sequence_links['previous']['url']; ?>" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> Alt+," accesskey=","><img src="<?php echo $this->img; ?>previous.gif" border="0" alt="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> Alt+," class="img-size-ascdesc" /></a>
283                                 <?php endif;
284                                 if ($this->sequence_links['next']): ?>
285                                         <a href="<?php echo $this->sequence_links['next']['url']; ?>" title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." accesskey="."><img src="<?php echo $this->img; ?>next.gif" border="0" alt="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." class="img-size-ascdesc" /></a>
286                                 <?php endif; ?>
287                         <?php endif; ?>
288                 <?php } ?>
289                         &nbsp;
290                 </div>
291                 <?php endif; ?>
292
293         <!-- the page title -->
294         <a name="content" title="<?php echo _AT('content'); ?>"></a>
295         <h2 class="page-title"><?php echo $this->page_title; ?></h2>
296         <?php global $msg; $msg->printAll(); $_base_href;?>
297
298         <?php if (count($this->sub_level_pages) > 0): ?>
299
300 <!-- <div id="topnavlistcontainer">
301         <ul id="topnavlist">
302                 <?php $accesscounter = 0; //initialize ?>
303                 <?php foreach ($this->top_level_pages as $page): ?>
304                         <?php ++$accesscounter; $accesscounter = ($accesscounter == 10 ? 0 : $accesscounter); ?>
305                         <?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
306                         <?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
307                         <?php if ($page['url'] == $this->current_top_level_page): ?>
308                                 <li><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'] . $accesskey_title; ?>" class="active"><?php echo $page['title']; ?></a></li>
309                         <?php else: ?>
310                                 <li><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'] . $accesskey_title; ?>"><?php echo $page['title']; ?></a></li>
311                         <?php endif; ?>
312                         <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
313                 <?php endforeach; ?>
314         </ul>
315 </div> -->
316
317                 <div id="subnavlistcontainer">
318                         <div id="subnavbacktopage">
319                         <?php if (isset($this->back_to_page)): ?>
320                                 <a href="<?php echo $this->back_to_page['url']; ?>">
321                                 <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>&nbsp;
322                         <?php endif; ?>
323                         </div>
324
325                         <ul id="subnavlist">
326                         <?php $num_pages = count($this->sub_level_pages); ?>
327                         <?php for ($i=0; $i<$num_pages; $i++): ?>
328                                 
329                                 <?php if ($this->sub_level_pages[$i]['url'] == $this->current_sub_level_page): ?>
330                                 <li><?php echo $this->sub_level_pages[$i]['title']; ?></li>
331                                 <?php else: ?>
332                                         <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
333                                 <?php endif; ?>
334                                 <?php if ($i < $num_pages-1): 
335                                         echo " ";?>
336                                 <?php endif; ?>
337                         <?php endfor; ?>
338                         </ul>
339                 </div>
340         <?php endif; ?>
341
342 <!-- the main navigation. in our case, tabs -->