map
authorRadek Czajka <rczajka@rczajka.pl>
Sat, 10 Jun 2023 18:46:13 +0000 (20:46 +0200)
committerRadek Czajka <rczajka@rczajka.pl>
Sat, 10 Jun 2023 18:46:13 +0000 (20:46 +0200)
src/references/templates/references/map.html
src/references/templates/references/popup.html

index e97ccbf..1aadfc4 100644 (file)
   <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css">
   <script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script>
   <style>
   <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css">
   <script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script>
   <style>
-    .leaflet-popup-content h2 {
-        margin-top: 0;
-        padding-top: 0;
-        border: 0;
-    }
-   .l-books {
+   .leaflet-popup-content h2 {
+       margin-top: 0;
+       padding-top: 0;
+       border: 0;
+   }
+   .l-popup-books {
+       display: flex;
+       flex-wrap: wrap;
        width: 100px;
        width: 100px;
+       gap: 5px;
+   }
+   .l-popup-books img {
+       display: block;
    }
   </style>
 {% endblock %}
    }
   </style>
 {% endblock %}
        $.get(
            '/pinezki/popup/' + m.target.options.mid,
            function(data) {
        $.get(
            '/pinezki/popup/' + m.target.options.mid,
            function(data) {
-               let p = L.popup({minWidth: 106}).setLatLng(m.latlng).setContent(data);
+               d = $(data);
+               n = Math.min(3, ($('a', d).length));
+               w = 111 * n - 5;
+               let p = L.popup({minWidth: w}).setLatLng(m.latlng).setContent(data);
                map.openPopup(p);
            }
        );
                map.openPopup(p);
            }
        );
index 506cb32..1708273 100644 (file)
@@ -1,7 +1,7 @@
 {% load thumbnail %}
 <h2 class="header">{{ entity.label }}</h2>
 
 {% load thumbnail %}
 <h2 class="header">{{ entity.label }}</h2>
 
-<div class="l-book_list">
+<div class="l-popup-books">
 {% for ref in entity.reference_set.all %}
   <a href='/katalog/lektura/{{ ref.book.slug }}.html#{{ ref.first_section }}' target="_blank">
     {% thumbnail ref.book.cover_clean '150x150' as th %}
 {% for ref in entity.reference_set.all %}
   <a href='/katalog/lektura/{{ ref.book.slug }}.html#{{ ref.first_section }}' target="_blank">
     {% thumbnail ref.book.cover_clean '150x150' as th %}