Commit 85b78c1f authored by Naomi Guyer's avatar Naomi Guyer Committed by Aaron Wells
Browse files

Navigation (bootstrap)

Bug 1465107: Use Bootstrap CSS Framework
Applied bootstrap tabs and tidy up form styling
Mobile menu
Add bootstrap accessibility, tab styling to bootstrap

Change-Id: Ifa42d482f5fd7e1cdfb52bae1ebb5ff3bf5085a9
parent 506c5805
<br /><div class="rbuttons">
<a class="btn" href="{$WWWROOT}artefact/internal/socialprofile.php">{str tag=newsocialprofile section=artefact.internal}</a>
</div>
<table id="socialprofilelist" class="tablerenderer fullwidth">
<table id="socialprofilelist" class="tablerenderer fullwidth table">
<thead>
<tr>
<th class="icons"></th>
<th>{str tag='service' section='artefact.internal'}</th>
<th>{str tag='profileurl' section='artefact.internal'}</th>
{if $controls}<th class="btns2">
<span class="accessible-hidden">{str tag=edit}</span>
<span class="accessible-hidden sr-only">{str tag=edit}</span>
</th>{/if}
</tr>
</thead>
......@@ -29,5 +29,3 @@
</tbody>
</table>
{$pagination.html|safe}
......@@ -22,9 +22,9 @@
<td>
{if $item->message}
<a href="" onclick="showHideMessage({$item->id}, '{$item->table}'); return false;">
{if !$item->read} <span class="accessible-hidden">{str tag='unread' section='activity'}: </span> {/if}
{if !$item->read} <span class="accessible-hidden sr-only">{str tag='unread' section='activity'}: </span> {/if}
{$item->subject|truncate:60}
<span class="accessible-hidden">{str tag='clickformore' section='artefact.multirecipientnotification'}</span>
<span class="accessible-hidden sr-only">{str tag='clickformore' section='artefact.multirecipientnotification'}</span>
</a>
<div id="message-{$item->table}-{$item->id}" class="hidden">{$item->message|safe}
......@@ -86,12 +86,12 @@
{if $item->read}
<img src="{theme_url filename='images/star.png'}" alt="{str tag=read section=activity}">
{else}
<label class="accessible-hidden" for="unread-{$item->table}-{$item->id}">{str tag='markasread' section='activity'}</label>
<label class="accessible-hidden sr-only" for="unread-{$item->table}-{$item->id}">{str tag='markasread' section='activity'}</label>
<input type="checkbox" class="tocheckread" name="unread-{$item->table}-{$item->id}" id="unread-{$item->table}-{$item->id}">
{/if}
</td>
<td class="center">
<label class="accessible-hidden" for="delete-{$item->table}-{$item->id}">{str tag='delete' section='mahara'}</label>
<label class="accessible-hidden sr-only" for="delete-{$item->table}-{$item->id}">{str tag='delete' section='mahara'}</label>
<input type="checkbox" class="tocheckdel" name="delete-{$item->table}-{$item->id}" id="delete-{$item->table}-{$item->id}">
</td>
</tr>
......
......@@ -15,7 +15,7 @@
{if $item->message}
<a href="" onclick="showHideMessage({$item->id}, '{$item->table}'); return false;">
{$item->subject|truncate:60}
<span class="accessible-hidden">{str tag='clickformore' section='artefact.multirecipientnotification'}</span>
<span class="accessible-hidden sr-only">{str tag='clickformore' section='artefact.multirecipientnotification'}</span>
</a>
<div id="message-{$item->table}-{$item->id}" class="hidden">
{$item->message|safe}
......@@ -41,7 +41,7 @@
<span id="short{$item->id}">
<a onclick="return toggleMe('long{$item->id}', 'short{$item->id}');" href="javascript:void(0)">
<img class="togglebtn" src="{theme_url filename='images/expand.png'}" />
{*<span class="accessible-hidden">{str tag='clickformore' section='artefact.multirecipientnotification'}</span>*}
{*<span class="accessible-hidden sr-only">{str tag='clickformore' section='artefact.multirecipientnotification'}</span>*}
</a>
{assign var="tousr" value=$item->tousr[0]}
{if $tousr['link']}<a href="{$tousr['link']}">{/if}
......@@ -71,9 +71,9 @@
<td>{$item->date}</td>
<td class="center">
{if $item->table === 'artefact_multirecipient_notification'}
<label class="accessible-hidden" for="delete-{$item->table}-{$item->id}">{str tag='delete' section='mahara'}</label>
<label class="accessible-hidden sr-only" for="delete-{$item->table}-{$item->id}">{str tag='delete' section='mahara'}</label>
<input type="checkbox" class="tocheckdel" name="delete-{$item->table}-{$item->id}" id="delete-{$item->table}-{$item->id}">
{/if}
</td>
</tr>
{/foreach}
\ No newline at end of file
{/foreach}
......@@ -14,7 +14,7 @@
<table id="activitylist" class="fullwidth">
<thead>
<tr>
<th><span class="accessible-hidden">{str section='activity' tag='messagetype'}</span></th>
<th><span class="accessible-hidden sr-only">{str section='activity' tag='messagetype'}</span></th>
<th>{str section='artefact.multirecipientnotification' tag='fromuser'}</th>
<th>{str section='activity' tag='subject'}</th>
<th>{str section='artefact.multirecipientnotification' tag='touser'}</th>
......@@ -29,13 +29,13 @@
<td class="center">
<a href="" onclick="toggleChecked('tocheckread'); return false;">
{str section='activity' tag='selectall'}
<span class="accessible-hidden"> {str tag='selectallread' section='artefact.multirecipientnotification'}</span>
<span class="accessible-hidden sr-only"> {str tag='selectallread' section='artefact.multirecipientnotification'}</span>
</a>
</td>
<td class="center">
<a href="" onclick="toggleChecked('tocheckdel'); return false;">
{str section='activity' tag='selectall'}
<span class="accessible-hidden">{str tag='selectalldelete' section='artefact.multirecipientnotification'}</span>
<span class="accessible-hidden sr-only">{str tag='selectalldelete' section='artefact.multirecipientnotification'}</span>
</a>
</td>
</tr>
......
......@@ -14,7 +14,7 @@
<table id="activitylist" class="fullwidth">
<thead>
<tr>
<th><span class="accessible-hidden">{str section='activity' tag='messagetype'}</span></th>
<th><span class="accessible-hidden sr-only">{str section='activity' tag='messagetype'}</span></th>
<th>{str section='artefact.multirecipientnotification' tag='fromuser'}</th>
<th>{str section='activity' tag='subject'}</th>
<th>{str section='artefact.multirecipientnotification' tag='touser'}</th>
......@@ -28,7 +28,7 @@
<td class="center">
<a href="" onclick="toggleChecked('tocheckdel'); return false;">
{str section='activity' tag='selectall'}
<span class="accessible-hidden">{str tag='selectalldelete' section='artefact.multirecipientnotification'}</span>
<span class="accessible-hidden sr-only">{str tag='selectalldelete' section='artefact.multirecipientnotification'}</span>
</a>
</td>
</tr>
......
......@@ -11,7 +11,7 @@
<td>
<h5>
{if ($message->fromusrlink)}<a href="{$message->fromusrlink}">{/if}
<span class="accessible-hidden">{str tag='From' section='mahara'}</span>
<span class="accessible-hidden sr-only">{str tag='From' section='mahara'}</span>
{$message->fromusrname}
{if ($message->fromusrlink)}</a>{/if}
<span class="postedon">{$message->ctime|strtotime|format_date}</span>
......@@ -21,7 +21,7 @@
{foreach from=$message->tousrs item=recipient key="index"}
{if $recipient['link']}<a href="{$recipient['link']}">{/if}
<span class="accessible-hidden">{str tag='labelrecipients' section='artefact.multirecipientnotification'}</span>
<span class="accessible-hidden sr-only">{str tag='labelrecipients' section='artefact.multirecipientnotification'}</span>
{$recipient['display']}{if ($index + 1) < count($message->tousrs)}; {/if}
{if $recipient['link']}</a>{/if}
{/foreach}
......@@ -29,7 +29,7 @@
<div class="subjectdiv">
<label>{str tag='labelsubject' section='artefact.multirecipientnotification'}</label>&nbsp;
<a href="{$link}?replyto={$message->id}&returnto={$returnto}">
<span class="accessible-hidden">{str tag='labelsubject' section='artefact.multirecipientnotification'}</span>
<span class="accessible-hidden sr-only">{str tag='labelsubject' section='artefact.multirecipientnotification'}</span>
{$message->subject}
</a>
</div>
......
......@@ -45,7 +45,7 @@
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$plan.disabled[$opt]}
<input id="decision_{$plan.id}_{$opt}" class="plandecision" id="{$plan.id}" type="radio" name="decision_{$plan.id}" value="{$opt}"{if $plan.decision == $opt} checked="checked"{/if}>
<label for="decision_{$plan.id}_{$opt}">{$displayopt}<span class="accessible-hidden">({$plan.title})</span></label><br>
<label for="decision_{$plan.id}_{$opt}">{$displayopt}<span class="accessible-hidden sr-only">({$plan.title})</span></label><br>
{/if}
{/foreach}
</div>
......@@ -69,7 +69,7 @@
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$task.disabled[$opt]}
<input id="decision_{$task.id}_{$opt}" class="taskdecision" type="radio" name="decision_{$task.id}" value="{$opt}"{if $task.decision == $opt} checked="checked"{/if}>
<label for="decision_{$task.id}_{$opt}">{$displayopt}<span class="accessible-hidden">({$task.title})</span></label><br>
<label for="decision_{$task.id}_{$opt}">{$displayopt}<span class="accessible-hidden sr-only">({$task.title})</span></label><br>
{/if}
{/foreach}
</div>
......
......@@ -22,7 +22,7 @@
{if $task->completed == 1}
<td class="c3 completed"><img src="{$WWWROOT}theme/raw/static/images/success_small.png" alt="{str tag=completed section=artefact.plans}" /></td>
{else}
<td><span class="accessible-hidden">{str tag=incomplete section=artefact.plans}</span></td>
<td><span class="accessible-hidden sr-only">{str tag=incomplete section=artefact.plans}</span></td>
{/if}
</tr>
{/if}
......@@ -13,7 +13,7 @@
{if $task->completed == 1}
<td class="completed"><img src="{$WWWROOT}theme/raw/static/images/success_small.png" alt="{str tag=completed section=artefact.plans}" /></td>
{else}
<td><span class="accessible-hidden">{str tag=incomplete section=artefact.plans}</span></td>
<td><span class="accessible-hidden sr-only">{str tag=incomplete section=artefact.plans}</span></td>
{/if}
{/if}
......
......@@ -7,12 +7,12 @@
<thead>
<tr>
{if $controls}<th class="resumecontrols">
<span class="accessible-hidden">{str tag=move}</span>
<span class="accessible-hidden sr-only">{str tag=move}</span>
</th>{/if}
<th>{str tag='title' section='artefact.resume'}</th>
<th class="resumeattachments center"><img src="{theme_url filename="images/attachment.png"}" title="{str tag=Attachments section=artefact.resume}" alt="{str tag=Attachments section=artefact.resume}" /></th>
{if $controls}<th class="resumecontrols">
<span class="accessible-hidden">{str tag=edit}</span>
<span class="accessible-hidden sr-only">{str tag=edit}</span>
</th>{/if}
</tr>
</thead>
......
......@@ -7,12 +7,12 @@
<thead>
<tr>
{if $controls}<th class="resumecontrols">
<span class="accessible-hidden">{str tag=move}</span>
<span class="accessible-hidden sr-only">{str tag=move}</span>
</th>{/if}
<th>{str tag='title' section='artefact.resume'}</th>
<th class="resumeattachments center"><img src="{theme_url filename="images/attachment.png"}" title="{str tag=Attachments section=artefact.resume}" alt="{str tag=Attachments section=artefact.resume}" /></th>
{if $controls}<th class="resumecontrols">
<span class="accessible-hidden">{str tag=edit}</span>
<span class="accessible-hidden sr-only">{str tag=edit}</span>
</th>{/if}
</tr>
</thead>
......
......@@ -7,12 +7,12 @@
<thead>
<tr>
{if $controls}<th class="resumecontrols">
<span class="accessible-hidden">{str tag=move}</span>
<span class="accessible-hidden sr-only">{str tag=move}</span>
</th>{/if}
<th>{str tag='qualification' section='artefact.resume'}</th>
<th class="resumeattachments center"><img src="{theme_url filename="images/attachment.png"}" title="{str tag=Attachments section=artefact.resume}" alt="{str tag=Attachments section=artefact.resume}" /></th>
{if $controls}<th class="resumecontrols">
<span class="accessible-hidden">{str tag=edit}</span>
<span class="accessible-hidden sr-only">{str tag=edit}</span>
</th>{/if}
</tr>
</thead>
......
<fieldset>{if !$hidetitle}<legend class="resumeh3">{str tag='employmenthistory' section='artefact.resume'}
{if $controls}
{if $controls}
{contextualhelp plugintype='artefact' pluginname='resume' section='addemploymenthistory'}
{/if}
</legend>{/if}
......@@ -7,12 +7,12 @@
<thead>
<tr>
{if $controls}<th class="resumecontrols">
<span class="accessible-hidden">{str tag=move}</span>
<span class="accessible-hidden sr-only">{str tag=move}</span>
</th>{/if}
<th>{str tag='position' section='artefact.resume'}</th>
<th class="resumeattachments center"><img src="{theme_url filename="images/attachment.png"}" title="{str tag=Attachments section=artefact.resume}" alt="{str tag=Attachments section=artefact.resume}" /></th>
{if $controls}<th class="resumecontrols">
<span class="accessible-hidden">{str tag=edit}</span>
<span class="accessible-hidden sr-only">{str tag=edit}</span>
</th>{/if}
</tr>
</thead>
......
......@@ -8,7 +8,7 @@
<tr>
<th>{str tag='goals' section='artefact.resume'}</th>
<th class="resumeattachments center"><img src="{theme_url filename="images/attachment.png"}" title="{str tag=Attachments section=artefact.resume}" alt="{str tag=Attachments section=artefact.resume}" /></th>
<th><span class="accessible-hidden">{str tag=edit}</span></th>
<th><span class="accessible-hidden sr-only">{str tag=edit}</span></th>
</tr>
</thead>
<tbody>
......@@ -63,4 +63,4 @@
{$license|safe}
</div>
{/if}
</fieldset>
\ No newline at end of file
</fieldset>
......@@ -7,12 +7,12 @@
<thead>
<tr>
{if $controls}<th class="resumecontrols">
<span class="accessible-hidden">{str tag=move}</span>
<span class="accessible-hidden sr-only">{str tag=move}</span>
</th>{/if}
<th>{str tag='title' section='artefact.resume'}</th>
<th class="resumeattachments center"><img src="{theme_url filename="images/attachment.png"}" title="{str tag=Attachments section=artefact.resume}" alt="{str tag=Attachments section=artefact.resume}" /></th>
{if $controls}<th class="resumecontrols">
<span class="accessible-hidden">{str tag=edit}</span>
<span class="accessible-hidden sr-only">{str tag=edit}</span>
</th>{/if}
</tr>
</thead>
......
......@@ -8,7 +8,7 @@
<tr>
<th>{str tag='skills' section='artefact.resume'}</th>
<th class="resumeattachments center"><img src="{theme_url filename="images/attachment.png"}" title="{str tag=Attachments section=artefact.resume}" alt="{str tag=Attachments section=artefact.resume}" /></th>
<th><span class="accessible-hidden">{str tag=edit}</span></th>
<th><span class="accessible-hidden sr-only">{str tag=edit}</span></th>
</tr>
</thead>
<tbody>
......@@ -59,4 +59,4 @@
{$license|safe}
</div>
{/if}
</fieldset>
\ No newline at end of file
</fieldset>
......@@ -36,7 +36,7 @@
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$fieldvalue.disabled[$opt]}
<input id="decision_{$fieldvalue.id}_{$opt}" class="fieldvaluedecision" type="radio" name="decision_{$fieldvalue.id}" value="{$opt}"{if $fieldvalue.decision == $opt} checked="checked"{/if}>
<label for="decision_{$fieldvalue.id}_{$opt}">{$displayopt}<span class="accessible-hidden">({$fieldname})</span></label><br>
<label for="decision_{$fieldvalue.id}_{$opt}">{$displayopt}<span class="accessible-hidden sr-only">({$fieldname})</span></label><br>
{/if}
{/foreach}
</div>
......
......@@ -55,7 +55,7 @@
{if $c.sort}
<a href="{$searchurl}&sortby={$f}&sortdir={if $f == $sortby && $sortdir == 'asc'}desc{else}asc{/if}">
{$c.name}
<span class="accessible-hidden">({str tag=sortby} {if $f == $sortby && $sortdir == 'asc'}{str tag=descending}{else}{str tag=ascending}{/if})</span>
<span class="accessible-hidden sr-only">({str tag=sortby} {if $f == $sortby && $sortdir == 'asc'}{str tag=descending}{else}{str tag=ascending}{/if})</span>
</a>
{else}
{$c.name}
......
......@@ -14,7 +14,7 @@
<td>
{if $i->message}
<a href="{if $i->url}{$WWWROOT}{$i->url}{else}{$WWWROOT}account/activity/index.php{/if}" class="inbox-showmessage{if !$i->read} unread{/if}">
{if !$i->read}<span class="accessible-hidden">{str tag=unread section=activity}: </span>{/if}{$i->subject}
{if !$i->read}<span class="accessible-hidden sr-only">{str tag=unread section=activity}: </span>{/if}{$i->subject}
</a>
<div class="inbox-message hidden messagebody-{$i->type}" id="inbox-message-{$i->id}">{$i->message|safe}
{if $i->url}<br><a href="{$WWWROOT}{$i->url}">{if $i->urltext}{$i->urltext} &raquo;{else}{str tag="more..."}{/if}</a>{/if}
......
......@@ -14,7 +14,7 @@
<td>
{if $i->message}
<a href="{if $i->url}{$WWWROOT}{$i->url}{else}{$WWWROOT}account/activity/index.php{/if}" class="inbox-showmessage{if !$i->read} unread{/if}">
{if !$i->read}<span class="accessible-hidden">{str tag=unread section=activity}: </span>{/if}{$i->subject|truncate:50}
{if !$i->read}<span class="accessible-hidden sr-only">{str tag=unread section=activity}: </span>{/if}{$i->subject|truncate:50}
</a>
<div class="inbox-message hidden messagebody-{$i->type}" id="inbox-message-{$i->msgtable}-{$i->id}">{$i->message|safe}
{if $i->url}<br><a href="{$WWWROOT}{$i->url}">{if $i->urltext}{$i->urltext} &raquo;{else}{str tag="more..."}{/if}</a>{/if}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment