<script src="../js/less-1.7.0.min.js" th:remove="all"></script>
</head>
<body
+ juplo:variables="${json}"
th:with="page=${pages.get(uri)},crumbs=${page['crumbs']}"
id="top"
class="menu"
<h1 class="nav">Navigation</h1>
<h2 class="nav menu">Section-Menu</h2>
<ul id="menu" class="cf">
- <li class="m blog" th:each="entry : ${sections}" th:class="'m ' + ${entry.value.key}">
- <a href="../blog.html" th:href="@{${entry.key}}" class="m" th:class="${entry.key == section.uri} ? 'm selected' : 'm'" th:text="${entry.value.name}">Blog</a>
+ <li class="m blog" th:each="entry : ${sections}" th:class="'m ' + ${entry.key}">
+ <a href="../blog.html" th:href="@{${entry.value}}" class="m" th:class="${entry.value == section.uri} ? 'm selected' : 'm'" th:text="${pages.get(entry.value).name}">Blog</a>
</li>
<!--/*-->
<li class="m projects"><a href="../projects" class="m selected">Projects</a></li>
</h2>
<ul layout:fragment="submenu"
th:with="
+ len=${crumbs.size()},
submenu=${pages[section.uri]['childs']},
parent=${crumbs[0].uri},
pos=1"
id="submenu"
class="s"
+ th:class="'s' + (${len == 1 or (len == 2 and page['childs'] == null)} ? ' selected' : '')"
>
<li th:fragment="submenu(submenu, parent, pos)"
th:each="entry : ${submenu}"
th:with="
- child=${pos == crumbs.size()},
+ child=${pos == len},
selected=${!child and crumbs.get(pos).uri == entry.key},
- sibling=${pos + 1 == crumbs.size() and (page['childs'] == null or uri == parent)},
+ sibling=${pos + 1 == len and (page['childs'] == null or uri == parent)},
childs=${entry.key == parent ? null : pages[entry.key]['childs']}
"
class="s sub"
>fix-swf</a>
<ul th:if="${selected and childs != null}"
class="s active"
- th:class="${selected} ? 's active' : 's'"
+ th:class="'s' + (${selected} ? ' active' : '') + (${entry.key == uri or (len > 1 and entry.key == crumbs.get(len-2).uri and page['childs'] == null)} ? ' selected' : '')"
>
<li th:replace="templates/layout :: submenu(submenu=${childs}, parent=${entry.key}, pos=${pos + 1})"
class="s"