Merge pull request #127 from pointhi/template_oscar_map

Template oscar, add map support

1 files changed, 160 insertions, 0 deletions

diff --git a/searx/static/oscar/js/scripts.js b/searx/static/oscar/js/scripts.js
index 6c3a10a74..92847de96 100644
--- a/searx/static/oscar/js/scripts.js
+++ b/searx/static/oscar/js/scripts.js
@@ -7,6 +7,13 @@
 

 */

 

+requirejs.config({

+baseUrl: '/static/oscar/js',

+paths: {

+app: '../app'

+}

+});

+

 if(searx.autocompleter) {

     searx.searchResults = new Bloodhound({

         datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),

@@ -61,4 +68,157 @@ $(document).ready(function(){
             source: searx.searchResults.ttAdapter()

         });

     }

+    

+    $(".searx_overpass_request").on( "click", function( event ) {

+        var overpass_url = "http://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() {

+                    alert( "could not load " );

+                })

+            }

+        }

+

+        // 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 );

+    });

 });