Checkout style

[wolnelektury.git] / src / wolnelektury / static / js / book_text / references.js

diff --git a/src/wolnelektury/static/js/book_text/references.js b/src/wolnelektury/static/js/book_text/references.js
index 7e21b21..795c737 100644 (file)
--- a/src/wolnelektury/static/js/book_text/references.js
+++ b/src/wolnelektury/static/js/book_text/references.js
@@ -4,22 +4,22 @@
     if (interestingReferences) {
         interestingReferences = $.parseJSON(interestingReferences);
     }
     if (interestingReferences) {
         interestingReferences = $.parseJSON(interestingReferences);
     }

-    if (interestingReferences) {
-        $("#settings-references").show();
+    if (Object.keys(interestingReferences).length) {
+        $("#settings-references").css('display', 'block');

     }
 
     }
 

-    
-    

     var map_enabled = false;
     var map_enabled = false;

-    var marker = L.marker([0,0]);
+    var marker = L.circleMarker([0,0]);

     var map = null;
 
     function enable_map() {
     var map = null;
 
     function enable_map() {

+        $("#reference-map").show('slow');
+

         if (map_enabled) return;
 
         map = L.map('reference-map').setView([0, 0], 11);
         if (map_enabled) return;
 
         map = L.map('reference-map').setView([0, 0], 11);

-        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-            attribution: 'Map data &copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap contributors</a>'
+        L.tileLayer('https://tile.thunderforest.com/cycle/{z}/{x}/{y}.png?apikey=a8a97f0ae5134403ac38c1a075b03e15', {
+            attribution: 'Maps © <a href="http://www.thunderforest.com">Thunderforest</a>, Data © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap contributors</a>'

         }).addTo(map);
 
         map_enabled = true;
         }).addTo(map);
 
         map_enabled = true;


@@ -29,7 +29,8 @@
     }
     
 
     }
     
 

-    $("#reference-close").on("click", function() {
+    $("#reference-close").on("click", function(event) {
+        event.preventDefault();

         $("#reference-box").hide();
     });
     
         $("#reference-box").hide();
     });
     


@@ -58,11 +59,18 @@
         if (ref.location) {
             enable_map();
 
         if (ref.location) {
             enable_map();
 

-            marker.setLatLng(ref.location);
-            //marker.setContent(ref.label);
+            let newLoc = [
+                ref.location[0],
+                ref.location[1] + Math.round(
+                    (map.getCenter().lng - ref.location[1]) / 360
+                ) * 360
+            ];
+
+            marker.setLatLng(newLoc);

             marker.bindTooltip(ref.label).openTooltip();
             map.addLayer(marker);
             marker.bindTooltip(ref.label).openTooltip();
             map.addLayer(marker);

-            map.panTo(ref.location, {
+
+            map.panTo(newLoc, {

                 animate: true,
                 duration: 1,
             });
                 animate: true,
                 duration: 1,
             });


@@ -73,17 +81,23 @@
             }
         }
 
             }
         }
 

-        $("#reference-images img").remove();
+        $("#reference-images a").remove();

         if (ref.images) {
             $.each(ref.images, function(i, e) {
                 $i = $("<a target='_blank'><img></a>");
                 $i.attr('href', e.page);
         if (ref.images) {
             $.each(ref.images, function(i, e) {
                 $i = $("<a target='_blank'><img></a>");
                 $i.attr('href', e.page);

-                $('img', $i).attr('src', e.url);
+                $('img', $i).attr('src', e.thumburl || e.url);
+                if (e.thumbresolution) {
+                    $('img', $i).attr('width', e.thumbresolution[0]).attr('height', e.thumbresolution[1]);
+                }
+

                 $("#reference-images").append($i);
             })
         }
 
         $("#reference-link").text(ref.label);
         $("#reference-link").attr('href', ref.wikipedia_link);
                 $("#reference-images").append($i);
             })
         }
 
         $("#reference-link").text(ref.label);
         $("#reference-link").attr('href', ref.wikipedia_link);

+
+        _paq.push(['trackEvent', 'html', 'reference']);

     });
 })})(jQuery);
     });
 })})(jQuery);