Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Mirrors
biopet.biopet
Commits
bfa0a94d
Commit
bfa0a94d
authored
Jun 07, 2015
by
Peter van 't Hof
Browse files
Fix / add bootstrap menu
parent
3965ec63
Changes
2
Hide whitespace changes
Inline
Side-by-side
public/biopet-framework/src/main/resources/nl/lumc/sasc/biopet/core/report/ext/css/bootstrap_dashboard.css
View file @
bfa0a94d
...
...
@@ -107,4 +107,59 @@ body {
.placeholder
img
{
display
:
inline-block
;
border-radius
:
50%
;
}
\ No newline at end of file
}
/*
* dropdown menu
*/
.dropdown-submenu
{
position
:
relative
;
}
.dropdown-submenu
>
.dropdown-menu
{
top
:
0
;
left
:
100%
;
margin-top
:
-6px
;
margin-left
:
-1px
;
-webkit-border-radius
:
0
6px
6px
6px
;
-moz-border-radius
:
0
6px
6px
6px
;
border-radius
:
0
6px
6px
6px
;
}
.dropdown-submenu
:hover
>
.dropdown-menu
{
display
:
block
;
}
.dropdown-submenu
>
a
:after
{
display
:
block
;
content
:
" "
;
float
:
right
;
width
:
0
;
height
:
0
;
border-color
:
transparent
;
border-style
:
solid
;
border-width
:
5px
0
5px
5px
;
border-left-color
:
#cccccc
;
margin-top
:
5px
;
margin-right
:
-10px
;
}
.dropdown-submenu
:hover
>
a
:after
{
border-left-color
:
#ffffff
;
}
.dropdown-submenu
.pull-left
{
float
:
none
;
}
.dropdown-submenu.pull-left
>
.dropdown-menu
{
left
:
-100%
;
margin-left
:
10px
;
-webkit-border-radius
:
6px
0
6px
6px
;
-moz-border-radius
:
6px
0
6px
6px
;
border-radius
:
6px
0
6px
6px
;
}
.root
:hover
>
.dropdown-menu
{
display
:
block
;
}
\ No newline at end of file
public/biopet-framework/src/main/resources/nl/lumc/sasc/biopet/core/report/main.ssp
View file @
bfa0a94d
...
...
@@ -8,11 +8,11 @@
<
%@
var
args:
Map
[
String
,
Any
]
%
>
<
%@
var
rootPath:
String
%
>
#{
def createMenu(page: ReportPage, path: List[String] = Nil): String = {
def createMenu(page: ReportPage, path: List[String] = Nil
, first: Boolean = true
): String = {
val buffer: StringBuffer = new StringBuffer()
if (page.subPages.size >
2
){
buffer.append("
<ul
class=
\"dropdown-menu\"
role=
\"menu\"
>
")
if (page.subPages.size >
0
){
buffer.append("
<ul
class=
\"dropdown-menu\"
>
")
}
for (subPage
<-
page.subPages
)
{
...
...
@@ -21,11 +21,15 @@
else
rootPath
+
path.mkString
("","/","/")
+
subPage._1
+
"/
index.html
"
}
buffer.append
("<
li
><a
href=
\""
+
href
+
"\"
>
" + subPage._1 + "
</a>
")
buffer.append(createMenu(subPage._2, path ::: subPage._1 :: Nil))
buffer.append
("<
li
")
if
(
subPage._2.subPages.size
>
0) buffer.append(" class=\"dropdown-submenu\"")
buffer.append(">
<a
href=
\""
+
href
+
"\"")
if
(
first
)
buffer.append
("
tabindex=
\"-1\"")
buffer.append
("
>
" + subPage._1 + "
</a>
")
buffer.append(createMenu(subPage._2, path ::: subPage._1 :: Nil, false))
buffer.append("
</li>
")
}
if(page.subPages.size >
2
) {
if(page.subPages.size >
0
) {
buffer.append("
</ul>
\n")
}
buffer.toString
...
...
@@ -46,31 +50,42 @@
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
>
<div
class=
"container"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle collapsed"
data-toggle=
"collapse"
data-target=
"#navbar"
aria-expanded=
"false"
aria-controls=
"navbar"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
".navbar-ex1-collapse"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"${rootPath}index.html"
>
Biopet report
</a>
<ul
class=
"nav navbar-nav"
>
<li
class=
"root #if (path.size == 0) active #end"
>
<a
class=
"navbar-brand"
href=
"${rootPath}index.html"
>
Biopet report
#if (indexPage.subPages.size > 0)
<b
class=
"caret"
></b>
#end
</a>
${unescape(createMenu(indexPage))}
</li>
</ul>
</div>
<div
id=
"navbar"
class=
"collapse navbar-collapse"
>
<div
class=
"collapse navbar-collapse navbar-ex1-collapse"
>
<ul
class=
"nav navbar-nav"
>
<!-- ${path.size} //-->
<!-- ${path} //-->
#for (t
<-
0
to
path.size
)
#for (t
<-
1
to
path.size
)
#if(t =
=
0)
<
li
>
<a
href=
"${rootPath}index.html"
>
Home
</a>
<
li
class=
"root"
>
<a
href=
"${rootPath}index.html"
>
Home
#if (indexPage.subPages.size > 0)
<b
class=
"caret"
></b>
#end
</a>
${unescape(createMenu(indexPage))}
</li>
${unescape(createMenu(indexPage))}
#else
<!-- sub from the page, should only fetch last item in list
<a href="${rootPath}${path.slice(0,t).mkString("", "/", "/")}index.html">${path( t - 1 )}</a>
${unescape(createMenu(getSubPage(path.slice(0, t)), path.slice(0, t)))}
//-->
<li
class=
"root #if (t == path.size) active #end"
>
<a
href=
"${rootPath}${path.slice(0,t).mkString("
",
"/",
"/")}
index.html
"
>
${path( t - 1 )}
#if (getSubPage(path.slice(0, t)).subPages.size > 0)
<b
class=
"caret"
></b>
#end
</a>
${unescape(createMenu(getSubPage(path.slice(0, t)), path.slice(0, t)))}
</li>
#end
#end
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment