forked from Ponysearch/Ponysearch
1535 lines
50 KiB
JavaScript
1535 lines
50 KiB
JavaScript
|
/**
|
||
|
|
* searx is free software: you can redistribute it and/or modify
|
||
|
|
* it under the terms of the GNU Affero General Public License as published by
|
||
|
|
* the Free Software Foundation, either version 3 of the License, or
|
||
|
|
* (at your option) any later version.
|
||
|
|
*
|
||
|
|
* searx is distributed in the hope that it will be useful,
|
||
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
|
* GNU Affero General Public License for more details.
|
||
|
|
*
|
||
|
|
* You should have received a copy of the GNU Affero General Public License
|
||
|
|
* along with searx. If not, see < http://www.gnu.org/licenses/ >.
|
||
|
|
*
|
||
|
|
* (C) 2017 by Alexandre Flament, <alex@al-f.net>
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
(function(w, d, searx) {
|
||
|
|
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
// not invented here tookit with bugs fixed elsewhere
|
||
|
|
// purposes : be just good enough and as small as possible
|
||
|
|
|
||
|
|
// from https://plainjs.com/javascript/events/live-binding-event-handlers-14/
|
||
|
|
if (w.Element) {
|
||
|
|
(function(ElementPrototype) {
|
||
|
|
ElementPrototype.matches = ElementPrototype.matches ||
|
||
|
|
ElementPrototype.matchesSelector ||
|
||
|
|
ElementPrototype.webkitMatchesSelector ||
|
||
|
|
ElementPrototype.msMatchesSelector ||
|
||
|
|
function(selector) {
|
||
|
|
var node = this, nodes = (node.parentNode || node.document).querySelectorAll(selector), i = -1;
|
||
|
|
while (nodes[++i] && nodes[i] != node);
|
||
|
|
return !!nodes[i];
|
||
|
|
};
|
||
|
|
})(Element.prototype);
|
||
|
|
}
|
||
|
|
|
||
|
|
function callbackSafe(callback, el, e) {
|
||
|
|
try {
|
||
|
|
callback.call(el, e);
|
||
|
|
} catch (exception) {
|
||
|
|
console.log(exception);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
searx = searx || {};
|
||
|
|
|
||
|
|
searx.on = function(obj, eventType, callback, useCapture) {
|
||
|
|
useCapture = useCapture || false;
|
||
|
|
if (typeof obj !== 'string') {
|
||
|
|
// obj HTMLElement, HTMLDocument
|
||
|
|
obj.addEventListener(eventType, callback, useCapture);
|
||
|
|
} else {
|
||
|
|
// obj is a selector
|
||
|
|
d.addEventListener(eventType, function(e) {
|
||
|
|
var el = e.target || e.srcElement, found = false;
|
||
|
|
while (el && el.matches && el !== d && !(found = el.matches(obj))) el = el.parentElement;
|
||
|
|
if (found) callbackSafe(callback, el, e);
|
||
|
|
}, useCapture);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
searx.ready = function(callback) {
|
||
|
|
if (document.readyState != 'loading') {
|
||
|
|
callback.call(w);
|
||
|
|
} else {
|
||
|
|
w.addEventListener('DOMContentLoaded', callback.bind(w));
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
searx.http = function(method, url, callback) {
|
||
|
|
var req = new XMLHttpRequest(),
|
||
|
|
resolve = function() {},
|
||
|
|
reject = function() {},
|
||
|
|
promise = {
|
||
|
|
then: function(callback) { resolve = callback; return promise; },
|
||
|
|
catch: function(callback) { reject = callback; return promise; }
|
||
|
|
};
|
||
|
|
|
||
|
|
try {
|
||
|
|
req.open(method, url, true);
|
||
|
|
|
||
|
|
// On load
|
||
|
|
req.onload = function() {
|
||
|
|
if (req.status == 200) {
|
||
|
|
resolve(req.response, req.responseType);
|
||
|
|
} else {
|
||
|
|
reject(Error(req.statusText));
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
// Handle network errors
|
||
|
|
req.onerror = function() {
|
||
|
|
reject(Error("Network Error"));
|
||
|
|
};
|
||
|
|
|
||
|
|
req.onabort = function() {
|
||
|
|
reject(Error("Transaction is aborted"));
|
||
|
|
};
|
||
|
|
|
||
|
|
// Make the request
|
||
|
|
req.send();
|
||
|
|
} catch (ex) {
|
||
|
|
reject(ex);
|
||
|
|
}
|
||
|
|
|
||
|
|
return promise;
|
||
|
|
};
|
||
|
|
|
||
|
|
searx.loadStyle = function(src) {
|
||
|
|
var path = searx.staticPath + src,
|
||
|
|
id = "style_" + src.replace('.', '_'),
|
||
|
|
s = d.getElementById(id);
|
||
|
|
if (s === null) {
|
||
|
|
s = d.createElement('link');
|
||
|
|
s.setAttribute('id', id);
|
||
|
|
s.setAttribute('rel', 'stylesheet');
|
||
|
|
s.setAttribute('type', 'text/css');
|
||
|
|
s.setAttribute('href', path);
|
||
|
|
d.body.appendChild(s);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
searx.loadScript = function(src, callback) {
|
||
|
|
var path = searx.staticPath + src,
|
||
|
|
id = "script_" + src.replace('.', '_'),
|
||
|
|
s = d.getElementById(id);
|
||
|
|
if (s === null) {
|
||
|
|
s = d.createElement('script');
|
||
|
|
s.setAttribute('id', id);
|
||
|
|
s.setAttribute('src', path);
|
||
|
|
s.onload = callback;
|
||
|
|
s.onerror = function() {
|
||
|
|
s.setAttribute('error', '1');
|
||
|
|
};
|
||
|
|
d.body.appendChild(s);
|
||
|
|
} else if (!s.hasAttribute('error')) {
|
||
|
|
try {
|
||
|
|
callback.apply(s, []);
|
||
|
|
} catch (exception) {
|
||
|
|
console.log(exception);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
console.log("callback not executed : script '" + path + "' not loaded.");
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
searx.on('.close', 'click', function(e) {
|
||
|
|
var el = e.target || e.srcElement;
|
||
|
|
this.parentNode.style.display="None";
|
||
|
|
});
|
||
|
|
return searx;
|
||
|
|
})(window, document, window.searx);
|
||
|
|
;(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.AutoComplete = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
||
|
|
/*
|
||
|
|
* @license MIT
|
||
|
|
*
|
||
|
|
* Autocomplete.js v2.6.3
|
||
|
|
* Developed by Baptiste Donaux
|
||
|
|
* http://autocomplete-js.com
|
||
|
|
*
|
||
|
|
* (c) 2017, Baptiste Donaux
|
||
|
|
*/
|
||
|
|
"use strict";
|
||
|
|
var ConditionOperator;
|
||
|
|
(function (ConditionOperator) {
|
||
|
|
ConditionOperator[ConditionOperator["AND"] = 0] = "AND";
|
||
|
|
ConditionOperator[ConditionOperator["OR"] = 1] = "OR";
|
||
|
|
})(ConditionOperator || (ConditionOperator = {}));
|
||
|
|
var EventType;
|
||
|
|
(function (EventType) {
|
||
|
|
EventType[EventType["KEYDOWN"] = 0] = "KEYDOWN";
|
||
|
|
EventType[EventType["KEYUP"] = 1] = "KEYUP";
|
||
|
|
})(EventType || (EventType = {}));
|
||
|
|
/**
|
||
|
|
* Core
|
||
|
|
*
|
||
|
|
* @class
|
||
|
|
* @author Baptiste Donaux <baptiste.donaux@gmail.com> @baptistedonaux
|
||
|
|
*/
|
||
|
|
var AutoComplete = (function () {
|
||
|
|
// Constructor
|
||
|
|
function AutoComplete(params, selector) {
|
||
|
|
if (params === void 0) { params = {}; }
|
||
|
|
if (selector === void 0) { selector = "[data-autocomplete]"; }
|
||
|
|
if (Array.isArray(selector)) {
|
||
|
|
selector.forEach(function (s) {
|
||
|
|
new AutoComplete(params, s);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else if (typeof selector == "string") {
|
||
|
|
var elements = document.querySelectorAll(selector);
|
||
|
|
Array.prototype.forEach.call(elements, function (input) {
|
||
|
|
new AutoComplete(params, input);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
var specificParams = AutoComplete.merge(AutoComplete.defaults, params, {
|
||
|
|
DOMResults: document.createElement("div")
|
||
|
|
});
|
||
|
|
AutoComplete.prototype.create(specificParams, selector);
|
||
|
|
return specificParams;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
AutoComplete.prototype.create = function (params, element) {
|
||
|
|
params.Input = element;
|
||
|
|
if (params.Input.nodeName.match(/^INPUT$/i) && (params.Input.hasAttribute("type") === false || params.Input.getAttribute("type").match(/^TEXT|SEARCH$/i))) {
|
||
|
|
params.Input.setAttribute("autocomplete", "off");
|
||
|
|
params._Position(params);
|
||
|
|
params.Input.parentNode.appendChild(params.DOMResults);
|
||
|
|
params.$Listeners = {
|
||
|
|
blur: params._Blur.bind(params),
|
||
|
|
destroy: AutoComplete.prototype.destroy.bind(null, params),
|
||
|
|
focus: params._Focus.bind(params),
|
||
|
|
keyup: AutoComplete.prototype.event.bind(null, params, EventType.KEYUP),
|
||
|
|
keydown: AutoComplete.prototype.event.bind(null, params, EventType.KEYDOWN),
|
||
|
|
position: params._Position.bind(params)
|
||
|
|
};
|
||
|
|
for (var event in params.$Listeners) {
|
||
|
|
params.Input.addEventListener(event, params.$Listeners[event]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
AutoComplete.prototype.getEventsByType = function (params, type) {
|
||
|
|
var mappings = {};
|
||
|
|
for (var key in params.KeyboardMappings) {
|
||
|
|
var event = EventType.KEYUP;
|
||
|
|
if (params.KeyboardMappings[key].Event !== undefined) {
|
||
|
|
event = params.KeyboardMappings[key].Event;
|
||
|
|
}
|
||
|
|
if (event == type) {
|
||
|
|
mappings[key] = params.KeyboardMappings[key];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return mappings;
|
||
|
|
};
|
||
|
|
AutoComplete.prototype.event = function (params, type, event) {
|
||
|
|
var eventIdentifier = function (condition) {
|
||
|
|
if ((match === true && mapping.Operator == ConditionOperator.AND) || (match === false && mapping.Operator == ConditionOperator.OR)) {
|
||
|
|
condition = AutoComplete.merge({
|
||
|
|
Not: false
|
||
|
|
}, condition);
|
||
|
|
if (condition.hasOwnProperty("Is")) {
|
||
|
|
if (condition.Is == event.keyCode) {
|
||
|
|
match = !condition.Not;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
match = condition.Not;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else if (condition.hasOwnProperty("From") && condition.hasOwnProperty("To")) {
|
||
|
|
if (event.keyCode >= condition.From && event.keyCode <= condition.To) {
|
||
|
|
match = !condition.Not;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
match = condition.Not;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
for (var name in AutoComplete.prototype.getEventsByType(params, type)) {
|
||
|
|
var mapping = AutoComplete.merge({
|
||
|
|
Operator: ConditionOperator.AND
|
||
|
|
}, params.KeyboardMappings[name]), match = ConditionOperator.AND == mapping.Operator;
|
||
|
|
mapping.Conditions.forEach(eventIdentifier);
|
||
|
|
if (match === true) {
|
||
|
|
mapping.Callback.call(params, event);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
AutoComplete.prototype.makeRequest = function (params, callback) {
|
||
|
|
var propertyHttpHeaders = Object.getOwnPropertyNames(params.HttpHeaders), request = new XMLHttpRequest(), method = params._HttpMethod(), url = params._Url(), queryParams = params._Pre(), queryParamsStringify = encodeURIComponent(params._QueryArg()) + "=" + encodeURIComponent(queryParams);
|
||
|
|
if (method.match(/^GET$/i)) {
|
||
|
|
if (url.indexOf("?") !== -1) {
|
||
|
|
url += "&" + queryParamsStringify;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
url += "?" + queryParamsStringify;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
request.open(method, url, true);
|
||
|
|
for (var i = propertyHttpHeaders.length - 1; i >= 0; i--) {
|
||
|
|
request.setRequestHeader(propertyHttpHeaders[i], params.HttpHeaders[propertyHttpHeaders[i]]);
|
||
|
|
}
|
||
|
|
request.onreadystatechange = function () {
|
||
|
|
if (request.readyState == 4 && request.status == 200) {
|
||
|
|
params.$Cache[queryParams] = request.response;
|
||
|
|
callback(request.response);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
return request;
|
||
|
|
};
|
||
|
|
AutoComplete.prototype.ajax = function (params, request, timeout) {
|
||
|
|
if (timeout === void 0) { timeout = true; }
|
||
|
|
if (params.$AjaxTimer) {
|
||
|
|
window.clearTimeout(params.$AjaxTimer);
|
||
|
|
}
|
||
|
|
if (timeout === true) {
|
||
|
|
params.$AjaxTimer = window.setTimeout(AutoComplete.prototype.ajax.bind(null, params, request, false), params.Delay);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
if (params.Request) {
|
||
|
|
params.Request.abort();
|
||
|
|
}
|
||
|
|
params.Request = request;
|
||
|
|
params.Request.send(params._QueryArg() + "=" + params._Pre());
|
||
|
|
}
|
||
|
|
};
|
||
|
|
AutoComplete.prototype.cache = function (params, callback) {
|
||
|
|
var response = params._Cache(params._Pre());
|
||
|
|
if (response === undefined) {
|
||
|
|
var request = AutoComplete.prototype.makeRequest(params, callback);
|
||
|
|
AutoComplete.prototype.ajax(params, request);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
callback(response);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
AutoComplete.prototype.destroy = function (params) {
|
||
|
|
for (var event in params.$Listeners) {
|
||
|
|
params.Input.removeEventListener(event, params.$Listeners[event]);
|
||
|
|
}
|
||
|
|
params.DOMResults.parentNode.removeChild(params.DOMResults);
|
||
|
|
};
|
||
|
|
return AutoComplete;
|
||
|
|
}());
|
||
|
|
AutoComplete.merge = function () {
|
||
|
|
var merge = {}, tmp;
|
||
|
|
for (var i = 0; i < arguments.length; i++) {
|
||
|
|
for (tmp in arguments[i]) {
|
||
|
|
merge[tmp] = arguments[i][tmp];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return merge;
|
||
|
|
};
|
||
|
|
AutoComplete.defaults = {
|
||
|
|
Delay: 150,
|
||
|
|
EmptyMessage: "No result here",
|
||
|
|
Highlight: {
|
||
|
|
getRegex: function (value) {
|
||
|
|
return new RegExp(value, "ig");
|
||
|
|
},
|
||
|
|
transform: function (value) {
|
||
|
|
return "<strong>" + value + "</strong>";
|
||
|
|
}
|
||
|
|
},
|
||
|
|
HttpHeaders: {
|
||
|
|
"Content-type": "application/x-www-form-urlencoded"
|
||
|
|
},
|
||
|
|
Limit: 0,
|
||
|
|
MinChars: 0,
|
||
|
|
HttpMethod: "GET",
|
||
|
|
QueryArg: "q",
|
||
|
|
Url: null,
|
||
|
|
KeyboardMappings: {
|
||
|
|
"Enter": {
|
||
|
|
Conditions: [{
|
||
|
|
Is: 13,
|
||
|
|
Not: false
|
||
|
|
}],
|
||
|
|
Callback: function (event) {
|
||
|
|
if (this.DOMResults.getAttribute("class").indexOf("open") != -1) {
|
||
|
|
var liActive = this.DOMResults.querySelector("li.active");
|
||
|
|
if (liActive !== null) {
|
||
|
|
event.preventDefault();
|
||
|
|
this._Select(liActive);
|
||
|
|
this.DOMResults.setAttribute("class", "autocomplete");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
Operator: ConditionOperator.AND,
|
||
|
|
Event: EventType.KEYDOWN
|
||
|
|
},
|
||
|
|
"KeyUpAndDown_down": {
|
||
|
|
Conditions: [{
|
||
|
|
Is: 38,
|
||
|
|
Not: false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
Is: 40,
|
||
|
|
Not: false
|
||
|
|
}],
|
||
|
|
Callback: function (event) {
|
||
|
|
event.preventDefault();
|
||
|
|
},
|
||
|
|
Operator: ConditionOperator.OR,
|
||
|
|
Event: EventType.KEYDOWN
|
||
|
|
},
|
||
|
|
"KeyUpAndDown_up": {
|
||
|
|
Conditions: [{
|
||
|
|
Is: 38,
|
||
|
|
Not: false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
Is: 40,
|
||
|
|
Not: false
|
||
|
|
}],
|
||
|
|
Callback: function (event) {
|
||
|
|
event.preventDefault();
|
||
|
|
var first = this.DOMResults.querySelector("li:first-child:not(.locked)"), last = this.DOMResults.querySelector("li:last-child:not(.locked)"), active = this.DOMResults.querySelector("li.active");
|
||
|
|
if (active) {
|
||
|
|
var currentIndex = Array.prototype.indexOf.call(active.parentNode.children, active), position = currentIndex + (event.keyCode - 39), lisCount = this.DOMResults.getElementsByTagName("li").length;
|
||
|
|
if (position < 0) {
|
||
|
|
position = lisCount - 1;
|
||
|
|
}
|
||
|
|
else if (position >= lisCount) {
|
||
|
|
position = 0;
|
||
|
|
}
|
||
|
|
active.classList.remove("active");
|
||
|
|
active.parentElement.children.item(position).classList.add("active");
|
||
|
|
}
|
||
|
|
else if (last && event.keyCode == 38) {
|
||
|
|
last.classList.add("active");
|
||
|
|
}
|
||
|
|
else if (first) {
|
||
|
|
first.classList.add("active");
|
||
|
|
}
|
||
|
|
},
|
||
|
|
Operator: ConditionOperator.OR,
|
||
|
|
Event: EventType.KEYUP
|
||
|
|
},
|
||
|
|
"AlphaNum": {
|
||
|
|
Conditions: [{
|
||
|
|
Is: 13,
|
||
|
|
Not: true
|
||
|
|
}, {
|
||
|
|
From: 35,
|
||
|
|
To: 40,
|
||
|
|
Not: true
|
||
|
|
}],
|
||
|
|
Callback: function () {
|
||
|
|
var oldValue = this.Input.getAttribute("data-autocomplete-old-value"), currentValue = this._Pre();
|
||
|
|
if (currentValue !== "" && currentValue.length >= this._MinChars()) {
|
||
|
|
if (!oldValue || currentValue != oldValue) {
|
||
|
|
this.DOMResults.setAttribute("class", "autocomplete open");
|
||
|
|
}
|
||
|
|
AutoComplete.prototype.cache(this, function (response) {
|
||
|
|
this._Render(this._Post(response));
|
||
|
|
this._Open();
|
||
|
|
}.bind(this));
|
||
|
|
}
|
||
|
|
},
|
||
|
|
Operator: ConditionOperator.AND,
|
||
|
|
Event: EventType.KEYUP
|
||
|
|
}
|
||
|
|
},
|
||
|
|
DOMResults: null,
|
||
|
|
Request: null,
|
||
|
|
Input: null,
|
||
|
|
/**
|
||
|
|
* Return the message when no result returns
|
||
|
|
*/
|
||
|
|
_EmptyMessage: function () {
|
||
|
|
var emptyMessage = "";
|
||
|
|
if (this.Input.hasAttribute("data-autocomplete-empty-message")) {
|
||
|
|
emptyMessage = this.Input.getAttribute("data-autocomplete-empty-message");
|
||
|
|
}
|
||
|
|
else if (this.EmptyMessage !== false) {
|
||
|
|
emptyMessage = this.EmptyMessage;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
emptyMessage = "";
|
||
|
|
}
|
||
|
|
return emptyMessage;
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Returns the maximum number of results
|
||
|
|
*/
|
||
|
|
_Limit: function () {
|
||
|
|
var limit = this.Input.getAttribute("data-autocomplete-limit");
|
||
|
|
if (isNaN(limit) || limit === null) {
|
||
|
|
return this.Limit;
|
||
|
|
}
|
||
|
|
return parseInt(limit, 10);
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Returns the minimum number of characters entered before firing ajax
|
||
|
|
*/
|
||
|
|
_MinChars: function () {
|
||
|
|
var minchars = this.Input.getAttribute("data-autocomplete-minchars");
|
||
|
|
if (isNaN(minchars) || minchars === null) {
|
||
|
|
return this.MinChars;
|
||
|
|
}
|
||
|
|
return parseInt(minchars, 10);
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Apply transformation on labels response
|
||
|
|
*/
|
||
|
|
_Highlight: function (label) {
|
||
|
|
return label.replace(this.Highlight.getRegex(this._Pre()), this.Highlight.transform);
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Returns the HHTP method to use
|
||
|
|
*/
|
||
|
|
_HttpMethod: function () {
|
||
|
|
if (this.Input.hasAttribute("data-autocomplete-method")) {
|
||
|
|
return this.Input.getAttribute("data-autocomplete-method");
|
||
|
|
}
|
||
|
|
return this.HttpMethod;
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Returns the query param to use
|
||
|
|
*/
|
||
|
|
_QueryArg: function () {
|
||
|
|
if (this.Input.hasAttribute("data-autocomplete-param-name")) {
|
||
|
|
return this.Input.getAttribute("data-autocomplete-param-name");
|
||
|
|
}
|
||
|
|
return this.QueryArg;
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Returns the URL to use for AJAX request
|
||
|
|
*/
|
||
|
|
_Url: function () {
|
||
|
|
if (this.Input.hasAttribute("data-autocomplete")) {
|
||
|
|
return this.Input.getAttribute("data-autocomplete");
|
||
|
|
}
|
||
|
|
return this.Url;
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Manage the close
|
||
|
|
*/
|
||
|
|
_Blur: function (now) {
|
||
|
|
if (now === true) {
|
||
|
|
this.DOMResults.setAttribute("class", "autocomplete");
|
||
|
|
this.Input.setAttribute("data-autocomplete-old-value", this.Input.value);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
var params = this;
|
||
|
|
setTimeout(function () {
|
||
|
|
params._Blur(true);
|
||
|
|
}, 150);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Manage the cache
|
||
|
|
*/
|
||
|
|
_Cache: function (value) {
|
||
|
|
return this.$Cache[value];
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Manage the open
|
||
|
|
*/
|
||
|
|
_Focus: function () {
|
||
|
|
var oldValue = this.Input.getAttribute("data-autocomplete-old-value");
|
||
|
|
if ((!oldValue || this.Input.value != oldValue) && this._MinChars() <= this.Input.value.length) {
|
||
|
|
this.DOMResults.setAttribute("class", "autocomplete open");
|
||
|
|
}
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Bind all results item if one result is opened
|
||
|
|
*/
|
||
|
|
_Open: function () {
|
||
|
|
var params = this;
|
||
|
|
Array.prototype.forEach.call(this.DOMResults.getElementsByTagName("li"), function (li) {
|
||
|
|
if (li.getAttribute("class") != "locked") {
|
||
|
|
li.onclick = function (event) {
|
||
|
|
params._Select(li);
|
||
|
|
};
|
||
|
|
li.onmouseenter = function () {
|
||
|
|
var active = params.DOMResults.querySelector("li.active");
|
||
|
|
if (active !== li) {
|
||
|
|
if (active !== null) {
|
||
|
|
active.classList.remove("active");
|
||
|
|
}
|
||
|
|
li.classList.add("active");
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Position the results HTML element
|
||
|
|
*/
|
||
|
|
_Position: function () {
|
||
|
|
this.DOMResults.setAttribute("class", "autocomplete");
|
||
|
|
this.DOMResults.setAttribute("style", "top:" + (this.Input.offsetTop + this.Input.offsetHeight) + "px;left:" + this.Input.offsetLeft + "px;width:" + this.Input.clientWidth + "px;");
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Execute the render of results DOM element
|
||
|
|
*/
|
||
|
|
_Render: function (response) {
|
||
|
|
var ul;
|
||
|
|
if (typeof response == "string") {
|
||
|
|
ul = this._RenderRaw(response);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
ul = this._RenderResponseItems(response);
|
||
|
|
}
|
||
|
|
if (this.DOMResults.hasChildNodes()) {
|
||
|
|
this.DOMResults.removeChild(this.DOMResults.childNodes[0]);
|
||
|
|
}
|
||
|
|
this.DOMResults.appendChild(ul);
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* ResponseItems[] rendering
|
||
|
|
*/
|
||
|
|
_RenderResponseItems: function (response) {
|
||
|
|
var ul = document.createElement("ul"), li = document.createElement("li"), limit = this._Limit();
|
||
|
|
// Order
|
||
|
|
if (limit < 0) {
|
||
|
|
response = response.reverse();
|
||
|
|
}
|
||
|
|
else if (limit === 0) {
|
||
|
|
limit = response.length;
|
||
|
|
}
|
||
|
|
for (var item = 0; item < Math.min(Math.abs(limit), response.length); item++) {
|
||
|
|
li.innerHTML = response[item].Label;
|
||
|
|
li.setAttribute("data-autocomplete-value", response[item].Value);
|
||
|
|
ul.appendChild(li);
|
||
|
|
li = document.createElement("li");
|
||
|
|
}
|
||
|
|
return ul;
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* string response rendering (RAW HTML)
|
||
|
|
*/
|
||
|
|
_RenderRaw: function (response) {
|
||
|
|
var ul = document.createElement("ul"), li = document.createElement("li");
|
||
|
|
if (response.length > 0) {
|
||
|
|
this.DOMResults.innerHTML = response;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
var emptyMessage = this._EmptyMessage();
|
||
|
|
if (emptyMessage !== "") {
|
||
|
|
li.innerHTML = emptyMessage;
|
||
|
|
li.setAttribute("class", "locked");
|
||
|
|
ul.appendChild(li);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return ul;
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Deal with request response
|
||
|
|
*/
|
||
|
|
_Post: function (response) {
|
||
|
|
try {
|
||
|
|
var returnResponse = [];
|
||
|
|
//JSON return
|
||
|
|
var json = JSON.parse(response);
|
||
|
|
if (Object.keys(json).length === 0) {
|
||
|
|
return "";
|
||
|
|
}
|
||
|
|
if (Array.isArray(json)) {
|
||
|
|
for (var i = 0; i < Object.keys(json).length; i++) {
|
||
|
|
returnResponse[returnResponse.length] = { "Value": json[i], "Label": this._Highlight(json[i]) };
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
for (var value in json) {
|
||
|
|
returnResponse.push({
|
||
|
|
"Value": value,
|
||
|
|
"Label": this._Highlight(json[value])
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return returnResponse;
|
||
|
|
}
|
||
|
|
catch (event) {
|
||
|
|
//HTML return
|
||
|
|
return response;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Return the autocomplete value to send (before request)
|
||
|
|
*/
|
||
|
|
_Pre: function () {
|
||
|
|
return this.Input.value;
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* Choice one result item
|
||
|
|
*/
|
||
|
|
_Select: function (item) {
|
||
|
|
console.log('test test test');
|
||
|
|
if (item.hasAttribute("data-autocomplete-value")) {
|
||
|
|
this.Input.value = item.getAttribute("data-autocomplete-value");
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
this.Input.value = item.innerHTML;
|
||
|
|
}
|
||
|
|
this.Input.setAttribute("data-autocomplete-old-value", this.Input.value);
|
||
|
|
},
|
||
|
|
$AjaxTimer: null,
|
||
|
|
$Cache: {},
|
||
|
|
$Listeners: {}
|
||
|
|
};
|
||
|
|
module.exports = AutoComplete;
|
||
|
|
|
||
|
|
},{}]},{},[1])(1)
|
||
|
|
});
|
||
|
|
;/**
|
||
|
|
*
|
||
|
|
* Google Image Layout v0.0.1
|
||
|
|
* Description, by Anh Trinh.
|
||
|
|
* Heavily modified for searx
|
||
|
|
* http://trinhtrunganh.com
|
||
|
|
*
|
||
|
|
* @license Free to use under the MIT License.
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
(function(w, d) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
function ImageLayout(container_selector, results_selector, img_selector, maxHeight) {
|
||
|
|
this.container_selector = container_selector;
|
||
|
|
this.results_selector = results_selector;
|
||
|
|
this.img_selector = img_selector;
|
||
|
|
this.margin = 10;
|
||
|
|
this.maxHeight = maxHeight;
|
||
|
|
this._alignAllDone = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get the height that make all images fit the container
|
||
|
|
*
|
||
|
|
* width = w1 + w2 + w3 + ... = r1*h + r2*h + r3*h + ...
|
||
|
|
*
|
||
|
|
* @param {[type]} images the images to be calculated
|
||
|
|
* @param {[type]} width the container witdth
|
||
|
|
* @param {[type]} margin the margin between each image
|
||
|
|
*
|
||
|
|
* @return {[type]} the height
|
||
|
|
*/
|
||
|
|
ImageLayout.prototype._getHeigth = function(images, width) {
|
||
|
|
var r = 0,
|
||
|
|
img;
|
||
|
|
|
||
|
|
width -= images.length * this.margin;
|
||
|
|
for (var i = 0; i < images.length; i++) {
|
||
|
|
img = images[i];
|
||
|
|
if ((img.naturalWidth > 0) && (img.naturalHeight > 0)) {
|
||
|
|
r += img.naturalWidth / img.naturalHeight;
|
||
|
|
} else {
|
||
|
|
// assume that not loaded images are square
|
||
|
|
r += 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return width / r; //have to round down because Firefox will automatically roundup value with number of decimals > 3
|
||
|
|
};
|
||
|
|
|
||
|
|
ImageLayout.prototype._setSize = function(images, height) {
|
||
|
|
var img, imgWidth, imagesLength = images.length;
|
||
|
|
for (var i = 0; i < imagesLength; i++) {
|
||
|
|
img = images[i];
|
||
|
|
if ((img.naturalWidth > 0) && (img.naturalHeight > 0)) {
|
||
|
|
imgWidth = height * img.naturalWidth / img.naturalHeight;
|
||
|
|
} else {
|
||
|
|
// not loaded image : make it square as _getHeigth said it
|
||
|
|
imgWidth = height;
|
||
|
|
}
|
||
|
|
img.style.width = imgWidth + 'px';
|
||
|
|
img.style.height = height + 'px';
|
||
|
|
img.style.marginLeft = '3px';
|
||
|
|
img.style.marginTop = '3px';
|
||
|
|
img.style.marginRight = this.margin - 7 + 'px'; // -4 is the negative margin of the inline element
|
||
|
|
img.style.marginBottom = this.margin - 7 + 'px';
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
ImageLayout.prototype._alignImgs = function(imgGroup) {
|
||
|
|
var slice, h,
|
||
|
|
containerWidth = d.querySelector(this.container_selector).clientWidth;
|
||
|
|
|
||
|
|
w: while (imgGroup.length > 0) {
|
||
|
|
for (var i = 1; i <= imgGroup.length; i++) {
|
||
|
|
slice = imgGroup.slice(0, i);
|
||
|
|
h = this._getHeigth(slice, containerWidth);
|
||
|
|
if (h < this.maxHeight) {
|
||
|
|
this._setSize(slice, h);
|
||
|
|
imgGroup = imgGroup.slice(i);
|
||
|
|
continue w;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
this._setSize(slice, Math.min(this.maxHeight, h));
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
ImageLayout.prototype.align = function(results_selector) {
|
||
|
|
var results_selectorNode = d.querySelectorAll(this.results_selector),
|
||
|
|
results_length = results_selectorNode.length,
|
||
|
|
previous = null,
|
||
|
|
current = null,
|
||
|
|
imgGroup = [];
|
||
|
|
for (var i = 0; i < results_length; i++) {
|
||
|
|
current = results_selectorNode[i];
|
||
|
|
if (current.previousElementSibling !== previous && imgGroup.length > 0) {
|
||
|
|
// the current image is not conected to previous one
|
||
|
|
// so the current image is the start of a new group of images.
|
||
|
|
// so call _alignImgs to align the current group
|
||
|
|
this._alignImgs(imgGroup);
|
||
|
|
// and start a new empty group of images
|
||
|
|
imgGroup = [];
|
||
|
|
}
|
||
|
|
// add the current image to the group (only the img tag)
|
||
|
|
imgGroup.push(current.querySelector(this.img_selector));
|
||
|
|
// update the previous variable
|
||
|
|
previous = current;
|
||
|
|
}
|
||
|
|
// align the remaining images
|
||
|
|
if (imgGroup.length > 0) {
|
||
|
|
this._alignImgs(imgGroup);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
ImageLayout.prototype.watch = function() {
|
||
|
|
var i, img, imgGroup, imgNodeLength,
|
||
|
|
obj = this,
|
||
|
|
results_nodes = d.querySelectorAll(this.results_selector),
|
||
|
|
results_length = results_nodes.length;
|
||
|
|
|
||
|
|
function align(e) {
|
||
|
|
obj.align();
|
||
|
|
}
|
||
|
|
|
||
|
|
function throttleAlign(e) {
|
||
|
|
if (obj._alignAllDone) {
|
||
|
|
obj._alignAllDone = false;
|
||
|
|
setTimeout(function() {
|
||
|
|
obj.align();
|
||
|
|
obj._alignAllDone = true;
|
||
|
|
}, 100);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
w.addEventListener('resize', throttleAlign);
|
||
|
|
w.addEventListener('pageshow', align);
|
||
|
|
|
||
|
|
for (i = 0; i < results_length; i++) {
|
||
|
|
img = results_nodes[i].querySelector(this.img_selector);
|
||
|
|
if (typeof img !== 'undefined') {
|
||
|
|
img.addEventListener('load', throttleAlign);
|
||
|
|
img.addEventListener('error', throttleAlign);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
w.searx.ImageLayout = ImageLayout;
|
||
|
|
|
||
|
|
})(window, document);
|
||
|
|
;searx.ready(function() {
|
||
|
|
|
||
|
|
searx.on('.result', 'click', function() {
|
||
|
|
highlightResult(this)(true);
|
||
|
|
});
|
||
|
|
|
||
|
|
searx.on('.result a', 'focus', function(e) {
|
||
|
|
var el = e.target;
|
||
|
|
while (el !== undefined) {
|
||
|
|
if (el.classList.contains('result')) {
|
||
|
|
if (el.getAttribute("data-vim-selected") === null) {
|
||
|
|
highlightResult(el)(true);
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
el = el.parentNode;
|
||
|
|
}
|
||
|
|
}, true);
|
||
|
|
|
||
|
|
var vimKeys = {
|
||
|
|
27: {
|
||
|
|
key: 'Escape',
|
||
|
|
fun: removeFocus,
|
||
|
|
des: 'remove focus from the focused input',
|
||
|
|
cat: 'Control'
|
||
|
|
},
|
||
|
|
73: {
|
||
|
|
key: 'i',
|
||
|
|
fun: searchInputFocus,
|
||
|
|
des: 'focus on the search input',
|
||
|
|
cat: 'Control'
|
||
|
|
},
|
||
|
|
66: {
|
||
|
|
key: 'b',
|
||
|
|
fun: scrollPage(-window.innerHeight),
|
||
|
|
des: 'scroll one page up',
|
||
|
|
cat: 'Navigation'
|
||
|
|
},
|
||
|
|
70: {
|
||
|
|
key: 'f',
|
||
|
|
fun: scrollPage(window.innerHeight),
|
||
|
|
des: 'scroll one page down',
|
||
|
|
cat: 'Navigation'
|
||
|
|
},
|
||
|
|
85: {
|
||
|
|
key: 'u',
|
||
|
|
fun: scrollPage(-window.innerHeight / 2),
|
||
|
|
des: 'scroll half a page up',
|
||
|
|
cat: 'Navigation'
|
||
|
|
},
|
||
|
|
68: {
|
||
|
|
key: 'd',
|
||
|
|
fun: scrollPage(window.innerHeight / 2),
|
||
|
|
des: 'scroll half a page down',
|
||
|
|
cat: 'Navigation'
|
||
|
|
},
|
||
|
|
71: {
|
||
|
|
key: 'g',
|
||
|
|
fun: scrollPageTo(-document.body.scrollHeight, 'top'),
|
||
|
|
des: 'scroll to the top of the page',
|
||
|
|
cat: 'Navigation'
|
||
|
|
},
|
||
|
|
86: {
|
||
|
|
key: 'v',
|
||
|
|
fun: scrollPageTo(document.body.scrollHeight, 'bottom'),
|
||
|
|
des: 'scroll to the bottom of the page',
|
||
|
|
cat: 'Navigation'
|
||
|
|
},
|
||
|
|
75: {
|
||
|
|
key: 'k',
|
||
|
|
fun: highlightResult('up'),
|
||
|
|
des: 'select previous search result',
|
||
|
|
cat: 'Results'
|
||
|
|
},
|
||
|
|
74: {
|
||
|
|
key: 'j',
|
||
|
|
fun: highlightResult('down'),
|
||
|
|
des: 'select next search result',
|
||
|
|
cat: 'Results'
|
||
|
|
},
|
||
|
|
80: {
|
||
|
|
key: 'p',
|
||
|
|
fun: pageButtonClick(0),
|
||
|
|
des: 'go to previous page',
|
||
|
|
cat: 'Results'
|
||
|
|
},
|
||
|
|
78: {
|
||
|
|
key: 'n',
|
||
|
|
fun: pageButtonClick(1),
|
||
|
|
des: 'go to next page',
|
||
|
|
cat: 'Results'
|
||
|
|
},
|
||
|
|
79: {
|
||
|
|
key: 'o',
|
||
|
|
fun: openResult(false),
|
||
|
|
des: 'open search result',
|
||
|
|
cat: 'Results'
|
||
|
|
},
|
||
|
|
84: {
|
||
|
|
key: 't',
|
||
|
|
fun: openResult(true),
|
||
|
|
des: 'open the result in a new tab',
|
||
|
|
cat: 'Results'
|
||
|
|
},
|
||
|
|
82: {
|
||
|
|
key: 'r',
|
||
|
|
fun: reloadPage,
|
||
|
|
des: 'reload page from the server',
|
||
|
|
cat: 'Control'
|
||
|
|
},
|
||
|
|
72: {
|
||
|
|
key: 'h',
|
||
|
|
fun: toggleHelp,
|
||
|
|
des: 'toggle help window',
|
||
|
|
cat: 'Other'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
searx.on(document, "keyup", function(e) {
|
||
|
|
// check for modifiers so we don't break browser's hotkeys
|
||
|
|
if (vimKeys.hasOwnProperty(e.keyCode) && !e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey) {
|
||
|
|
var tagName = e.target.tagName.toLowerCase();
|
||
|
|
if (e.keyCode === 27) {
|
||
|
|
if (tagName === 'input' || tagName === 'select' || tagName === 'textarea') {
|
||
|
|
vimKeys[e.keyCode].fun();
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if (e.target === document.body || tagName === 'a' || tagName === 'button') {
|
||
|
|
vimKeys[e.keyCode].fun();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
function highlightResult(which) {
|
||
|
|
return function(noScroll) {
|
||
|
|
var current = document.querySelector('.result[data-vim-selected]'),
|
||
|
|
effectiveWhich = which;
|
||
|
|
if (current === null) {
|
||
|
|
// no selection : choose the first one
|
||
|
|
current = document.querySelector('.result');
|
||
|
|
if (current === null) {
|
||
|
|
// no first one : there are no results
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
// replace up/down actions by selecting first one
|
||
|
|
if (which === "down" || which === "up") {
|
||
|
|
effectiveWhich = current;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var next, results = document.querySelectorAll('.result');
|
||
|
|
|
||
|
|
if (typeof effectiveWhich !== 'string') {
|
||
|
|
next = effectiveWhich;
|
||
|
|
} else {
|
||
|
|
switch (effectiveWhich) {
|
||
|
|
case 'visible':
|
||
|
|
var top = document.documentElement.scrollTop || document.body.scrollTop;
|
||
|
|
var bot = top + document.documentElement.clientHeight;
|
||
|
|
|
||
|
|
for (var i = 0; i < results.length; i++) {
|
||
|
|
next = results[i];
|
||
|
|
var etop = next.offsetTop;
|
||
|
|
var ebot = etop + next.clientHeight;
|
||
|
|
|
||
|
|
if ((ebot <= bot) && (etop > top)) {
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'down':
|
||
|
|
next = current.nextElementSibling;
|
||
|
|
if (next === null) {
|
||
|
|
next = results[0];
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'up':
|
||
|
|
next = current.previousElementSibling;
|
||
|
|
if (next === null) {
|
||
|
|
next = results[results.length - 1];
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'bottom':
|
||
|
|
next = results[results.length - 1];
|
||
|
|
break;
|
||
|
|
case 'top':
|
||
|
|
/* falls through */
|
||
|
|
default:
|
||
|
|
next = results[0];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (next) {
|
||
|
|
current.removeAttribute('data-vim-selected');
|
||
|
|
next.setAttribute('data-vim-selected', 'true');
|
||
|
|
var link = next.querySelector('h3 a') || next.querySelector('a');
|
||
|
|
if (link !== null) {
|
||
|
|
link.focus();
|
||
|
|
}
|
||
|
|
if (!noScroll) {
|
||
|
|
scrollPageToSelected();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function reloadPage() {
|
||
|
|
document.location.reload(true);
|
||
|
|
}
|
||
|
|
|
||
|
|
function removeFocus() {
|
||
|
|
if (document.activeElement) {
|
||
|
|
document.activeElement.blur();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function pageButtonClick(num) {
|
||
|
|
return function() {
|
||
|
|
var buttons = $('div#pagination button[type="submit"]');
|
||
|
|
if (buttons.length !== 2) {
|
||
|
|
console.log('page navigation with this theme is not supported');
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (num >= 0 && num < buttons.length) {
|
||
|
|
buttons[num].click();
|
||
|
|
} else {
|
||
|
|
console.log('pageButtonClick(): invalid argument');
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function scrollPageToSelected() {
|
||
|
|
var sel = document.querySelector('.result[data-vim-selected]');
|
||
|
|
if (sel === null) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var wtop = document.documentElement.scrollTop || document.body.scrollTop,
|
||
|
|
wheight = document.documentElement.clientHeight,
|
||
|
|
etop = sel.offsetTop,
|
||
|
|
ebot = etop + sel.clientHeight,
|
||
|
|
offset = 120;
|
||
|
|
// first element ?
|
||
|
|
if ((sel.previousElementSibling === null) && (ebot < wheight)) {
|
||
|
|
// set to the top of page if the first element
|
||
|
|
// is fully included in the viewport
|
||
|
|
window.scroll(window.scrollX, 0);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (wtop > (etop - offset)) {
|
||
|
|
window.scroll(window.scrollX, etop - offset);
|
||
|
|
} else {
|
||
|
|
var wbot = wtop + wheight;
|
||
|
|
if (wbot < (ebot + offset)) {
|
||
|
|
window.scroll(window.scrollX, ebot - wheight + offset);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function scrollPage(amount) {
|
||
|
|
return function() {
|
||
|
|
window.scrollBy(0, amount);
|
||
|
|
highlightResult('visible')();
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function scrollPageTo(position, nav) {
|
||
|
|
return function() {
|
||
|
|
window.scrollTo(0, position);
|
||
|
|
highlightResult(nav)();
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function searchInputFocus() {
|
||
|
|
window.scrollTo(0, 0);
|
||
|
|
document.querySelector('#q').focus();
|
||
|
|
}
|
||
|
|
|
||
|
|
function openResult(newTab) {
|
||
|
|
return function() {
|
||
|
|
var link = document.querySelector('.result[data-vim-selected] h3 a');
|
||
|
|
if (link !== null) {
|
||
|
|
var url = link.getAttribute('href');
|
||
|
|
if (newTab) {
|
||
|
|
window.open(url);
|
||
|
|
} else {
|
||
|
|
window.location.href = url;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function toggleHelp() {
|
||
|
|
var helpPanel = document.querySelector('#vim-hotkeys-help');
|
||
|
|
if (helpPanel.length) {
|
||
|
|
helpPanel.classList.toggle('hidden');
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var categories = {};
|
||
|
|
|
||
|
|
for (var k in vimKeys) {
|
||
|
|
var key = vimKeys[k];
|
||
|
|
categories[key.cat] = categories[key.cat] || [];
|
||
|
|
categories[key.cat].push(key);
|
||
|
|
}
|
||
|
|
|
||
|
|
var sorted = Object.keys(categories).sort(function(a, b) {
|
||
|
|
return categories[b].length - categories[a].length;
|
||
|
|
});
|
||
|
|
|
||
|
|
if (sorted.length === 0) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var html = '<div id="vim-hotkeys-help" class="well vim-hotkeys-help">';
|
||
|
|
html += '<div class="container-fluid">';
|
||
|
|
|
||
|
|
html += '<div class="row">';
|
||
|
|
html += '<div class="col-sm-12">';
|
||
|
|
html += '<h3>How to navigate searx with Vim-like hotkeys</h3>';
|
||
|
|
html += '</div>'; // col-sm-12
|
||
|
|
html += '</div>'; // row
|
||
|
|
|
||
|
|
for (var i = 0; i < sorted.length; i++) {
|
||
|
|
var cat = categories[sorted[i]];
|
||
|
|
|
||
|
|
var lastCategory = i === (sorted.length - 1);
|
||
|
|
var first = i % 2 === 0;
|
||
|
|
|
||
|
|
if (first) {
|
||
|
|
html += '<div class="row dflex">';
|
||
|
|
}
|
||
|
|
html += '<div class="col-sm-' + (first && lastCategory ? 12 : 6) + ' dflex">';
|
||
|
|
|
||
|
|
html += '<div class="panel panel-default iflex">';
|
||
|
|
html += '<div class="panel-heading">' + cat[0].cat + '</div>';
|
||
|
|
html += '<div class="panel-body">';
|
||
|
|
html += '<ul class="list-unstyled">';
|
||
|
|
|
||
|
|
for (var cj in cat) {
|
||
|
|
html += '<li><kbd>' + cat[cj].key + '</kbd> ' + cat[cj].des + '</li>';
|
||
|
|
}
|
||
|
|
|
||
|
|
html += '</ul>';
|
||
|
|
html += '</div>'; // panel-body
|
||
|
|
html += '</div>'; // panel
|
||
|
|
html += '</div>'; // col-sm-*
|
||
|
|
|
||
|
|
if (!first || lastCategory) {
|
||
|
|
html += '</div>'; // row
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
html += '</div>'; // container-fluid
|
||
|
|
html += '</div>'; // vim-hotkeys-help
|
||
|
|
|
||
|
|
$('body').append(html);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
;/**
|
||
|
|
* searx is free software: you can redistribute it and/or modify
|
||
|
|
* it under the terms of the GNU Affero General Public License as published by
|
||
|
|
* the Free Software Foundation, either version 3 of the License, or
|
||
|
|
* (at your option) any later version.
|
||
|
|
*
|
||
|
|
* searx is distributed in the hope that it will be useful,
|
||
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
|
* GNU Affero General Public License for more details.
|
||
|
|
*
|
||
|
|
* You should have received a copy of the GNU Affero General Public License
|
||
|
|
* along with searx. If not, see < http://www.gnu.org/licenses/ >.
|
||
|
|
*
|
||
|
|
* (C) 2014 by Thomas Pointhuber, <thomas.pointhuber@gmx.at>
|
||
|
|
* (C) 2017 by Alexandre Flament, <alex@al-f.net>
|
||
|
|
*/
|
||
|
|
(function (w, d, searx) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
searx.ready(function () {
|
||
|
|
searx.on('.searx_overpass_request', 'click', function(event) {
|
||
|
|
// no more request
|
||
|
|
this.classList.remove("searx_overpass_request");
|
||
|
|
|
||
|
|
//
|
||
|
|
var overpass_url = "https://overpass-api.de/api/interpreter?data=";
|
||
|
|
var query_start = overpass_url + "[out:json][timeout:25];(";
|
||
|
|
var query_end = ");out meta;";
|
||
|
|
|
||
|
|
var osm_id = this.dataset.osmId;
|
||
|
|
var osm_type = this.dataset.osmType;
|
||
|
|
var result_table = d.querySelector("#" + this.dataset.resultTable);
|
||
|
|
var result_table_loadicon = d.querySelector("#" + this.dataset.resultTableLoadicon);
|
||
|
|
|
||
|
|
// tags which can be ignored
|
||
|
|
var osm_ignore_tags = [ "addr:city", "addr:country", "addr:housenumber", "addr:postcode", "addr:street" ];
|
||
|
|
|
||
|
|
if(osm_id && osm_type && result_table) {
|
||
|
|
var query = null;
|
||
|
|
switch(osm_type) {
|
||
|
|
case 'node':
|
||
|
|
query = query_start + "node(" + osm_id + ");" + query_end;
|
||
|
|
break;
|
||
|
|
case 'way':
|
||
|
|
query = query_start + "way(" + osm_id + ");" + query_end;
|
||
|
|
break;
|
||
|
|
case 'relation':
|
||
|
|
query = query_start + "relation(" + osm_id + ");" + query_end;
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
if(query) {
|
||
|
|
// console.log(query);
|
||
|
|
searx.http( 'GET', query ).then(function(html, contentType) {
|
||
|
|
html = JSON.parse(html);
|
||
|
|
if(html && html.elements && html.elements[0]) {
|
||
|
|
var element = html.elements[0];
|
||
|
|
var newHtml = "";
|
||
|
|
for (var row in element.tags) {
|
||
|
|
if(element.tags.name === null || osm_ignore_tags.indexOf(row) == -1) {
|
||
|
|
newHtml += "<tr><td>" + row + "</td><td>";
|
||
|
|
switch(row) {
|
||
|
|
case "phone":
|
||
|
|
case "fax":
|
||
|
|
newHtml += "<a href=\"tel:" + element.tags[row].replace(/ /g,'') + "\">" + element.tags[row] + "</a>";
|
||
|
|
break;
|
||
|
|
case "email":
|
||
|
|
newHtml += "<a href=\"mailto:" + element.tags[row] + "\">" + element.tags[row] + "</a>";
|
||
|
|
break;
|
||
|
|
case "website":
|
||
|
|
case "url":
|
||
|
|
newHtml += "<a href=\"" + element.tags[row] + "\">" + element.tags[row] + "</a>";
|
||
|
|
break;
|
||
|
|
case "wikidata":
|
||
|
|
newHtml += "<a href=\"https://www.wikidata.org/wiki/" + element.tags[row] + "\">" + element.tags[row] + "</a>";
|
||
|
|
break;
|
||
|
|
case "wikipedia":
|
||
|
|
if(element.tags[row].indexOf(":") != -1) {
|
||
|
|
newHtml += "<a href=\"https://" + element.tags[row].substring(0,element.tags[row].indexOf(":")) + ".wikipedia.org/wiki/" + element.tags[row].substring(element.tags[row].indexOf(":")+1) + "\">" + element.tags[row] + "</a>";
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
/* jshint ignore:start */
|
||
|
|
default:
|
||
|
|
/* jshint ignore:end */
|
||
|
|
newHtml += element.tags[row];
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
newHtml += "</td></tr>";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
result_table_loadicon.classList.add('invisible');
|
||
|
|
result_table.classList.remove('invisible');
|
||
|
|
result_table.querySelector("tbody").innerHTML = newHtml;
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.catch(function() {
|
||
|
|
result_table_loadicon.innerHTML = result_table_loadicon.innerHTML + "<p class=\"text-muted\">could not load data!</p>";
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// this event occour only once per element
|
||
|
|
event.preventDefault();
|
||
|
|
});
|
||
|
|
|
||
|
|
searx.on('.searx_init_map', 'click', function(event) {
|
||
|
|
// no more request
|
||
|
|
this.classList.remove("searx_init_map");
|
||
|
|
|
||
|
|
//
|
||
|
|
var leaflet_target = this.dataset.leafletTarget;
|
||
|
|
var map_lon = parseFloat(this.dataset.mapLon);
|
||
|
|
var map_lat = parseFloat(this.dataset.mapLat);
|
||
|
|
var map_zoom = parseFloat(this.dataset.mapZoom);
|
||
|
|
var map_boundingbox = JSON.parse(this.dataset.mapBoundingbox);
|
||
|
|
var map_geojson = JSON.parse(this.dataset.mapGeojson);
|
||
|
|
|
||
|
|
searx.loadStyle('leaflet/leaflet.css');
|
||
|
|
searx.loadScript('leaflet/leaflet.js', function() {
|
||
|
|
var map_bounds = null;
|
||
|
|
if(map_boundingbox) {
|
||
|
|
var southWest = L.latLng(map_boundingbox[0], map_boundingbox[2]);
|
||
|
|
var northEast = L.latLng(map_boundingbox[1], map_boundingbox[3]);
|
||
|
|
map_bounds = L.latLngBounds(southWest, northEast);
|
||
|
|
}
|
||
|
|
|
||
|
|
// init map
|
||
|
|
var map = L.map(leaflet_target);
|
||
|
|
// create the tile layer with correct attribution
|
||
|
|
var osmMapnikUrl='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
|
||
|
|
var osmMapnikAttrib='Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors';
|
||
|
|
var osmMapnik = new L.TileLayer(osmMapnikUrl, {minZoom: 1, maxZoom: 19, attribution: osmMapnikAttrib});
|
||
|
|
var osmWikimediaUrl='https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png';
|
||
|
|
var osmWikimediaAttrib = 'Wikimedia maps beta | Maps data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors';
|
||
|
|
var osmWikimedia = new L.TileLayer(osmWikimediaUrl, {minZoom: 1, maxZoom: 19, attribution: osmWikimediaAttrib});
|
||
|
|
// init map view
|
||
|
|
if(map_bounds) {
|
||
|
|
// TODO hack: https://github.com/Leaflet/Leaflet/issues/2021
|
||
|
|
// Still useful ?
|
||
|
|
setTimeout(function () {
|
||
|
|
map.fitBounds(map_bounds, {
|
||
|
|
maxZoom:17
|
||
|
|
});
|
||
|
|
}, 0);
|
||
|
|
} else if (map_lon && map_lat) {
|
||
|
|
if(map_zoom) {
|
||
|
|
map.setView(new L.latLng(map_lat, map_lon),map_zoom);
|
||
|
|
} else {
|
||
|
|
map.setView(new L.latLng(map_lat, map_lon),8);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
map.addLayer(osmMapnik);
|
||
|
|
|
||
|
|
var baseLayers = {
|
||
|
|
"OSM Mapnik": osmMapnik/*,
|
||
|
|
"OSM Wikimedia": osmWikimedia*/
|
||
|
|
};
|
||
|
|
|
||
|
|
L.control.layers(baseLayers).addTo(map);
|
||
|
|
|
||
|
|
if(map_geojson) {
|
||
|
|
L.geoJson(map_geojson).addTo(map);
|
||
|
|
} /*else if(map_bounds) {
|
||
|
|
L.rectangle(map_bounds, {color: "#ff7800", weight: 3, fill:false}).addTo(map);
|
||
|
|
}*/
|
||
|
|
});
|
||
|
|
|
||
|
|
// this event occour only once per element
|
||
|
|
event.preventDefault();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
})(window, document, window.searx);
|
||
|
|
;/**
|
||
|
|
* searx is free software: you can redistribute it and/or modify
|
||
|
|
* it under the terms of the GNU Affero General Public License as published by
|
||
|
|
* the Free Software Foundation, either version 3 of the License, or
|
||
|
|
* (at your option) any later version.
|
||
|
|
*
|
||
|
|
* searx is distributed in the hope that it will be useful,
|
||
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
|
* GNU Affero General Public License for more details.
|
||
|
|
*
|
||
|
|
* You should have received a copy of the GNU Affero General Public License
|
||
|
|
* along with searx. If not, see < http://www.gnu.org/licenses/ >.
|
||
|
|
*
|
||
|
|
* (C) 2017 by Alexandre Flament, <alex@al-f.net>
|
||
|
|
*/
|
||
|
|
(function(w, d, searx) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
searx.ready(function() {
|
||
|
|
searx.image_thumbnail_layout = new searx.ImageLayout('#urls', '#urls .result-images', 'img.image_thumbnail', 200);
|
||
|
|
searx.image_thumbnail_layout.watch();
|
||
|
|
|
||
|
|
searx.on('.btn-collapse', 'click', function(event) {
|
||
|
|
var btnLabelCollapsed = this.getAttribute('data-btn-text-collapsed');
|
||
|
|
var btnLabelNotCollapsed = this.getAttribute('data-btn-text-not-collapsed');
|
||
|
|
var target = this.getAttribute('data-target');
|
||
|
|
var targetElement = d.querySelector(target);
|
||
|
|
var html = this.innerHTML;
|
||
|
|
if (this.classList.contains('collapsed')) {
|
||
|
|
html = html.replace(btnLabelCollapsed, btnLabelNotCollapsed);
|
||
|
|
} else {
|
||
|
|
html = html.replace(btnLabelNotCollapsed, btnLabelCollapsed);
|
||
|
|
}
|
||
|
|
this.innerHTML = html;
|
||
|
|
this.classList.toggle('collapsed');
|
||
|
|
targetElement.classList.toggle('invisible');
|
||
|
|
});
|
||
|
|
|
||
|
|
searx.on('.media-loader', 'click', function(event) {
|
||
|
|
var target = this.getAttribute('data-target');
|
||
|
|
var iframe_load = d.querySelector(target + ' > iframe');
|
||
|
|
var srctest = iframe_load.getAttribute('src');
|
||
|
|
if (srctest === null || srctest === undefined || srctest === false) {
|
||
|
|
iframe_load.setAttribute('src', iframe_load.getAttribute('data-src'));
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
w.addEventListener('scroll', function() {
|
||
|
|
var e = d.getElementById('backToTop'),
|
||
|
|
scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
||
|
|
if (e !== null) {
|
||
|
|
if (scrollTop >= 200) {
|
||
|
|
e.style.opacity = 1;
|
||
|
|
} else {
|
||
|
|
e.style.opacity = 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
})(window, document, window.searx);
|
||
|
|
;/**
|
||
|
|
* searx is free software: you can redistribute it and/or modify
|
||
|
|
* it under the terms of the GNU Affero General Public License as published by
|
||
|
|
* the Free Software Foundation, either version 3 of the License, or
|
||
|
|
* (at your option) any later version.
|
||
|
|
*
|
||
|
|
* searx is distributed in the hope that it will be useful,
|
||
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
|
* GNU Affero General Public License for more details.
|
||
|
|
*
|
||
|
|
* You should have received a copy of the GNU Affero General Public License
|
||
|
|
* along with searx. If not, see < http://www.gnu.org/licenses/ >.
|
||
|
|
*
|
||
|
|
* (C) 2017 by Alexandre Flament, <alex@al-f.net>
|
||
|
|
*/
|
||
|
|
(function(w, d, searx) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var firstFocus = true, qinput_id = "q", qinput;
|
||
|
|
|
||
|
|
function placeCursorAtEnd(element) {
|
||
|
|
if (element.setSelectionRange) {
|
||
|
|
var len = element.value.length;
|
||
|
|
element.setSelectionRange(len, len);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function submitIfQuery() {
|
||
|
|
if (qinput.value.length > 0) {
|
||
|
|
var search = document.getElementById('search');
|
||
|
|
setTimeout(search.submit.bind(search), 0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
searx.ready(function() {
|
||
|
|
qinput = d.getElementById(qinput_id);
|
||
|
|
|
||
|
|
function placeCursorAtEndOnce(e) {
|
||
|
|
if (firstFocus) {
|
||
|
|
placeCursorAtEnd(qinput);
|
||
|
|
firstFocus = false;
|
||
|
|
} else {
|
||
|
|
// e.preventDefault();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (qinput !== null) {
|
||
|
|
// autocompleter
|
||
|
|
if (searx.autocompleter) {
|
||
|
|
searx.autocomplete = AutoComplete.call(w, {
|
||
|
|
Url: "./autocompleter",
|
||
|
|
EmptyMessage: searx.noItemFound,
|
||
|
|
HttpMethod: searx.method,
|
||
|
|
MinChars: 4,
|
||
|
|
Delay: 300,
|
||
|
|
}, "#" + qinput_id);
|
||
|
|
|
||
|
|
// hack, see : https://github.com/autocompletejs/autocomplete.js/issues/37
|
||
|
|
w.addEventListener('resize', function() {
|
||
|
|
var event = new CustomEvent("position");
|
||
|
|
qinput.dispatchEvent(event);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
qinput.addEventListener('focus', placeCursorAtEndOnce, false);
|
||
|
|
qinput.focus();
|
||
|
|
}
|
||
|
|
|
||
|
|
// vanilla js version of search_on_category_select.js
|
||
|
|
if (qinput !== null && searx.search_on_category_select) {
|
||
|
|
d.querySelector('.help').className='invisible';
|
||
|
|
|
||
|
|
searx.on('#categories input', 'change', function(e) {
|
||
|
|
var i, categories = d.querySelectorAll('#categories input[type="checkbox"]');
|
||
|
|
for(i=0; i<categories.length; i++) {
|
||
|
|
if (categories[i] !== this && categories[i].checked) {
|
||
|
|
categories[i].click();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (! this.checked) {
|
||
|
|
this.click();
|
||
|
|
}
|
||
|
|
submitIfQuery();
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
|
||
|
|
searx.on(d.getElementById('time_range'), 'change', submitIfQuery);
|
||
|
|
searx.on(d.getElementById('language'), 'change', submitIfQuery);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
})(window, document, window.searx);
|