Need more control over menu selection.

This commit is contained in:
David Lannan 2024-12-17 20:17:25 +10:30
parent c4160ac97c
commit cbbcfd5a41
4 changed files with 32 additions and 36 deletions

View File

@ -1,10 +1,7 @@
syntax error: unexpected token '?', expecting end of tag in pages/index.html:39 internal error: editor\twig/aspect\utils.lua:184: bad argument #1 to 'pairs' (table expected, got string) in pages/index.html:47
Context: set menu_select ? <-- there
Lua stack traceback: Lua stack traceback:
editor\twig/aspect\error.lua:49: in function 'compiler_error' editor\twig/aspect\error.lua:103: in function 'new'
editor\twig/aspect\compiler.lua:261: in function <editor\twig/aspect\compiler.lua:202> editor\twig/aspect\compiler.lua:130: in function 'run'
[C]: in function 'pcall'
editor\twig/aspect\compiler.lua:126: in function 'run'
editor\twig/aspect\template.lua:232: in function 'compile' editor\twig/aspect\template.lua:232: in function 'compile'
editor\twig/aspect\template.lua:311: in function 'get_view' editor\twig/aspect\template.lua:311: in function 'get_view'
editor\twig/aspect\template.lua:393: in function 'render' editor\twig/aspect\template.lua:393: in function 'render'

View File

@ -42,23 +42,13 @@
<div id="wrapper"> <div id="wrapper">
{% include 'partials/navigation.html' %} {{ include('partials/navigation.html') }}
{% include 'partials/sidebar.html' %} {{ include('partials/sidebar.html') }}
<div id="page-wrapper"> <div id="page-wrapper">
<div class="container-fluid"> <div id="main-module" class="container-fluid">
{% if menu_select == 'dashboard' %}
{% include 'partials/dashboard.html' %}
{% endif %}
{% if menu_select == 'tables' %}
{% include 'partials/tables.html' %}
{% endif %}
{% if menu_select == 'charts' %}
{% include 'partials/charts.html' %}
{% endif %}
</div> </div>
<!-- /.container-fluid --> <!-- /.container-fluid -->
</div> </div>
@ -118,10 +108,19 @@
<script src="../js/startmin.js"></script> <script src="../js/startmin.js"></script>
{% endif %} {% endif %}
</body>
<script> <script>
console.log("{{html.params.menuitem}}"); console.log("{{html.params.menuitem}}");
console.log("{{ menu_select }}"); console.log("{{ menu_select }}");
console.log("{{ html.params.menuitem|length }}"); console.log("{{ html.params.menuitem|length }}");
</script>
$(document).ready(function () {
$('.menu_select > a').on( "click", function(e) {
e.preventDefault();
console.log("------>>", $this.attr("href"));
});
});
</script>
</body>
</html> </html>

View File

@ -12,46 +12,46 @@
</div> </div>
<!-- /input-group --> <!-- /input-group -->
</li> </li>
<li> <li class="menu_select">
<a href="index.html" class="active"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a> <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
</li> </li>
<li> <li class="menu_select">
<a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li class="menu_select">
<a href="flot.html">Flot Charts</a> <a href="flot.html">Flot Charts</a>
</li> </li>
<li> <li class="menu_select">
<a href="morris.html">Morris.js Charts</a> <a href="morris.html">Morris.js Charts</a>
</li> </li>
</ul> </ul>
<!-- /.nav-second-level --> <!-- /.nav-second-level -->
</li> </li>
<li> <li class="menu_select">
<a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a> <a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a>
</li> </li>
<li> <li class="menu_select">
<a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a> <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
</li> </li>
<li> <li>
<a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a> <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li class="menu_select">
<a href="panels-wells.html">Panels and Wells</a> <a href="panels-wells.html">Panels and Wells</a>
</li> </li>
<li> <li class="menu_select">
<a href="buttons.html">Buttons</a> <a href="buttons.html">Buttons</a>
</li> </li>
<li> <li class="menu_select">
<a href="notifications.html">Notifications</a> <a href="notifications.html">Notifications</a>
</li> </li>
<li> <li class="menu_select">
<a href="typography.html">Typography</a> <a href="typography.html">Typography</a>
</li> </li>
<li> <li class="menu_select">
<a href="icons.html"> Icons</a> <a href="icons.html"> Icons</a>
</li> </li>
<li> <li class="menu_select">
<a href="grid.html">Grid</a> <a href="grid.html">Grid</a>
</li> </li>
</ul> </ul>