Skip to content
Snippets Groups Projects
Commit 1b9d178d authored by Phil Harris's avatar Phil Harris
Browse files

fix: update sidebar dropdown data binding for improved functionality

parent 2cc27cdd
No related branches found
No related tags found
No related merge requests found
......@@ -26,7 +26,7 @@ templ Main() {
</header>
<main id="sidebar-main">
<a href="/" class="sidebar-link">Home</a> // simple link
<div class="sidebar-dropdown" x-data="{open: $persist(false).using(sessionStorage).as($id)}" id="sidebar-services">
<div id="sidebar-services" class="sidebar-dropdown" x-data="{open: $persist(false).using(sessionStorage).as($el.id)}">
// example of a dropdown menu
<h2 class="list-none cursor-pointer" @click="open = !open">
Services
......
......@@ -100,7 +100,7 @@ func Main() templ.Component {
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 6, "\"></script></head><body class=\"grid grid-cols-[14rem_1fr]\"><aside id=\"sidebar\"><header id=\"sidebar-header\"><h1><a href=\"/\">Socket</a></h1></header><main id=\"sidebar-main\"><a href=\"/\" class=\"sidebar-link\">Home</a><div class=\"sidebar-dropdown\" x-data=\"{open: $persist(false).using(sessionStorage).as($id)}\" id=\"sidebar-services\"><h2 class=\"list-none cursor-pointer\" @click=\"open = !open\">Services <span x-text=\"open ? &#39;▲&#39; : &#39;▼&#39;\" class=\"float-right\"></span></h2><div x-show=\"open\" x-collapse.duration.300ms x-cloak><a href=\"/services/1\" class=\"sidebar-link\">Service 1</a> <a href=\"/services/2\" class=\"sidebar-link\">Service 2</a></div></div><a href=\"/about\" class=\"sidebar-link\">About</a> <a href=\"/contact\" class=\"sidebar-link\">Contact</a></main><footer id=\"sidebar-footer\"><div id=\"footer-actions\"><a href=\"/logout\" class=\"sidebar-link\">Logout</a></div><div id=\"sidebar-copyright\">&copy; ")
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 6, "\"></script></head><body class=\"grid grid-cols-[14rem_1fr]\"><aside id=\"sidebar\"><header id=\"sidebar-header\"><h1><a href=\"/\">Socket</a></h1></header><main id=\"sidebar-main\"><a href=\"/\" class=\"sidebar-link\">Home</a><div id=\"sidebar-services\" class=\"sidebar-dropdown\" x-data=\"{open: $persist(false).using(sessionStorage).as($el.id)}\"><h2 class=\"list-none cursor-pointer\" @click=\"open = !open\">Services <span x-text=\"open ? &#39;▲&#39; : &#39;▼&#39;\" class=\"float-right\"></span></h2><div x-show=\"open\" x-collapse.duration.300ms x-cloak><a href=\"/services/1\" class=\"sidebar-link\">Service 1</a> <a href=\"/services/2\" class=\"sidebar-link\">Service 2</a></div></div><a href=\"/about\" class=\"sidebar-link\">About</a> <a href=\"/contact\" class=\"sidebar-link\">Contact</a></main><footer id=\"sidebar-footer\"><div id=\"footer-actions\"><a href=\"/logout\" class=\"sidebar-link\">Logout</a></div><div id=\"sidebar-copyright\">&copy; ")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment