From: Philippe Chauvat <philippe@baculasystems.com>
Date: Thu, 24 Oct 2013 14:24:20 +0000 (+0200)
Subject: HTML layout modification and menu behavior.
X-Git-Url: https://git.sur5r.net/?a=commitdiff_plain;h=f61da916be83cce18f532c1aefabc89f7243a3c2;p=bacula%2Fdocs

HTML layout modification and menu behavior.
---

diff --git a/docs/manuals/en/css/bsys.css b/docs/manuals/en/css/bsys.css
index 81dbed1f..664bc2d9 100644
--- a/docs/manuals/en/css/bsys.css
+++ b/docs/manuals/en/css/bsys.css
@@ -1,3 +1,45 @@
+/* General setup */
+pre {
+    background: #EEEEEE ;
+    font-family: monospace ;
+    font-size: 0.9em ;
+    letter-spacing:0.1em ;
+}
+h1 {
+    color: #ef0020 ;
+}
+dt {
+    color: #333333 ;
+    text-decoration: underline ;
+    letter-spacing: 0.05em;
+}
+table {
+    width: 100% ;
+    border-style: none ;
+}
+td {
+    text-align: center ;
+    border-style: none ;
+}
+tr {
+    background: #FFE6E3 ;
+}
+ul ul {
+    display: none;
+    position: absolute;
+    left: 150px;
+    top: 0px;
+    margin: 0px;
+    padding: 0px;
+    background-color: #EEEEEE ;
+    /* border-style: solid ; */
+    /* border-width: 1px ; */
+    /* border-color: red ; */
+    z-index: 1 ;
+    padding: 2px ;
+
+}
+/* Main page */
 .bsys_mainpageclass {
     width: 100% ;
 }
@@ -6,7 +48,6 @@
     padding: 0px ;
     padding-bottom: 10px ;
     background: black ;
-//lightgray ;
 }
 #bsys_logo {
     padding-top: 10px ;
@@ -18,57 +59,15 @@
     margin-top: 45px ;
     float: right ;
 }
