head	1.3;
access;
symbols;
locks; strict;
comment	@# @;


1.3
date	2005.11.25.16.20.58;	author rse;	state dead;
branches;
next	1.2;
commitid	c9X5QxZIdGHCX9br;

1.2
date	2005.11.25.16.16.06;	author rse;	state Exp;
branches;
next	1.1;
commitid	akWk9eMbXOYWV9br;

1.1
date	2005.11.25.13.13.34;	author rse;	state Exp;
branches;
next	;
commitid	6m7MyNUJMyrkV8br;


desc
@@


1.3
log
@rename files to be more pretty on the shell ;-)
@
text
@<script language="php">
##
##  Copyright (c) 2005 OpenPKG Foundation e.V. <http://openpkg.net/>
##  Copyright (c) 2005 Ralf S. Engelschall <http://engelschall.com/>
##
##  Permission to use, copy, modify, and distribute this software for
##  any purpose with or without fee is hereby granted, provided that
##  the above copyright notice and this permission notice appear in all
##  copies.
##
##  THIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY EXPRESSED OR IMPLIED
##  WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
##  MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
##  IN NO EVENT SHALL THE AUTHORS AND COPYRIGHT HOLDERS AND THEIR
##  CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
##  SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
##  LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF
##  USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
##  ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
##  OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT
##  OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
##  SUCH DAMAGE.
##
##  canvas-navbar.php: canvas navigation bar
##
</script>

<script language="php">
  divert("css");
</script>

DIV.navbar {
    width:                   180px;
    margin-bottom:           20px;
	font-family:             sans-serif,helvetica,lucida,verdana,arial;
	font-size:               10pt;
}
DIV.navbar UL {
	padding:                 0px;
	margin:                  0px;
	white-space:             nowrap;
}
DIV.navbar UL UL {
	margin-left:             0px;
    padding-left:            0px;
}
DIV.navbar LI.active > A {
    font-weight:             bold;
}
DIV.navbar LI {
	display:                 block;
	list-style:              none;
    padding:                 0px 0px 0px 0px;
}
DIV.navbar A {
    text-decoration:         none;
    font-weight:             normal;
    color:                   #000000;
}
DIV.navbar UL UL LI {
    padding-left:            8px;
}
DIV.navbar LI:first-child {
    border-top:              1px solid #c5c0b0;
}
DIV.navbar LI {
    border-bottom:           1px solid #c5c0b0;
}
DIV.navbar LI:last-child {
    border-bottom:           none;
}
DIV.navbar > UL > LI:last-child {
    border-bottom:           1px solid #c5c0b0;
}

<script language="php">
  $html = undivert("nav");
  $html = explode("\n", $html);
  $count = count($html);
  for ($i = 0; $i < $count; $i++) {
      if (preg_match("/<li id=\"(.+?)\">/", $html[$i], $match)) {
          $prefix = preg_replace("/\.?[^.]+$/", "", $match[1]);
          $style = "display: none;";
          if (preg_match("/^$prefix/", $path)) {
              $style = "display: block;";
          }
          $html[$i] = preg_replace("/(<li id=\")(.+?\")(>)/", "$1navbar.$2 style=\"$style\"$3", $html[$i]);
      }
  }
  $html = implode("\n", $html);
  $html = preg_replace("/(<li id=\"navbar.$path\")/s", "$1 class=\"active\"", $html);
  $html = preg_replace("/(<li id=\"(.+?)\"[^>]*><a)/s", "$1 onMouseOver=\"navbar_over('$2'); return true;\" onMouseOut=\"navbar_out('$2'); return true;\"", $html);
  divert("canvas-nav");
  echo "<div class=\"navbar\" id=\"navbar\">\n";
  echo $html;
  echo "</div>\n";
</script>

<script language="php">
  divert("js");
</script>

/* smart deferred execution */

var defer_scheduled = Array();
var defer_handle = Array();

function defer_schedule (id, cmd, delay) {
    if (defer_scheduled[id])
        clearTimeout(defer_handle[id]);
    defer_scheduled[id] = 1;
    defer_handle[id] = setTimeout("defer_scheduled["+id+"] = 0; " + cmd, delay);
    return;
}

function defer_cancel (id) {
    if (defer_scheduled[id])
        clearTimeout(defer_handle[id]);
    defer_scheduled[id] = 0;
    return;
}

/* dynamic navigation bar item expading/collapsing */

var navbar_default = "<script language="php">echo "navbar.".$path</script>";
var navbar_active = navbar_default;

function navbar_over (id) {
    navbar_active = id;
    defer_cancel("navbar_out");
    defer_schedule("navbar_over", "navbar_update();", 800);
}

function navbar_out (id) {
    defer_schedule("navbar_out", "navbar_out_stage2('"+id+"');", 4000);
}

function navbar_out_stage2 (id) {
    if (navbar_active != id)
        return;
    navbar_active = navbar_default;
    navbar_update();
}

