Context Navigation

menu.tmpl

Timestamp:

02/16/11 11:37:48 (13 years ago)

Author:

Kris Deugau

Message:

/trunk

Changes for much nicer-looking, nifty collapsible tree for groups

CSS derived from http://www.thecssninja.com/css/css-tree-menu
HTML changes to match
Template changes to make the source more closely match the rendered display (and the real tree structure)
Minor source tweaks to work with the template changes

Still to ponder:

IE (CSS collapsing tree doesn't render correctly in IE 6 or 8, *may* work in 9, pretty much guaranteed to fail in < 6), experiments with  constructs show they don't work well in <head>
Tweaks to allow clicking a group name in the tree to switch to that group (currently the hidden checkbox seems to take over then entire name/line/label, making it easy to expand or collapse the group, but harder to use it for anything else)

File:

-              r65
+              r69
 <a href="dns.cgi?sid=<TMPL_VAR NAME=sid>&amp;page=grpman">Manage groups</a><br />
 <div id="grptree">
 <ul class="grptree">
+<li class="<TMPL_IF NAME=subs>hassub<TMPL_ELSE>leaf</TMPL_IF>"><TMPL_IF inlogingrp><b><TMPL_VAR NAME=logingrp></b><TMPL_ELSE><TMPL_VAR NAME=logingrp></TMPL_IF>
+  <li class="<TMPL_IF NAME=subs>hassub<TMPL_ELSE>leaf</TMPL_IF>">
+<TMPL_IF name=subs>    <label for="<TMPL_VAR NAME=logingrp>"><TMPL_IF inlogingrp><b><TMPL_VAR NAME=logingrp></b><TMPL_ELSE><TMPL_VAR NAME=logingrp></TMPL_IF></label>
+    <input type="checkbox" checked id="<TMPL_VAR NAME=logingrp>" /><TMPL_ELSE>
+    <TMPL_IF inlogingrp><b><TMPL_VAR NAME=logingrp></b><TMPL_ELSE><TMPL_VAR NAME=logingrp></TMPL_IF></TMPL_IF>
 <TMPL_VAR NAME=grptree>
 </li>
+  </li>
 </ul>
 </div>
 <!-- hmm:  <TMPL_VAR NAME=groupname> -->

Note: See TracChangeset for help on using the changeset viewer.