summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--application/layouts/default.phtml16
-rw-r--r--application/modules/dev/Bootstrap.php9
-rw-r--r--application/modules/dev/layouts/dev.phtml44
-rw-r--r--application/modules/fbgui/layouts/fbgui.phtml1
-rw-r--r--application/modules/user/Bootstrap.php9
-rw-r--r--application/modules/user/layouts/user.phtml48
-rw-r--r--public/media/css/style.css179
-rw-r--r--public/media/img/navigationLevel0.gifbin0 -> 55 bytes
-rw-r--r--public/media/img/navigationLevel1.gifbin0 -> 69 bytes
-rw-r--r--public/media/img/navigationLevel2.gifbin0 -> 859 bytes
-rw-r--r--public/media/js/script.js11
11 files changed, 217 insertions, 100 deletions
diff --git a/application/layouts/default.phtml b/application/layouts/default.phtml
index abb2347..463be5d 100644
--- a/application/layouts/default.phtml
+++ b/application/layouts/default.phtml
@@ -15,21 +15,17 @@ echo $this->headScript()."\n";
?>
<script src='/media/js/jquery.min.js'></script>
<script src='/media/js/jquery-ui.min.js'></script>
+<script src='/media/js/script.js'></script>
</head>
<body>
<div id='sidepannel'>
<div id="logo"><div id="logo-bar-gray"></div></div>
- <div id="sidepannel-top">
- <ul>
- <li>Controller:
- <ul>
- <li><a href='/dev'>Dev</a></li>
- <li><a href='/user'>User</a></li>
- <li><a href='/fbgui'>fbgui</a></li>
- </li>
-
+ <div id="sidepannel-top" class='portletNavigationTree'>
+ <ul class='navTreeLevel0'>
+ <li class='navTreeItem'><a href='/dev/'>dev</a></li>
+ <li class='navTreeItem'><a href='/user/'>user</a></li>
+ <li class='navTreeItem'><a href='/fbgui/'>fbgui</a></li>
</ul>
-</ul>
</div>
</div>
<div id='main'>
diff --git a/application/modules/dev/Bootstrap.php b/application/modules/dev/Bootstrap.php
index 24c7aa9..40d27bb 100644
--- a/application/modules/dev/Bootstrap.php
+++ b/application/modules/dev/Bootstrap.php
@@ -1,5 +1,12 @@
<?php
class dev_Bootstrap extends Zend_Application_Module_Bootstrap
{
-
+ function _initViewHelpers()
+ {
+ $this->bootstrap('layout');
+
+ $layout = $this->getResource('layout');
+ $view = $layout->getView();
+ $view->headLink()->appendStylesheet('/media/css/dev.css');
+ }
}
diff --git a/application/modules/dev/layouts/dev.phtml b/application/modules/dev/layouts/dev.phtml
index 3fd2971..29b5306 100644
--- a/application/modules/dev/layouts/dev.phtml
+++ b/application/modules/dev/layouts/dev.phtml
@@ -15,34 +15,36 @@ echo $this->headScript()."\n";
?>
<script src='/media/js/jquery.min.js'></script>
<script src='/media/js/jquery-ui.min.js'></script>
+<script src='/media/js/script.js'></script>
</head>
<body>
<div id='sidepannel'>
<div id="logo"><div id="logo-bar-gray"></div></div>
- <div id="sidepannel-top">
- <h1><a href=/><</a> <a href=/dev>dev</a></h1>
- <ul>
- <li>Controller:
- <ul>
- <li><a href='/dev/person'>Person</a></li>
- <li><a href='/dev/group'>Group</a></li>
- <li><a href='/dev/role'>Role</a></li>
- <li><a href='/dev/bootiso'>BootIso</a></li>
- <li><a href='/dev/preboot'>Preboot</a></li>
- <li><a href='/dev/bootmenu'>BootMenu</a></li>
- <li><a href='/dev/config'>Config</a></li>
- <li><a href='/dev/bootos'>BootOs</a></li>
- <li><a href='/dev/client'>Client</a></li>
- <li><a href='/dev/filter'>Filter</a></li>
- <li><a href='/dev/pool'>Pool</a></li>
- <li><a href='/dev/session'>Session</a></li>
+ <div id="sidepannel-top" class='portletNavigationTree'>
+ <ul class='navTreeLevel0'>
+ <li class='navTreeItem'><a href='/'><<</a></li>
+ <li class='navTreeItem'><a href='/dev/'>dev</a></li>
+ <li>
+ <ul class='navTreeLevel1'>
+ <li class='navTreeItem'><a href='/dev/person'>Person</a></li>
+ <li class='navTreeItem'><a href='/dev/group'>Group</a></li>
+ <li class='navTreeItem'><a href='/dev/role'>Role</a></li>
+ <li class='navTreeItem'><a href='/dev/bootiso'>BootIso</a></li>
+ <li class='navTreeItem'><a href='/dev/preboot'>Preboot</a></li>
+ <li class='navTreeItem'><a href='/dev/bootmenu'>BootMenu</a></li>
+ <li class='navTreeItem'><a href='/dev/config'>Config</a></li>
+ <li class='navTreeItem'><a href='/dev/bootos'>BootOs</a></li>
+ <li class='navTreeItem'><a href='/dev/client'>Client</a></li>
+ <li class='navTreeItem'><a href='/dev/filter'>Filter</a></li>
+ <li class='navTreeItem'><a href='/dev/pool'>Pool</a></li>
+ <li class='navTreeItem'><a href='/dev/session'>Session</a></li>
<?php if (!Zend_Auth::getInstance()->hasIdentity()) {?>
- <li><a href='/dev/auth/login'>Login</a></li>
- <li><a href='/dev/auth/register'>Register</a></li>
+ <li class='navTreeItem'><a href='/dev/auth/login'>Login</a></li>
+ <li class='navTreeItem'><a href='/dev/auth/register'>Register</a></li>
<?php
} else {?>
- <li><a href='/dev/auth/delete'>Account Löschen</a></li>
- <li><a href='/dev/auth/logout'>Logout</a></li>
+ <li class='navTreeItem'><a href='/dev/auth/delete'>Account Löschen</a></li>
+ <li class='navTreeItem'><a href='/dev/auth/logout'>Logout</a></li>
<?php
}
?>
diff --git a/application/modules/fbgui/layouts/fbgui.phtml b/application/modules/fbgui/layouts/fbgui.phtml
index 93159b6..3e20794 100644
--- a/application/modules/fbgui/layouts/fbgui.phtml
+++ b/application/modules/fbgui/layouts/fbgui.phtml
@@ -15,6 +15,7 @@ echo $this->headScript()."\n";
?>
<script src='/media/js/jquery.min.js'></script>
<script src='/media/js/jquery-ui.min.js'></script>
+<script src='/media/js/script.js'></script>
</head>
<body>
<div id='sidepannel'>
diff --git a/application/modules/user/Bootstrap.php b/application/modules/user/Bootstrap.php
index 59383f9..2901e77 100644
--- a/application/modules/user/Bootstrap.php
+++ b/application/modules/user/Bootstrap.php
@@ -1,5 +1,12 @@
<?php
class user_Bootstrap extends Zend_Application_Module_Bootstrap
{
-
+ function _initViewHelpers()
+ {
+ $this->bootstrap('layout');
+
+ $layout = $this->getResource('layout');
+ $view = $layout->getView();
+ $view->headLink()->appendStylesheet('/media/css/user.css');
+ }
}
diff --git a/application/modules/user/layouts/user.phtml b/application/modules/user/layouts/user.phtml
index d792bcd..c7f54dc 100644
--- a/application/modules/user/layouts/user.phtml
+++ b/application/modules/user/layouts/user.phtml
@@ -14,40 +14,40 @@ echo $this->headLink()."\n";
echo $this->headScript()."\n";
?>
<script src='/media/js/jquery.min.js'></script>
-<script src='/media/js/jquery-ui.min.js'></script>
+<script src='/media/js/jquery-ui.min.js'></script>
+<script src='/media/js/script.js'></script>
</head>
<body>
<div id='sidepannel'>
<div id="logo"><div id="logo-bar-gray"></div></div>
- <div id="sidepannel-top">
- <h1><a href=/><</a> <a href=/user/>user</a></h1>
- <ul>
- <li>Controller:
- <ul>
- <li><a href='/user/person'>Person</a></li>
- <li><a href='/user/group'>Group</a></li>
- <li><a href='/user/role'>Role</a></li>
- <li><a href='/user/bootiso'>BootIso</a></li>
- <li><a href='/user/bootmenu'>BootMenu</a></li>
- <li><a href='/user/config'>Config</a></li>
- <li><a href='/user/bootos'>BootOs</a></li>
- <li><a href='/user/client'>Client</a></li>
- <li><a href='/user/filter'>Filter</a></li>
- <li><a href='/user/pool'>Pool</a></li>
- <li><a href='/user/auth'>Auth</a></li>
+ <div id="sidepannel-top" class='portletNavigationTree'>
+ <ul class='navTreeLevel0'>
+ <li class='navTreeItem'><a href='/'><<</a></li>
+ <li class='navTreeItem'><a href='/user/'>user</a></li>
+ <li>
+ <ul class='navTreeLevel1'>
+ <li class='navTreeItem'><a href='/user/person'>Person</a></li>
+ <li class='navTreeItem'><a href='/user/group'>Group</a></li>
+ <li class='navTreeItem'><a href='/user/role'>Role</a></li>
+ <li class='navTreeItem'><a href='/user/bootiso'>BootIso</a></li>
+ <li class='navTreeItem'><a href='/user/bootmenu'>BootMenu</a></li>
+ <li class='navTreeItem'><a href='/user/config'>Config</a></li>
+ <li class='navTreeItem'><a href='/user/bootos'>BootOs</a></li>
+ <li class='navTreeItem'><a href='/user/client'>Client</a></li>
+ <li class='navTreeItem'><a href='/user/filter'>Filter</a></li>
+ <li class='navTreeItem'><a href='/user/pool'>Pool</a></li>
+ <li class='navTreeItem'><a href='/user/auth'>Auth</a></li>
<?php if (!Zend_Auth::getInstance()->hasIdentity()) {?>
- <li><a href='/user/auth/login'>Login</a></li>
- <li><a href='/user/auth/register'>Register</a></li>
+ <li class='navTreeItem'><a href='/user/auth/login'>Login</a></li>
+ <li class='navTreeItem'><a href='/user/auth/register'>Register</a></li>
<?php
} else {?>
- <li><a href='/user/auth/delete'>Account Löschen</a></li>
- <li><a href='/user/auth/logout'>Logout</a></li>
+ <li class='navTreeItem'><a href='/user/auth/delete'>Account Löschen</a></li>
+ <li class='navTreeItem'><a href='/user/auth/logout'>Logout</a></li>
<?php
}
?>
- </ul>
- </li>
-
+ </ul></li>
</ul>
</ul>
</div>
diff --git a/public/media/css/style.css b/public/media/css/style.css
index 644f0c2..d947146 100644
--- a/public/media/css/style.css
+++ b/public/media/css/style.css
@@ -34,30 +34,9 @@ body {
#sidepannel {
float: left;
+ font-size:12px;
}
-#sidepannel li {
- font-size: 11.5px;
- padding-top: 2px;
-}
-
-#sidepannel ul {
- padding-left: 22px;
-}
-
-#sidepannel ul {
- font-weight: bold;
-}
-
-#sidepannel ul.inner-ul {
- font-weight: normal;
-}
-
-#sidepannel li.li-selected {
- font-style: italic;
- font-weight: bold;
- color: #000033;
-}
#footer {
position: fixed;
@@ -154,29 +133,143 @@ body {
}
/* ###################################################### */
-#nav {
- border-bottom: 1px solid #000;
- border-top: 1px solid #000;
- background-color: #CCE7FF;
- padding: 5px 10px;
-}
+.portletNavigationTree {
+ width: 180px;
+ padding: 0;
+ margin: 0 0 21px 0;
+ background-color: #ffffff;
+ border-bottom: none;
+ overflow: hidden;
+ }
+
+.portletNavigationTree .portletItem {
+ border-left: none;
+ border-right: none;
+ }
+
+.portletNavigationTree dt {
+ display: none;
+ }
+
+.portletNavigationTree ul,
+.portletNavigationTree ul li,
+.portletNavigationTree dd,
+.portletNavigationTree div {
+ margin: 0;
+ padding: 0;
+ }
-#nav ul {
- margin: 2px;
- padding: 8px;
-}
+.portletNavigationTree ul li {
+ margin: 0;
+ border-bottom: 1px solid #fff;
+ list-style: none;
+ }
-#nav li {
- display: inline;
- list-style-type: none;
- padding-right: 10px;
- font-family: verdana;
- font-size: 12px;
-}
+.portletNavigationTree ul li.navTreeLastItem {
+ border-bottom: none;
+ }
-#nav li a {
- color: #000;
-}
+.portletNavigationTree li.navTreeItem a {
+ display: block;
+ width: auto;
+ padding: 3px 0;
+ margin: 0;
+ text-decoration: none;
+ color: #363534;
+ background: #c9cac8;
+ }
+
+
+/* - navTreeLevel0 - */
+.portletNavigationTree ul.navTreeLevel0 a {
+ padding-left: 4px;
+ }
+
+.portletNavigationTree ul.navTreeLevel0 a:hover {
+ background: #004a99;
+ color: #fff;
+ }
+
+.portletNavigationTree ul.navTreeLevel0 a.navTreeCurrentItem {
+ background: #004a99 !important;
+ color: #fff;
+ margin-left: 0px;
+ padding-left: 4px;
+ }
+
+.portletNavigationTree ul.navTreeLevel0 li {
+ background: url(/media/img/navigationLevel0.gif) repeat-y left top #c9cac8;
+ padding-left: 4px;
+ }
+
+
+/* - navTreeLevel1 - */
+.portletNavigationTree ul.navTreeLevel1 {
+ /* border-top: 1px solid #fff; */
+ margin: 0 0 0 0px;
+ }
+
+.portletNavigationTree ul.navTreeLevel1 a {
+ background: #d5d6d2;
+ color: #363534;
+ padding-left: 4px;
+ }
+
+.portletNavigationTree ul.navTreeLevel1 a:hover {
+ background: #2a6ebb;
+ color: #fff;
+ }
+
+.portletNavigationTree ul.navTreeLevel1 li {
+ background: url(/media/img/navigationLevel1.gif) repeat-y 0px top;
+ }
+
+.portletNavigationTree ul.navTreeLevel1 a.navTreeCurrentItem {
+ background: #2a6ebb !important;
+ color: #fff;
+ margin-left: 0px;
+ }
+
+.portletNavigationTree ul.navTreeLevel1 li.navTreeLastItem {
+ border-bottom: none;
+ }
+
+
+/* - navTreeLevel2 - */
+.portletNavigationTree ul.navTreeLevel2 {
+ border-top: 1px solid #fff;
+ margin: 0;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 a {
+ background: #e0e1dd;
+ margin-left: 0px;
+ padding-left: 4px;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 a:hover {
+ background: #6f9ad3;
+ color: #fff;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 li {
+ background: url(/media/img/navigationLevel2.gif) repeat-y left top;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 li.navTreeLastItem {
+ border: none;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 a.navTreeCurrentItem {
+ background: #6f9ad3 !important;
+ color: #fff !important;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 a.navTreeItemInPath {
+ background: #6f9ad3 !important;
+ color: #fff !important;
+ }
+/* ################################################### */
#content h1 {
display: block;
@@ -339,4 +432,4 @@ td.action img {
background: #FFFFFF url('/media/img/box_info.png') no-repeat;
background-position: 10px center;
color: #777;
-} \ No newline at end of file
+}
diff --git a/public/media/img/navigationLevel0.gif b/public/media/img/navigationLevel0.gif
new file mode 100644
index 0000000..16718a7
--- /dev/null
+++ b/public/media/img/navigationLevel0.gif
Binary files differ
diff --git a/public/media/img/navigationLevel1.gif b/public/media/img/navigationLevel1.gif
new file mode 100644
index 0000000..5b2c0e4
--- /dev/null
+++ b/public/media/img/navigationLevel1.gif
Binary files differ
diff --git a/public/media/img/navigationLevel2.gif b/public/media/img/navigationLevel2.gif
new file mode 100644
index 0000000..d97f2d4
--- /dev/null
+++ b/public/media/img/navigationLevel2.gif
Binary files differ
diff --git a/public/media/js/script.js b/public/media/js/script.js
new file mode 100644
index 0000000..7b6c2cd
--- /dev/null
+++ b/public/media/js/script.js
@@ -0,0 +1,11 @@
+$(document).ready(function(){
+ path = window.location.pathname.split('/');
+ mypath= '/'+path[1]+'/'+path[2];
+ $('.portletNavigationTree a').each(function(){
+ if($(this).attr('href') == mypath){
+ /*console.log($(this).parent());*/
+ $(this).addClass('navTreeCurrentNode');
+ $(this).addClass('navTreeCurrentItem');
+ }
+ });
+});