Joakim Nohlgård
5 years ago
committed by
GitHub
10 changed files with 218 additions and 29 deletions
@ -0,0 +1,122 @@
|
||||
/* |
||||
You probably do not need to edit this at all. |
||||
|
||||
Add some SmartMenus required styles not covered in Bootstrap 3's default CSS. |
||||
These are theme independent and should work with any Bootstrap 3 theme mod. |
||||
*/ |
||||
/* sub menus arrows on desktop */ |
||||
.navbar-nav:not(.sm-collapsible) ul .caret { |
||||
position: absolute; |
||||
right: 0; |
||||
margin-top: 6px; |
||||
margin-right: 15px; |
||||
border-top: 4px solid transparent; |
||||
border-bottom: 4px solid transparent; |
||||
border-left: 4px dashed; |
||||
} |
||||
.navbar-nav:not(.sm-collapsible) ul a.has-submenu { |
||||
padding-right: 30px; |
||||
} |
||||
/* make sub menu arrows look like +/- buttons in collapsible mode */ |
||||
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { |
||||
position: absolute; |
||||
right: 0; |
||||
margin: -3px 15px 0 0; |
||||
padding: 0; |
||||
width: 32px; |
||||
height: 26px; |
||||
line-height: 24px; |
||||
text-align: center; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
} |
||||
.navbar-nav.sm-collapsible .caret:before { |
||||
content: '+'; |
||||
font-family: monospace; |
||||
font-weight: bold; |
||||
} |
||||
.navbar-nav.sm-collapsible .open > a > .caret:before { |
||||
content: '-'; |
||||
} |
||||
.navbar-nav.sm-collapsible a.has-submenu { |
||||
padding-right: 50px; |
||||
} |
||||
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */ |
||||
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret { |
||||
position: static; |
||||
margin: 0 0 0 2px; |
||||
padding: 0; |
||||
width: 0; |
||||
height: 0; |
||||
border-top: 4px dashed; |
||||
border-right: 4px solid transparent; |
||||
border-bottom: 0; |
||||
border-left: 4px solid transparent; |
||||
} |
||||
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before { |
||||
content: '' !important; |
||||
} |
||||
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu { |
||||
padding-right: 15px; |
||||
} |
||||
/* scrolling arrows for tall menus */ |
||||
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down { |
||||
position: absolute; |
||||
display: none; |
||||
visibility: hidden; |
||||
height: 20px; |
||||
overflow: hidden; |
||||
text-align: center; |
||||
} |
||||
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow { |
||||
position: absolute; |
||||
top: -2px; |
||||
left: 50%; |
||||
margin-left: -8px; |
||||
width: 0; |
||||
height: 0; |
||||
overflow: hidden; |
||||
border-top: 7px dashed transparent; |
||||
border-right: 7px dashed transparent; |
||||
border-bottom: 7px solid; |
||||
border-left: 7px dashed transparent; |
||||
} |
||||
.navbar-nav span.scroll-down-arrow { |
||||
top: 6px; |
||||
border-top: 7px solid; |
||||
border-right: 7px dashed transparent; |
||||
border-bottom: 7px dashed transparent; |
||||
border-left: 7px dashed transparent; |
||||
} |
||||
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */ |
||||
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a, |
||||
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header { |
||||
padding-left: 35px; |
||||
} |
||||
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a, |
||||
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header { |
||||
padding-left: 45px; |
||||
} |
||||
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a, |
||||
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header { |
||||
padding-left: 55px; |
||||
} |
||||
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a, |
||||
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header { |
||||
padding-left: 65px; |
||||
} |
||||
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */ |
||||
.navbar-nav .dropdown-menu > li > a { |
||||
white-space: normal; |
||||
} |
||||
.navbar-nav ul.sm-nowrap > li > a { |
||||
white-space: nowrap; |
||||
} |
||||
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a { |
||||
white-space: normal; |
||||
} |
||||
/* fix .navbar-right subs alignment */ |
||||
.navbar-right ul.dropdown-menu { |
||||
left: 0; |
||||
right: auto; |
||||
} |
||||
@ -0,0 +1,3 @@
|
||||
/*! SmartMenus jQuery Plugin Bootstrap Addon - v0.3.1 - November 1, 2016 |
||||
* http://www.smartmenus.org/
|
||||
* Copyright Vasil Dinkov, Vadikom Web Ltd. http://vadikom.com; Licensed MIT */(function(t){"function"==typeof define&&define.amd?define(["jquery","jquery.smartmenus"],t):"object"==typeof module&&"object"==typeof module.exports?module.exports=t(require("jquery")):t(jQuery)})(function(t){return t.extend(t.SmartMenus.Bootstrap={},{keydownFix:!1,init:function(){var e=t("ul.navbar-nav:not([data-sm-skip])");e.each(function(){function e(){o.find("a.current").parent().addClass("active"),o.find("a.has-submenu").each(function(){var e=t(this);e.is('[data-toggle="dropdown"]')&&e.dataSM("bs-data-toggle-dropdown",!0).removeAttr("data-toggle"),e.is('[role="button"]')&&e.dataSM("bs-role-button",!0).removeAttr("role")})}function s(){o.find("a.current").parent().removeClass("active"),o.find("a.has-submenu").each(function(){var e=t(this);e.dataSM("bs-data-toggle-dropdown")&&e.attr("data-toggle","dropdown").removeDataSM("bs-data-toggle-dropdown"),e.dataSM("bs-role-button")&&e.attr("role","button").removeDataSM("bs-role-button")})}function i(t){var e=a.getViewportWidth();if(e!=n||t){var s=o.find(".caret");a.isCollapsible()?(o.addClass("sm-collapsible"),o.is("[data-sm-skip-collapsible-behavior]")||s.addClass("navbar-toggle sub-arrow")):(o.removeClass("sm-collapsible"),o.is("[data-sm-skip-collapsible-behavior]")||s.removeClass("navbar-toggle sub-arrow")),n=e}}var o=t(this),a=o.data("smartmenus");if(!a){o.smartmenus({subMenusSubOffsetX:2,subMenusSubOffsetY:-6,subIndicators:!1,collapsibleShowFunction:null,collapsibleHideFunction:null,rightToLeftSubMenus:o.hasClass("navbar-right"),bottomToTopSubMenus:o.closest(".navbar").hasClass("navbar-fixed-bottom")}).bind({"show.smapi":function(e,s){var i=t(s),o=i.dataSM("scroll-arrows");o&&o.css("background-color",t(document.body).css("background-color")),i.parent().addClass("open")},"hide.smapi":function(e,s){t(s).parent().removeClass("open")}}),e(),a=o.data("smartmenus"),a.isCollapsible=function(){return!/^(left|right)$/.test(this.$firstLink.parent().css("float"))},a.refresh=function(){t.SmartMenus.prototype.refresh.call(this),e(),i(!0)},a.destroy=function(e){s(),t.SmartMenus.prototype.destroy.call(this,e)},o.is("[data-sm-skip-collapsible-behavior]")&&o.bind({"click.smapi":function(e,s){if(a.isCollapsible()){var i=t(s),o=i.parent().dataSM("sub");if(o&&o.dataSM("shown-before")&&o.is(":visible"))return a.itemActivate(i),a.menuHide(o),!1}}});var n;i(),t(window).bind("resize.smartmenus"+a.rootId,i)}}),e.length&&!t.SmartMenus.Bootstrap.keydownFix&&(t(document).off("keydown.bs.dropdown.data-api",".dropdown-menu"),t.fn.dropdown&&t.fn.dropdown.Constructor&&t(document).on("keydown.bs.dropdown.data-api",'.dropdown-menu:not([id^="sm-"])',t.fn.dropdown.Constructor.prototype.keydown),t.SmartMenus.Bootstrap.keydownFix=!0)}}),t(t.SmartMenus.Bootstrap.init),t});
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,45 @@
|
||||
function initMenu(relPath,searchEnabled,serverSide,searchPage,search) { |
||||
function makeTree(data,relPath,dropdown=false) { |
||||
var result=''; |
||||
if ('children' in data) { |
||||
if (dropdown) { |
||||
result += '<ul class="dropdown-menu">'; |
||||
} |
||||
for (var i in data.children) { |
||||
var active = ''; |
||||
if (location.pathname.endsWith(relPath + data.children[i].url) || |
||||
(location.pathname.endsWith("/") && |
||||
(location.pathname + "index.html").endsWith(relPath + data.children[i].url))) { |
||||
console.log(location.pathname) |
||||
active = ' class="active"'; |
||||
} |
||||
result += '<li'+active+'><a href="' + relPath+data.children[i].url+'">' + |
||||
data.children[i].text; |
||||
if ('children' in data.children[i]) { |
||||
result += '<span class="caret"></span>' |
||||
} |
||||
result += '</a>' + makeTree(data.children[i],relPath,true) + '</li>'; |
||||
} |
||||
if (dropdown) { |
||||
result += '</ul>'; |
||||
} |
||||
} |
||||
return result; |
||||
} |
||||
|
||||
/* code adapted from original menu.js of Doxygen, but made |
||||
* bootstrap ready via |
||||
* http://vadikom.github.io/smartmenus/src/demo/bootstrap-navbar.html */
|
||||
$('#riot-navlist').append(makeTree(menudata,relPath)); |
||||
if (searchEnabled) { |
||||
$("#MSearchBox").remove(); |
||||
if (serverSide) { |
||||
$('#riot-searchform').attr("id", "FSearchBox"); |
||||
$('#FSearchBox').attr("action", searchPage); |
||||
$('#FSearchBox').attr("method", "get"); |
||||
$('#FSearchBox div.form-group').append('<div id="MSearchBox" class="MSearchBoxInactive"><div class="input-group"><div class="input-group-addon"><span id="MSearchSelect" class="glyphicon glyphicon-search" aria-hidden="true"></span></div><input class="form-control" type="text" id="MSearchField" name="query" placeholder="'+search+'" value="'+search+'" accesskey="S" onfocus="searchBox.OnSearchFieldFocus(true)" onblur="searchBox.OnSearchFieldFocus(false)"></form></div></div>'); |
||||
} else { |
||||
$('#riot-searchform div.form-group').append('<div id="MSearchBox" class="MSearchBoxInactive"><div class="input-group"><div class="input-group-addon"><span id="MSearchSelect" class="glyphicon glyphicon-search" aria-hidden="true" onmouseover="return searchBox.OnSearchSelectShow()" onmouseout="return searchBox.OnSearchSelectHide()"></span></div><input class="form-control" type="text" id="MSearchField" placeholder="'+search+'" value="'+search+'" accesskey="S" onfocus="searchBox.OnSearchFieldFocus(true)" onblur="searchBox.OnSearchFieldFocus(false)" onkeyup="searchBox.OnSearchFieldChange(event)"/><a id="MSearchClose" href="javascript:searchBox.CloseResultsWindow()"><span id="search-reset" class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span></a></div></div>'); |
||||
} |
||||
} |
||||
} |
||||
Loading…
Reference in new issue