-div.leftnavigationid li {
-    list-style-type: none ;
-}
-.bsys_breadnsearchclass {
-    background: #ef0020 ;
-    color: white ;
-    padding-right: 10px ;
-    padding-left: 10px ;
-    padding-top: 15px ;
-    padding-bottom: 2px ;
-}
-.bsys_breadcrumbscontentclass {
-    color: white ;
-    font-size: 0.8em ;
-}
-.bsys_breadcrumbscontentclass li {
-    display: inline ;
-}
-.bsys_breadcrumbscontentclass li:before {
-    content: " / " ;
-    color: white ;
-    font-style: normal ;
-    font-weight: bold ;
-}
-.bsys_breadcrumbscontentclass a {
-    color:white ;
-}
-.bsys_searchclass {
-    float: right ;    
-    font-weight: bold ;
-    font-style: italic ;
-    font-size: 0.95em ;
-    display: none ;
-}
-.bsys_searchtitleclass {
-    padding-right: 8px ;
-    display: none ;
+
+.bsys_contentclass p {
+    text-align: justify;
 }
 .expochar {
     font-size: 0.9em ;
     vertical-align: top ;
 }
-.bsys_leftnavigationclass {
-    float: left ;
-    width: 300px ;
-    padding-right: 15px ;
-    font-size: 0.8em ;
-    border-right-style: solid ;
-    border-right-color: #ef0020 ;
-    border-right-width: 1px ;
-}
+/* Main content */
 .bsys_contentclass {
     width: 60% ;
     margin-left: 400px ;
@@ -87,48 +86,102 @@ div.leftnavigationid li {
 address {
     text-align: right ;
 }
-.bsys_leftnavigationclass a {
+/* Left menu */
+#bsys_leftnavigationid {
+    float: left ;
+    width: 300px ;
+    padding-right: 15px ;
+    font-size: 0.8em ;
+    border-right-style: solid ;
+    border-right-color: #ef0020 ;
+    border-right-width: 1px ;
+}
+#bsys_leftnavigationid a {
     color: #666666 ;
     font-weight: bold ;
     font-size: 0.85em ;
     text-decoration: none ;
 }
-.bsys_leftnavigationclass li {
+/* All lists in the menu */
+#childlinksid li {
     list-style-type: none ;
+    position: relative;
+    width: 250px;
+}
+/* Lists at the top first level */
+#childlinksid li.level1  {
     list-style-image: url(../images/right.png);
-    /* border-style: solid ; */
-    /* border-color: green ; */
-    /* border-width: 1px ; */
+    background-color: #FFFFFF ;
 }
-.expandingMenuNotSelected {
+#childlinksid > li:active.liplus {
+    list-style-image: url(../images/down.png);
 }
-.expandingMenuSelected {
+#childlinksid li:hover a:hover {
+    color: red ;
 }
-.bsys_contentclass p {
-    text-align: justify;
+#childlinksid  li > ul {
+  display:none;
+  background-color: #EEEEEE ;
+  border-style: solid ;
+  border-width: 1px ;
+  border-color: #999999 ;
 }
-pre {
-    background: #EEEEEE ;
-    font-family: monospace ;
-    font-size: 0.9em ;
-    letter-spacing:0.1em ;
+#childlinksid li:hover > ul {
+    display:block;
 }
-h1 {
-    color: #ef0020 ;
+#childlinksid li:hover ul li {
+    list-style-image: none ;
 }
-dt {
-    color: #333333 ;
-    text-decoration: underline ;
-    letter-spacing: 0.05em;
+#childlinksid li > ul > li { 
+  margin: 5px ;
+  background-color: inherit ;
+    list-style-type: none ;
 }
-table {
-    width: 100% ;
-    border-style: none ;
+#childlinksid li > ul > li > a { 
+  padding: 2px ;
+  margin: 2px ;
+  background-color: inherit ;
 }
-td {
-    text-align: center ;
-    border-style: none ;
+#childlinksid li > li.liplus { 
+  padding-bottom: 2px ;
+  border-bottom: 3px solid green ; /* #FFDDDD ; */
+}
+
+/* Breadcrumbs and search div */
+.bsys_breadnsearchclass {
+    background: #ef0020 ;
+    color: white ;
+    padding-right: 10px ;
+    padding-left: 10px ;
+    padding-top: 15px ;
+    padding-bottom: 2px ;
+}
+/* Breadcrumbs */
+.bsys_breadcrumbscontentclass {
+    color: white ;
+    font-size: 0.8em ;
+}
+.bsys_breadcrumbscontentclass li {
+    display: inline ;
+}
+.bsys_breadcrumbscontentclass li:before {
+    content: " / " ;
+    color: white ;
+    font-style: normal ;
+    font-weight: bold ;
+}
+.bsys_breadcrumbscontentclass a {
+    color:white ;
+}
+/* Search when it will be set up and available */
+.bsys_searchclass {
+    float: right ;    
+    font-weight: bold ;
+    font-style: italic ;
+    font-size: 0.95em ;
+    display: none ;
+}
+.bsys_searchtitleclass {
+    padding-right: 8px ;
+    display: none ;
 }
-tr {
-    background: #FFE6E3 ;
-}
\ No newline at end of file
diff --git a/docs/tools/translatedoc.pl b/docs/tools/translatedoc.pl
index 2f75ea98..4b11848e 100755
--- a/docs/tools/translatedoc.pl
+++ b/docs/tools/translatedoc.pl
@@ -326,6 +326,8 @@ $childlinks->attr('id','childlinksid') ;
 #
 # This counter is for generating unique identifiers
 my $ulcounter = 1 ;
+my $ullevelcounter = 0 ;
+my $ulpreviousdepth = 0 ;
 #
 # Browse all the <ul name="ChildLinks"> node
 # ------------------------------------------
@@ -341,18 +343,26 @@ foreach my $d ($childlinks->descendants()) {
     #
     # <ul>s represent "openable" menus
     elsif ($tag =~ /ul/) {
+	if ($d->depth() > $ulpreviousdepth) {
+	    $ullevelcounter++ ;
+	}
+	else {
+	    $ullevelcounter-- ;
+	}
+	$ulpreviousdepth=$d->depth() ;
 	#
 	# We need to identify uniquely this <ul> start tag to be able to "open" or "close" it
+	my $ullevel= 'level' . $ullevelcounter ;
 	my $idf = 'bsys_ul_' . $ulcounter++ ;
-	$d->attr('class','expandingMenu expandingMenuNotSelected') ;
+	$d->attr('class',$ullevel . ' expandingMenu expandingMenuNotSelected') ;
 	$d->attr('id', $idf) ;
-	$d->attr('style','display: none;') ;
+#	$d->attr('style','display: none;') ;
 	#
 	# We now are knowing the previous <li> tag is a (sub)menu header too
 	# Adding the "onclick" behavior
 	my $previoustagli = $d->look_up('_tag','li') ; # <li> just above
-	$previoustagli->attr('onmouseover',"over_expandingMenuHeader(this,\'" . $idf . "\')") ;
-	$previoustagli->attr('onmouseout',"out_expandingMenuHeader(this,\'" . $idf . "\')") ;
+	$previoustagli->attr('pct_onmouseover',"over_expandingMenuHeader(this,\'" . $idf . "\')") ;
+	$previoustagli->attr('pct_onmouseout',"out_expandingMenuHeader(this,\'" . $idf . "\')") ;
 	my $previoustaga = $d->left('_tag','a') ; # <a> just above
 	$previoustaga->attr('onclick',"menuonclick(this);") ;
 	#