Permalink
Browse files

Accessibility: 'weekscss' course format - layout table of weeks, now …

…a list.
  • Loading branch information...
nfreear
nfreear committed Mar 15, 2006
1 parent ba54314 commit 1b3a4c8f1c34250cd3356560b97b91bfa676948a
Showing with 73 additions and 24 deletions.
  1. +32 −16 course/format/weekscss/format.php
  2. +7 −4 theme/standard/styles_color.css
  3. +34 −4 theme/standard/styles_layout.css
@@ -80,7 +80,7 @@
/// Layout the whole page as three big columns.
echo '<div id="layout-table" class="weekscss">';
echo '<div id="layout-table">';
/// The left column ...
@@ -96,17 +96,20 @@
print_heading_block(get_string('weeklyoutline'), 'outline');
echo '<table class="weeks" width="100%">';
//--echo '<table class="weeks" width="100%">';
echo "<ul class='weekscss'>\n"; //'weeks'
/// If currently moving a file then show the current clipboard
if (ismoving($course->id)) {
$stractivityclipboard = strip_tags(get_string('activityclipboard', '', addslashes($USER->activitycopyname)));
$strcancel= get_string('cancel');
echo '<tr class="clipboard">';
echo '<td colspan="3">';
//--echo '<tr class="clipboard">';
//echo '<td colspan="3">';
echo '<li class="clipboard">';
echo $stractivityclipboard.'&nbsp;&nbsp;(<a href="mod.php?cancelcopy=true&amp;sesskey='.$USER->sesskey.'">'.$strcancel.'</a>)';
echo '</td>';
echo '</tr>';
echo "</li>\n";
//echo '</td>';
//--echo '</tr>';
}
/// Print Section 0 with general activities
@@ -115,9 +118,12 @@
$thissection = $sections[$section];
if ($thissection->summary or $thissection->sequence or isediting($course->id)) {
echo '<tr id="section-0" class="section main">';
/*--echo '<tr id="section-0" class="section main">';
echo '<td class="left side">&nbsp;</td>';
echo '<td class="content">';
*/
echo '<li id="section-0" class="section main" >'; //'<div class="left side">&nbsp;</div>
echo '<div class="content">';
echo '<div class="summary">';
$summaryformatoptions->noclean = true;
@@ -136,12 +142,13 @@
print_section_add_menus($course, $section, $modnames);
}
echo '</td>';
/*--echo '</td>';
echo '<td class="right side">&nbsp;</td>';
echo '</tr>';
//TODO (nfreear): Accessibility: how to get rid of the 'separator' row??
echo '<tr class="section separator"><td colspan="3" class="spacer"></td></tr>';
*/
echo '</div><div class="right side" >&nbsp;</div><div class="clearer"></div>';
echo "</li>\n";
}
@@ -201,10 +208,14 @@
$sectionstyle = '';
}
echo '<tr id="section-'.$section.'" class="section main'.$sectionstyle.'">';
/*--echo '<tr id="section-'.$section.'" class="section main'.$sectionstyle.'">';
echo '<td class="left side">&nbsp;</td>';
echo '<td class="content">';
*/
echo '<li id="section-'.$section.'" class="section main'.$sectionstyle.'" >'; //'<div class="left side">&nbsp;</div>';
echo '<div class="content">';
if (!isteacher($course->id) and !$thissection->visible) { // Hidden for students
echo '<div class="weekdates">'.$weekday.' - '.$endweekday.' ('.get_string('notavailable').')</div>';
@@ -227,10 +238,12 @@
print_section_add_menus($course, $section, $modnames);
}
}
echo '</td>';
/*--echo '</td>';
echo '<td class="right side">';
*/
echo '</div><div class="right side">';
if ($displaysection == $section) {
echo '<a href="view.php?id='.$course->id.'&amp;week=all#section-'.$section.'" title="'.$strshowallweeks.'">'.
'<img src="'.$CFG->pixpath.'/i/all.gif" class="icon wkall" alt="'.$strshowallweeks.'" /></a><br />';
@@ -259,15 +272,18 @@
}
}
echo '</td></tr>';
//TODO (nfreear): Accessibility: how to get rid of the 'separator' row??
/*--echo '</td></tr>';
echo '<tr class="section separator"><td colspan="3" class="spacer"></td></tr>';
*/
echo '</div><div class="clearer"></div>';
echo "</li>\n";
}
$section++;
$weekdate = $nextweekdate;
}
echo '</table>';
//--echo '</table>';
echo "</ul>\n";
if (!empty($sectionmenu)) {
echo '<div align="center" class="jumpmenu">';
@@ -415,13 +415,11 @@ table.minicalendar {
border-color:#DDDDDD;
}
#course-view li.section,
#course-view .section td {
border-color:#DDDDDD;
}
#course-view .section .content {
}
#course-view .section .side {
}
@@ -431,10 +429,15 @@ table.minicalendar {
#course-view .section .right {
}
#course-view .current .side{
#course-view .weekscss .current,
#course-view .weeks .current .side{
background: #FFD991;
}
#course-view .current .content {
background: white;
}
#course-view .topics {
}
@@ -822,7 +822,7 @@ span.current {
vertical-align:top;
}
#course-view .section .content {
#course-view .weeks .section .content {
padding:5px;
border-style:solid;
border-width:1px;
@@ -834,19 +834,19 @@ span.current {
clear: both;
}
#course-view .section .side {
#course-view .weeks .section .side {
padding:5px;
border-style:solid;
border-width:1px;
}
#course-view .section .left {
#course-view .weeks .section .left {
border-right:0px;
text-align:center;
width: 1.5em;
}
#course-view .section .right {
#course-view .weeks .section .right {
border-left:0px;
text-align:center;
width: 1.5em;
@@ -862,6 +862,36 @@ span.current {
#course-view .section .weekdates {
}
/*Accessibility: No-tables course format. */
#course-view ul.weekscss, .weekscss li {
margin: 0;
padding: 0;
text-indent: 0;
list-style: none;
}
.weekscss li.section {
margin-bottom: 0.5em;
width: 100%;
border-style:solid;
border-width:1px;
}
.weekscss .content, .weekscss .side {
padding: 5px;
}
.weekscss .content {
margin-left: 4%; /* Why? Firefox 8%; IE 4% */
width: 80%;
float: left;
}
.weekscss .side {
width: 8%;
float: left;
}
.weekscss .clearer {
height: 0;
}
.section .activity img.activityicon {
vertical-align:middle;
height:16px;

0 comments on commit 1b3a4c8

Please sign in to comment.