adamstark@114
|
1 /*
|
adamstark@114
|
2 @licstart The following is the entire license notice for the JavaScript code in this file.
|
adamstark@114
|
3
|
adamstark@114
|
4 The MIT License (MIT)
|
adamstark@114
|
5
|
adamstark@114
|
6 Copyright (C) 1997-2020 by Dimitri van Heesch
|
adamstark@114
|
7
|
adamstark@114
|
8 Permission is hereby granted, free of charge, to any person obtaining a copy of this software
|
adamstark@114
|
9 and associated documentation files (the "Software"), to deal in the Software without restriction,
|
adamstark@114
|
10 including without limitation the rights to use, copy, modify, merge, publish, distribute,
|
adamstark@114
|
11 sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is
|
adamstark@114
|
12 furnished to do so, subject to the following conditions:
|
adamstark@114
|
13
|
adamstark@114
|
14 The above copyright notice and this permission notice shall be included in all copies or
|
adamstark@114
|
15 substantial portions of the Software.
|
adamstark@114
|
16
|
adamstark@114
|
17 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING
|
adamstark@114
|
18 BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
adamstark@114
|
19 NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
|
adamstark@114
|
20 DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
adamstark@114
|
21 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
adamstark@114
|
22
|
adamstark@114
|
23 @licend The above is the entire license notice for the JavaScript code in this file
|
adamstark@114
|
24 */
|
adamstark@114
|
25 function initMenu(relPath,searchEnabled,serverSide,searchPage,search) {
|
adamstark@114
|
26 function makeTree(data,relPath) {
|
adamstark@114
|
27 var result='';
|
adamstark@114
|
28 if ('children' in data) {
|
adamstark@114
|
29 result+='<ul>';
|
adamstark@114
|
30 for (var i in data.children) {
|
adamstark@114
|
31 var url;
|
adamstark@114
|
32 var link;
|
adamstark@114
|
33 link = data.children[i].url;
|
adamstark@114
|
34 if (link.substring(0,1)=='^') {
|
adamstark@114
|
35 url = link.substring(1);
|
adamstark@114
|
36 } else {
|
adamstark@114
|
37 url = relPath+link;
|
adamstark@114
|
38 }
|
adamstark@114
|
39 result+='<li><a href="'+url+'">'+
|
adamstark@114
|
40 data.children[i].text+'</a>'+
|
adamstark@114
|
41 makeTree(data.children[i],relPath)+'</li>';
|
adamstark@114
|
42 }
|
adamstark@114
|
43 result+='</ul>';
|
adamstark@114
|
44 }
|
adamstark@114
|
45 return result;
|
adamstark@114
|
46 }
|
adamstark@114
|
47 var searchBoxHtml;
|
adamstark@114
|
48 if (searchEnabled) {
|
adamstark@114
|
49 if (serverSide) {
|
adamstark@114
|
50 searchBoxHtml='<div id="MSearchBox" class="MSearchBoxInactive">'+
|
adamstark@114
|
51 '<div class="left">'+
|
adamstark@114
|
52 '<form id="FSearchBox" action="'+relPath+searchPage+
|
adamstark@114
|
53 '" method="get"><span id="MSearchSelectExt"> </span>'+
|
adamstark@114
|
54 '<input type="text" id="MSearchField" name="query" value="" placeholder="'+search+
|
adamstark@114
|
55 '" size="20" accesskey="S" onfocus="searchBox.OnSearchFieldFocus(true)"'+
|
adamstark@114
|
56 ' onblur="searchBox.OnSearchFieldFocus(false)"/>'+
|
adamstark@114
|
57 '</form>'+
|
adamstark@114
|
58 '</div>'+
|
adamstark@114
|
59 '<div class="right"></div>'+
|
adamstark@114
|
60 '</div>';
|
adamstark@114
|
61 } else {
|
adamstark@114
|
62 searchBoxHtml='<div id="MSearchBox" class="MSearchBoxInactive">'+
|
adamstark@114
|
63 '<span class="left">'+
|
adamstark@114
|
64 '<span id="MSearchSelect" onmouseover="return searchBox.OnSearchSelectShow()"'+
|
adamstark@114
|
65 ' onmouseout="return searchBox.OnSearchSelectHide()"> </span>'+
|
adamstark@114
|
66 '<input type="text" id="MSearchField" value="" placeholder="'+search+
|
adamstark@114
|
67 '" accesskey="S" onfocus="searchBox.OnSearchFieldFocus(true)" '+
|
adamstark@114
|
68 'onblur="searchBox.OnSearchFieldFocus(false)" '+
|
adamstark@114
|
69 'onkeyup="searchBox.OnSearchFieldChange(event)"/>'+
|
adamstark@114
|
70 '</span>'+
|
adamstark@114
|
71 '<span class="right"><a id="MSearchClose" '+
|
adamstark@114
|
72 'href="javascript:searchBox.CloseResultsWindow()">'+
|
adamstark@114
|
73 '<img id="MSearchCloseImg" border="0" src="'+relPath+
|
adamstark@114
|
74 'search/close.svg" alt=""/></a>'+
|
adamstark@114
|
75 '</span>'+
|
adamstark@114
|
76 '</div>';
|
adamstark@114
|
77 }
|
adamstark@114
|
78 }
|
adamstark@114
|
79
|
adamstark@114
|
80 $('#main-nav').before('<div class="sm sm-dox"><input id="main-menu-state" type="checkbox"/>'+
|
adamstark@114
|
81 '<label class="main-menu-btn" for="main-menu-state">'+
|
adamstark@114
|
82 '<span class="main-menu-btn-icon"></span> '+
|
adamstark@114
|
83 'Toggle main menu visibility</label>'+
|
adamstark@114
|
84 '<span id="searchBoxPos1" style="position:absolute;right:8px;top:8px;height:36px;"></span>'+
|
adamstark@114
|
85 '</div>');
|
adamstark@114
|
86 $('#main-nav').append(makeTree(menudata,relPath));
|
adamstark@114
|
87 $('#main-nav').children(':first').addClass('sm sm-dox').attr('id','main-menu');
|
adamstark@114
|
88 if (searchBoxHtml) {
|
adamstark@114
|
89 $('#main-menu').append('<li id="searchBoxPos2" style="float:right"></li>');
|
adamstark@114
|
90 }
|
adamstark@114
|
91 var $mainMenuState = $('#main-menu-state');
|
adamstark@114
|
92 var prevWidth = 0;
|
adamstark@114
|
93 if ($mainMenuState.length) {
|
adamstark@114
|
94 function initResizableIfExists() {
|
adamstark@114
|
95 if (typeof initResizable==='function') initResizable();
|
adamstark@114
|
96 }
|
adamstark@114
|
97 // animate mobile menu
|
adamstark@114
|
98 $mainMenuState.change(function(e) {
|
adamstark@114
|
99 var $menu = $('#main-menu');
|
adamstark@114
|
100 var options = { duration: 250, step: initResizableIfExists };
|
adamstark@114
|
101 if (this.checked) {
|
adamstark@114
|
102 options['complete'] = function() { $menu.css('display', 'block') };
|
adamstark@114
|
103 $menu.hide().slideDown(options);
|
adamstark@114
|
104 } else {
|
adamstark@114
|
105 options['complete'] = function() { $menu.css('display', 'none') };
|
adamstark@114
|
106 $menu.show().slideUp(options);
|
adamstark@114
|
107 }
|
adamstark@114
|
108 });
|
adamstark@114
|
109 // set default menu visibility
|
adamstark@114
|
110 function resetState() {
|
adamstark@114
|
111 var $menu = $('#main-menu');
|
adamstark@114
|
112 var $mainMenuState = $('#main-menu-state');
|
adamstark@114
|
113 var newWidth = $(window).outerWidth();
|
adamstark@114
|
114 if (newWidth!=prevWidth) {
|
adamstark@114
|
115 if ($(window).outerWidth()<768) {
|
adamstark@114
|
116 $mainMenuState.prop('checked',false); $menu.hide();
|
adamstark@114
|
117 $('#searchBoxPos1').html(searchBoxHtml);
|
adamstark@114
|
118 $('#searchBoxPos2').hide();
|
adamstark@114
|
119 } else {
|
adamstark@114
|
120 $menu.show();
|
adamstark@114
|
121 $('#searchBoxPos1').empty();
|
adamstark@114
|
122 $('#searchBoxPos2').html(searchBoxHtml);
|
adamstark@114
|
123 $('#searchBoxPos2').show();
|
adamstark@114
|
124 }
|
adamstark@114
|
125 if (typeof searchBox!=='undefined') {
|
adamstark@114
|
126 searchBox.CloseResultsWindow();
|
adamstark@114
|
127 }
|
adamstark@114
|
128 prevWidth = newWidth;
|
adamstark@114
|
129 }
|
adamstark@114
|
130 }
|
adamstark@114
|
131 $(window).ready(function() { resetState(); initResizableIfExists(); });
|
adamstark@114
|
132 $(window).resize(resetState);
|
adamstark@114
|
133 }
|
adamstark@114
|
134 $('#main-menu').smartmenus();
|
adamstark@114
|
135 }
|
adamstark@114
|
136 /* @license-end */
|