mirror of
https://github.com/YunoHost-Apps/searx_ynh.git
synced 2024-09-03 20:16:30 +02:00
225 lines
10 KiB
JavaScript
225 lines
10 KiB
JavaScript
|
/**
|
||
|
|
_ _ _
|
||
|
|
| |__ ___ ___ | |_ ___| |_ _ __ __ ___ __
|
||
|
|
| '_ \ / _ \ / _ \| __/ __| __| '__/ _` \ \/ /
|
||
|
|
| |_) | (_) | (_) | |_\__ | |_| | | (_| |> <
|
||
|
|
|_.__/ \___/ \___/ \__|___/\__|_| \__,_/_/\_\.js
|
||
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
requirejs.config({
|
||
|
|
baseUrl: '/static/oscar/js',
|
||
|
|
paths: {
|
||
|
|
app: '../app'
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
if(searx.autocompleter) {
|
||
|
|
searx.searchResults = new Bloodhound({
|
||
|
|
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
|
||
|
|
queryTokenizer: Bloodhound.tokenizers.whitespace,
|
||
|
|
remote: '/autocompleter?q=%QUERY'
|
||
|
|
});
|
||
|
|
searx.searchResults.initialize();
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
$('.btn-toggle .btn').click(function() {
|
||
|
|
var btnClass = 'btn-' + $(this).data('btn-class');
|
||
|
|
var btnLabelDefault = $(this).data('btn-label-default');
|
||
|
|
var btnLabelToggled = $(this).data('btn-label-toggled');
|
||
|
|
if(btnLabelToggled != '') {
|
||
|
|
if($(this).hasClass('btn-default')) {
|
||
|
|
|
||
|
|
var html = $(this).html().replace(btnLabelDefault, btnLabelToggled);
|
||
|
|
} else {
|
||
|
|
var html = $(this).html().replace(btnLabelToggled, btnLabelDefault);
|
||
|
|
}
|
||
|
|
$(this).html(html);
|
||
|
|
}
|
||
|
|
$(this).toggleClass(btnClass);
|
||
|
|
$(this).toggleClass('btn-default');
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.btn-collapse').click(function() {
|
||
|
|
var btnTextCollapsed = $(this).data('btn-text-collapsed');
|
||
|
|
var btnTextNotCollapsed = $(this).data('btn-text-not-collapsed');
|
||
|
|
|
||
|
|
if(btnTextCollapsed != '' && btnTextNotCollapsed != '') {
|
||
|
|
if($(this).hasClass('collapsed')) {
|
||
|
|
var html = $(this).html().replace(btnTextCollapsed, btnTextNotCollapsed);
|
||
|
|
} else {
|
||
|
|
var html = $(this).html().replace(btnTextNotCollapsed, btnTextCollapsed);
|
||
|
|
}
|
||
|
|
$(this).html(html);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$(".select-all-on-click").click(function () {
|
||
|
|
$(this).select();
|
||
|
|
});
|
||
|
|
|
||
|
|
if(searx.autocompleter) {
|
||
|
|
$('#q').typeahead(null, {
|
||
|
|
name: 'search-results',
|
||
|
|
displayKey: function(result) {
|
||
|
|
return result;
|
||
|
|
},
|
||
|
|
source: searx.searchResults.ttAdapter()
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
$(".searx_overpass_request").on( "click", function( event ) {
|
||
|
|
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).data('osm-id');
|
||
|
|
var osm_type = $(this).data('osm-type');
|
||
|
|
var result_table = $(this).data('result-table');
|
||
|
|
var result_table_loadicon = "#" + $(this).data('result-table-loadicon');
|
||
|
|
|
||
|
|
// 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) {
|
||
|
|
result_table = "#" + 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) {
|
||
|
|
//alert(query);
|
||
|
|
var ajaxRequest = $.ajax( query )
|
||
|
|
.done(function( html) {
|
||
|
|
if(html && html['elements'] && html['elements'][0]) {
|
||
|
|
var element = html['elements'][0];
|
||
|
|
var newHtml = $(result_table).html();
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
default:
|
||
|
|
newHtml += element.tags[row];
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
newHtml += "</td></tr>";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
$(result_table).html(newHtml);
|
||
|
|
$(result_table).removeClass('hidden');
|
||
|
|
$(result_table_loadicon).addClass('hidden');
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.fail(function() {
|
||
|
|
$(result_table_loadicon).html($(result_table_loadicon).html() + "<p class=\"text-muted\">could not load data!</p>");
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// this event occour only once per element
|
||
|
|
$( this ).off( event );
|
||
|
|
});
|
||
|
|
|
||
|
|
$(".searx_init_map").on( "click", function( event ) {
|
||
|
|
var leaflet_target = $(this).data('leaflet-target');
|
||
|
|
var map_lon = $(this).data('map-lon');
|
||
|
|
var map_lat = $(this).data('map-lat');
|
||
|
|
var map_zoom = $(this).data('map-zoom');
|
||
|
|
var map_boundingbox = $(this).data('map-boundingbox');
|
||
|
|
var map_geojson = $(this).data('map-geojson');
|
||
|
|
|
||
|
|
require(['leaflet-0.7.3.min'], function(leaflet) {
|
||
|
|
if(map_boundingbox) {
|
||
|
|
var southWest = L.latLng(map_boundingbox[0], map_boundingbox[2]),
|
||
|
|
northEast = L.latLng(map_boundingbox[1], map_boundingbox[3]),
|
||
|
|
map_bounds = L.latLngBounds(southWest, northEast);
|
||
|
|
}
|
||
|
|
|
||
|
|
// TODO hack
|
||
|
|
// change default imagePath
|
||
|
|
L.Icon.Default.imagePath = "/static/oscar/img/map";
|
||
|
|
|
||
|
|
// 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 osmMapquestUrl='http://otile{s}.mqcdn.com/tiles/1.0.0/map/{z}/{x}/{y}.jpg';
|
||
|
|
var osmMapquestAttrib='Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors | Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">';
|
||
|
|
var osmMapquest = new L.TileLayer(osmMapquestUrl, {minZoom: 1, maxZoom: 18, subdomains: '1234', attribution: osmMapquestAttrib});
|
||
|
|
|
||
|
|
var osmMapquestOpenAerialUrl='http://otile{s}.mqcdn.com/tiles/1.0.0/sat/{z}/{x}/{y}.jpg';
|
||
|
|
var osmMapquestOpenAerialAttrib='Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors | Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="https://developer.mapquest.com/content/osm/mq_logo.png"> | Portions Courtesy NASA/JPL-Caltech and U.S. Depart. of Agriculture, Farm Service Agency';
|
||
|
|
var osmMapquestOpenAerial = new L.TileLayer(osmMapquestOpenAerialUrl, {minZoom: 1, maxZoom: 11, subdomains: '1234', attribution: osmMapquestOpenAerialAttrib});
|
||
|
|
|
||
|
|
// init map view
|
||
|
|
if(map_bounds) {
|
||
|
|
// TODO hack: https://github.com/Leaflet/Leaflet/issues/2021
|
||
|
|
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(osmMapquest);
|
||
|
|
|
||
|
|
var baseLayers = {
|
||
|
|
"OSM Mapnik": osmMapnik,
|
||
|
|
"MapQuest": osmMapquest/*,
|
||
|
|
"MapQuest Open Aerial": osmMapquestOpenAerial*/
|
||
|
|
};
|
||
|
|
|
||
|
|
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
|
||
|
|
$( this ).off( event );
|
||
|
|
});
|
||
|
|
});
|