harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix help menu

Browse Source
This commit is contained in:
Mario Vavti 2017-03-12 22:21:49 +01:00
parent 8aabc6bc3d
commit 61257094b7
2 changed files with 37 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
doc/toc.html
View File

@ -1,30 +1,30 @@
<div class="" id="accordion"> <div class="" id="accordion">
<div class="panel"> <div class="">
<div class=""> <div class="">
<h3 class="panel-title"> <h3 class="panel-title">
About About
</h3> </h3>
</div> </div>
<div id="about" class="panel-collapse collapse in"> <div id="about" class="doco-section">
<ul class="list-group"> <div class="flex-column">
<li class="doco-list-group-item"><a href="/help/about/about_hubzilla">About Hubzilla</a></li> <a class="nav-link" href="/help/about/about_hubzilla">About Hubzilla</a>
<li class="doco-list-group-item"><a href="/help/about/hubzilla_project">Hubzilla project</a></li> <a class="nav-link" href="/help/about/hubzilla_project">Hubzilla project</a>
<li class="doco-list-group-item"><a href="/help/about/about_hub">About this hub</a></li> <a class="nav-link" href="/help/about/about_hub">About this hub</a>
</ul>
</div> </div>
</div> </div>
<div class="panel"> </div>
<div class="">
<div class=""> <div class="">
<h3 class="panel-title"> <h3 class="panel-title">
Members Members
</h3> </h3>
</div> </div>
<div id="members" class="panel-collapse collapse in"> <div id="members" class="doco-section">
<ul class="list-group"> <div class="flex-column">
<li class="doco-list-group-item"><a href="/help/member/member_guide">Guide</a></li> <a class="nav-link" href="/help/member/member_guide">Guide</a>
<li class="doco-list-group-item"><a href="/help/member/bbcode">BBcode Reference</a></li> <a class="nav-link" href="/help/member/bbcode">BBcode Reference</a>
<li class="doco-list-group-item"><a href="/help/member/member_faq">FAQ</a></li> <a class="nav-link" href="/help/member/member_faq">FAQ</a>
</ul> </div>
</div> </div>
</div> </div>
<div class="panel"> <div class="panel">
@ -33,12 +33,12 @@
Administrators Administrators
</h3> </h3>
</div> </div>
<div id="administrators" class="panel-collapse collapse in"> <div id="administrators" class="doco-section">
<ul class="list-group"> <div class="flex-column">
<li class="doco-list-group-item"><a href="/help/admin/administrator_guide">Guide</a></li> <a class="nav-link" href="/help/admin/administrator_guide">Guide</a>
<li class="doco-list-group-item"><a href="/help/admin/hub_snapshots">Hub Snapshots</a></li> <a class="nav-link" href="/help/admin/hub_snapshots">Hub Snapshots</a>
<li class="doco-list-group-item"><a href="/help/database">Database Tables</a></li> <a class="nav-link" href="/help/database">Database Tables</a>
</ul> </div>
</div> </div>
</div> </div>
<div class="panel"> <div class="panel">
@ -47,14 +47,14 @@
Developers Developers
</h3> </h3>
</div> </div>
<div id="developers" class="panel-collapse collapse in"> <div id="developers" class="doco-section">
<ul class="list-group"> <div class="flex-column">
<li class="doco-list-group-item"><a href="/help/developer/developer_guide">Guide</a></li> <a class="nav-link" href="/help/developer/developer_guide">Guide</a>
<li class="doco-list-group-item"><a href="/help/developer/covenant">Code of Conduct</a></li> <a class="nav-link" href="/help/developer/covenant">Code of Conduct</a>
<li class="doco-list-group-item"><a href="/help/developer/zot_protocol">Zot Protocol</a></li> <a class="nav-link" href="/help/developer/zot_protocol">Zot Protocol</a>
<li class="doco-list-group-item"><a href="/help/developer/api_zot">Zot API</a></li> <a class="nav-link" href="/help/developer/api_zot">Zot API</a>
<li class="doco-list-group-item"><a href="/help/hooklist">Hooks</a></li> <a class="nav-link" href="/help/hooklist">Hooks</a>
</ul> </div>
</div> </div>
</div> </div>
<div class="panel"> <div class="panel">
@ -63,10 +63,10 @@
Tutorials Tutorials
</h3> </h3>
</div> </div>
<div id="tutorials" class="panel-collapse collapse in"> <div id="tutorials" class="doco-section">
<ul class="list-group"> <div class="flex-column">
<li class="doco-list-group-item"><a href="/help/tutorials/personal_channel">Personal Channel</a></li> <a class="nav-link" href="/help/tutorials/personal_channel">Personal Channel</a>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>
@ -74,16 +74,16 @@
toc = {}; toc = {};
// Generate the table of contents in the side nav menu (see view/tpl/help.tpl) // Generate the table of contents in the side nav menu (see view/tpl/help.tpl)
$(document).ready(function () { $(document).ready(function () {
$(".panel-collapse.in").find('a').each(function(){ $(".doco-section").find('a').each(function(){
var url = document.createElement('a'); var url = document.createElement('a');
url.href = window.location; url.href = window.location;
var pageName = url.href.split('/').pop().split('#').shift().split('?').shift(); var pageName = url.href.split('/').pop().split('#').shift().split('?').shift();
var linkName = $(this).attr('href').split('/').pop(); var linkName = $(this).attr('href').split('/').pop();
if(pageName === linkName) { if(pageName === linkName) {
var tocUl = $(this).closest('li').append('<ul>').find('ul'); var tocUl = $(this).closest('a').append('<ul>').find('ul');
tocUl.removeClass(); // Classes are automatically added to <ul> elements by something else tocUl.removeClass(); // Classes are automatically added to <ul> elements by something else
tocUl.toc({content: "#doco-content", headings: "h3"}); tocUl.toc({content: "#doco-content", headings: "h3"});
tocUl.addClass('toc-content sub-menu'); tocUl.addClass('toc-content');
tocUl.attr('id', 'doco-side-toc'); tocUl.attr('id', 'doco-side-toc');
} }

4
view/tpl/help.tpl
View File

@ -5,7 +5,7 @@
<div class="section-content-wrapper" id="doco-content"> <div class="section-content-wrapper" id="doco-content">
<h3 id="doco-top-toc-heading"> <h3 id="doco-top-toc-heading">
<span class="fakelink" onclick="docoTocToggle(); return false;"> <span class="fakelink" onclick="docoTocToggle(); return false;">
<i class="fakelink fa fa-caret-right" id="doco-toc-toggle"></i> <i class="fa fa-fw fa-caret-right fakelink" id="doco-toc-toggle"></i>
{{$tocHeading}} {{$tocHeading}}
</span> </span>
</h3> </h3>
@ -24,7 +24,7 @@
if($('#doco-top-toc').is(':visible')) { if($('#doco-top-toc').is(':visible')) {
$('#doco-toc-toggle').removeClass('fa-cog').addClass('fa-caret-right'); $('#doco-toc-toggle').removeClass('fa-cog').addClass('fa-caret-right');
} else { } else {
$('#doco-toc-toggle').removeClass('fa-caret-right').addClass('fa-cog'); $('#doco-toc-toggle').removeClass('fa-caret-right').addClass('fa-caret-down');
} }
$('#doco-top-toc').toggle(); $('#doco-top-toc').toggle();