diff options
| author | Andrew Manning <tamanning@zoho.com> | 2016-12-09 22:18:23 -0500 |
|---|---|---|
| committer | Andrew Manning <tamanning@zoho.com> | 2016-12-09 22:18:23 -0500 |
| commit | 6668fe02aaa00e7b89af6d22bc9ae2781c756f39 (patch) | |
| tree | 433890704b00ea34c4f5a31ae6a7caad08b182c3 /view/tpl | |
| parent | 82d09c288d3bdf88facd6a4c82d2a309efd7d3a1 (diff) | |
| download | volse-hubzilla-6668fe02aaa00e7b89af6d22bc9ae2781c756f39.tar.gz volse-hubzilla-6668fe02aaa00e7b89af6d22bc9ae2781c756f39.tar.bz2 volse-hubzilla-6668fe02aaa00e7b89af6d22bc9ae2781c756f39.zip | |
Only display h1 headings in sticky side nav. Toggle display of detailed TOC at top of page. Introduce return to top button for small screens.
Diffstat (limited to 'view/tpl')
| -rw-r--r-- | view/tpl/help.tpl | 30 |
1 files changed, 25 insertions, 5 deletions
diff --git a/view/tpl/help.tpl b/view/tpl/help.tpl index 2faaa3853..3ec1c9d8c 100644 --- a/view/tpl/help.tpl +++ b/view/tpl/help.tpl @@ -3,9 +3,11 @@ <h2>{{$title}}</h2> </div> <div class="section-content-wrapper" id="doco-content"> - <h1>Contents</h1> - <ul id="doco-top-toc"></ul> - <hr> + <h1 class="fakelink" id="doco-top-toc-heading"><span onclick="docoTocToggle(); return false;"> + <i class="fakelink fa fa-caret-right" id="doco-toc-toggle"></i> + {{$tocHeading}} + </span></h1> + <ul id="doco-top-toc" style="margin-bottom: 1.5em; display: none;"></ul> {{$content}} </div> </div> @@ -16,7 +18,25 @@ $(document).ready(function () { $('#doco-top-toc').toc({content: "#doco-content", headings: "h1,h2,h3,h4"}); - + $('.navbar-header').append('<button id="doco-return-to-top-btn">'); //.find('button'); + var goTopBtn = $('#doco-return-to-top-btn'); + goTopBtn.append('<i>').find('i').addClass('fa fa-arrow-circle-up'); + //goTopBtn.attr('id', 'doco-return-to-top-btn'); + goTopBtn.attr('type', 'button'); + goTopBtn.attr('data-toggle', 'offcanvas'); + goTopBtn.addClass('navbar-toggle'); + goTopBtn.click(function() { $(window).scrollTop(0); }); }); + + function docoTocToggle() { + if($('#doco-top-toc').is(':visible')) { + $('#doco-toc-toggle').removeClass('fa-caret-down').addClass('fa-caret-right'); + } else { + $('#doco-toc-toggle').removeClass('fa-caret-right').addClass('fa-caret-down'); + } + $('#doco-top-toc').toggle(); + + return false; + } -</script>
\ No newline at end of file +</script> |