aboutsummaryrefslogtreecommitdiffstats
path: root/view/tpl/help.tpl
diff options
context:
space:
mode:
authorAndrew Manning <tamanning@zoho.com>2016-12-09 22:18:23 -0500
committerAndrew Manning <tamanning@zoho.com>2016-12-09 22:18:23 -0500
commit6668fe02aaa00e7b89af6d22bc9ae2781c756f39 (patch)
tree433890704b00ea34c4f5a31ae6a7caad08b182c3 /view/tpl/help.tpl
parent82d09c288d3bdf88facd6a4c82d2a309efd7d3a1 (diff)
downloadvolse-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/help.tpl')
-rw-r--r--view/tpl/help.tpl30
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>