function navbar_update (id) {
    if (!document.getElementById)
        return;
    var active_a = navbar_active.split(".");
    active_a.pop();
    var active_prefix = active_a.join(".");
    var li = document.getElementsByTagName("li");
    for (var i = 0; i < li.length; i++) {
        var id_s = li[i].id;
        var id_a = id_s.split(".");
        if (id_a[0] != "navbar")
            continue;
        id_a.pop();
        var id_prefix = id_a.join(".");
        if (   active_prefix.indexOf(id_prefix) == 0 /* siblings */
            || id_prefix == navbar_active)           /* childs   */
            display = 'block';
        else
            display = 'none';
        if (li[i].style.display != display)
            li[i].style.display = display;
    }
    return;
}

@


1.2
log
@add support for one and two pane layouts: one pane for applications like cvstrac which need the full browser width, and two pane for regular web pages
@
text
@@


1.1
log
@first cut for new meta.openpkg.org canvas rendering framework
@
text
@d77 1
a77 79
  divert("navbar");
</script>

<div class="navbar" id="navbar">
<ul>
  <li id="project"><a href="http://www.openpkg.org/">OpenPKG Project</a>
    <ul>
      <li id="main"><a href="">Main</a></li>
      <li id="download"><a href="download/">Download</a></li>
      <li id="registry"><a href="http://registry.openpkg.org/">Registry</a>
        <ul>
          <li id="title"><a href="">Introduction</a></li>
          <li id="login"><a href="registry?page=login">Login</a></li>
          <li id="manage"><a href="registry">Manage</a></li>
        </ul>
      </li>
    </ul>
  </li>
  <li id="foundation"><a href="http://www.openpkg.net/">OpenPKG Foundation</a>
    <ul>
      <li id="foundation"><a href="">Foundation</a>
        <ul>
          <li id="summary"><a href="foundation/summary.html">Contacts</a></li>
          <li id="board"><a href="foundation/board.html">Board of Directors</a></li>
          <li id="constitution"><a href="foundation/constitution.html">Constitution</a></li>
          <li id="bylaws"><a href="foundation/bylaws.html">Bylaws</a></li>
          <li id="kickoff"><a href="foundation/kickoff.html">Kickoff</a></li>
          <li id="sponsors"><a href="foundation/sponsors.html">Sponsors</a></li>
          <li id="history"><a href="foundation/history.html">History</a></li>
        </ul>
      </li>
      <li id="department"><a href="department/">Department</a>
        <ul>
          <li id="lf"><a href="lf.html">Legal &amp; Finance</a></li>
          <li id="sp"><a href="sp.html">Strategy &amp; Planning</a></li>
          <li id="rd"><a href="rd.html">Research &amp; Development</a></li>
          <li id="ep"><a href="ep.html">Engineering &amp; Production</a></li>
          <li id="sm"><a href="sm.html">Service &amp; Maintenance</a></li>
          <li id="io"><a href="io.html">Infrastructure &amp; Operations</a></li>
        </ul>
      </li>
      <li id="member"><a href="member/">Member</a>
        <ul>
          <li id="join"><a href="join.html">Join the Club!</a></li>
          <li id="founders"><a href="founders.html">List of Founders</a></li>
          <li id="members"><a href="members.html">List of Members</a></li>
          <li id="fellows"><a href="fellows.html">List of Fellows</a></li>
          <li id="halloffame"><a href="halloffame.html">Hall of Fame</a></li>
        </ul>
      </li>
      <li id="document"><a href="document/">Documents</a>
        <ul>
          <li id="pr"><a href="pr/">Press Releases</a></li>
          <li id="report"><a href="report/">Half-Year Reports</a></li>
          <li id="minute"><a href="minute/">Meeting Minutes</a></li>
        </ul>
      </li>
      <li id="service"><a href="service/">Service</a>
        <ul>
          <li id="irc"><a href="irc.html">Internet Relay Chat</a></li>
          <li id="sf"><a href="sf.html">Server Farm</a></li>
          <li id="bf"><a href="bf.html">Build Farm</a></li>
        </ul>
      </li>
      <li id="website"><a href="website/">Website</a>
        <ul>
          <li id="about"><a href="about.html">About</a></li>
          <li id="search"><a href="search.html">Search</a></li>
          <li id="imprint"><a href="imprint.html">Imprint</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
</div>

<script language="php">
  divert_end();
  $html = undivert("navbar");
a78 2
  $id = array("navbar");
  $url = array();
d82 1
a82 1
          $prefix = count($id) == 0 ? "" : implode(".", $id) . ".";
d84 1
a84 1
          if (preg_match("/^$prefix/", "navbar." . $path)) {
d87 1
a87 16
          array_push($id, $match[1]);
          $html[$i] = preg_replace("/(<li id=\")(.+?\")(>)/", "$1$prefix$2 style=\"$style\"$3", $html[$i]);
      }
      if (preg_match("/<a href=\"(.*?)\">/", $html[$i], $match)) {
          $prefix = "";
          for ($j = count($url)-1; $j >= 0; $j--) {
              $prefix = $url[$j] . $prefix;
              if (preg_match("/^https?:/", $url[$j]))
                  break;
          }
          array_push($url, $match[1]);
          $html[$i] = preg_replace("/(<a href=\")(.*?\">)/", "$1$prefix$2", $html[$i]);
      }
      if (preg_match("/<\/li>/", $html[$i])) {
          array_pop($id);
          array_pop($url);
d93 2
a94 1
  divert("canvas-right");
d96 1
@