diff options
-rw-r--r-- | application/layouts/default.phtml | 16 | ||||
-rw-r--r-- | application/modules/dev/Bootstrap.php | 9 | ||||
-rw-r--r-- | application/modules/dev/layouts/dev.phtml | 44 | ||||
-rw-r--r-- | application/modules/fbgui/layouts/fbgui.phtml | 1 | ||||
-rw-r--r-- | application/modules/user/Bootstrap.php | 9 | ||||
-rw-r--r-- | application/modules/user/layouts/user.phtml | 48 | ||||
-rw-r--r-- | public/media/css/style.css | 179 | ||||
-rw-r--r-- | public/media/img/navigationLevel0.gif | bin | 0 -> 55 bytes | |||
-rw-r--r-- | public/media/img/navigationLevel1.gif | bin | 0 -> 69 bytes | |||
-rw-r--r-- | public/media/img/navigationLevel2.gif | bin | 0 -> 859 bytes | |||
-rw-r--r-- | public/media/js/script.js | 11 |
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 Binary files differnew file mode 100644 index 0000000..16718a7 --- /dev/null +++ b/public/media/img/navigationLevel0.gif diff --git a/public/media/img/navigationLevel1.gif b/public/media/img/navigationLevel1.gif Binary files differnew file mode 100644 index 0000000..5b2c0e4 --- /dev/null +++ b/public/media/img/navigationLevel1.gif diff --git a/public/media/img/navigationLevel2.gif b/public/media/img/navigationLevel2.gif Binary files differnew file mode 100644 index 0000000..d97f2d4 --- /dev/null +++ b/public/media/img/navigationLevel2.gif 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'); + } + }); +}); |