path: root/view/tpl/help.tpl

<div id="help-content" class="generic-content-wrapper">
	<div class="section-title-wrapper">
	<h2>{{$title}}</h2>
	</div>
	<div class="section-content-wrapper" id="doco-content">
		<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>

<script>

	// Generate the table of contents in the side nav menu (see view/tpl/help.tpl)
	$(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>