1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
|
$(document).ready(function() {
vis.createBreadcrumbs($(".container.full").first());
vis.initSiteSearch();
vis.initKeywords();
$("#tipue_search_input").keyup(checkInput)
vis.typingTimeout = 0;
});
function checkInput() {
if (document.getElementById("tipue_search_input").value.length > 3) {
clearTimeout(vis.typingTimeout);
vis.typingTimeout = setTimeout(function () {vis.initSiteSearch(true)},200);
}
else {
var title = document.title.replace(/(\(.+\) )/g,"");
document.title = title;
document.getElementById("search-results-wrapper").style.display = "none";
}
}
// namespace
var vis = {};
/**
* Adds a breadcrumb as first child to the specified container.
*
* @author felixhayashi
*/
vis.createBreadcrumbs = function(container) {
// use the url to infer the path
var crumbs = location.pathname.split('/');
// number of ancestor directories
var stepbackIndex = crumbs.length-1;
var breadcrumbs = $.map(crumbs, function(crumb, i) {
// first and last element of the split
if(!crumb) return;
stepbackIndex--;
if(/\.html$/.test(crumb)) {
// strip the .html to make it look prettier
return "<span>" + crumb.replace(/\.html$/, "") + "</span>";
} else {
// calculate the relative url
for(var ref=crumb+"/", j=0; j<stepbackIndex; j++, ref="../"+ref);
return "<a href='" + ref + "'>" + crumb + "</a>";
}
}).join("") || "Home";
// insert into the container at the beginning.
$(container).prepend("<div id=\"breadcrumbs\">" + breadcrumbs + "</div>");
};
/**
* Will load tipue search field.
* If the search has already begun, we also display the results.
*
* For information how it works:
* @see https://github.com/almende/vis/issues/909#issuecomment-120119414
* @see https://github.com/almende/vis/issues/909#issuecomment-120397562
*
* @author felixhayashi
*/
vis.initSiteSearch = function(dynamic) { // Added dynamic flag for live update ~ Alex
$("#tipue_search_input").tipuesearch({
"mode": "live",
"show": 3,
},dynamic);
var hasSearchMessage = $("#tipue_search_content").children().length > 0;
if(hasSearchMessage) {
// show result panel
if ($("#search-results-wrapper").css("display") === 'none') {
$("#search-results-wrapper").css("display", "block");
}
// encode the keywords that were entered by the user
var keywords = $("#tipue_search_input").val().replace(/\s/g, ",");
// add keywords to result-urls
$(".tipue_search_content_url a, .tipue_search_content_title a").each(function() {
$(this).attr("href", $(this).attr("href") + "?keywords=" + keywords);
});
} else {
$("#search-results-wrapper").css("display", "none");
}
};
/**
* Will highlight the keywords that are passed as url get-parameters.
* All keywords are higlighted and a panel is displayed to jump to the
* first keyword found.
*
* For information how it works:
* @see https://github.com/almende/vis/issues/909#issuecomment-120119414
* @see https://github.com/almende/vis/issues/909#issuecomment-120397562
*
* @author felixhayashi
*/
vis.initKeywords = function() {
// extract keywords from get-variable
var keywords = url("?keywords");
if(keywords) {
// highlighting all keywords
keywords = keywords.split(",");
for(var i = 0; i < keywords.length; i++) {
$("body").highlight(keywords[i]);
}
// nasty hack: programmatically open full options tab
// because no browser allows scrolling to hidden elements!
$("[role=presentation][targetnode=fullOptions]").click();
$("tr.toggle:not(collapsible)").click();
// init keyword info panel
$("#keyword-info").css("display", "block");
$("#keyword-count").text($(".highlight").length);
$("#keyword-jumper-button").on('click', function(event) {
event.preventDefault();
// do not cache hits outside the handler; creates problems with prettyfy lib
// we use the first visible(!) hit at the time the button is clicked
var firstHit = $(".highlight:visible").first();
if(firstHit.length) {
$("html, body").animate({ scrollTop: $(firstHit).offset().top }, 2000);
}
});
}
};
|
