pretix-map 0.1.7__tar.gz → 0.1.9__tar.gz

{pretix_map-0.1.7/pretix_map.egg-info → pretix_map-0.1.9}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: pretix-map
-Version: 0.1.7
+Version: 0.1.9
 Summary: An overview map of the catchment area of previous orders. Measured by postcode
 Author-email: MarkenJaden <jjsch1410@gmail.com>
 Maintainer-email: MarkenJaden <jjsch1410@gmail.com>

{pretix_map-0.1.7 → pretix_map-0.1.9/pretix_map.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: pretix-map
-Version: 0.1.7
+Version: 0.1.9
 Summary: An overview map of the catchment area of previous orders. Measured by postcode
 Author-email: MarkenJaden <jjsch1410@gmail.com>
 Maintainer-email: MarkenJaden <jjsch1410@gmail.com>

{pretix_map-0.1.7 → pretix_map-0.1.9}/pretix_map.egg-info/SOURCES.txt

@@ -27,6 +27,7 @@ pretix_mapplugin/management/commands/geocode_existing_orders.py
 pretix_mapplugin/migrations/0001_initial.py
 pretix_mapplugin/migrations/0002_remove_ordergeocodedata_geocoded_timestamp_and_more.py
 pretix_mapplugin/migrations/0003_mapmilestone.py
+pretix_mapplugin/migrations/0004_ordergeocodedata_success_level.py
 pretix_mapplugin/migrations/__init__.py
 pretix_mapplugin/static/pretix_mapplugin/.gitkeep
 pretix_mapplugin/static/pretix_mapplugin/css/salesmap.css

pretix_map-0.1.9/pretix_mapplugin/__init__.py

@@ -0,0 +1 @@
+__version__ = "0.1.9"

pretix_map-0.1.9/pretix_mapplugin/migrations/0004_ordergeocodedata_success_level.py

@@ -0,0 +1,15 @@
+from django.db import migrations, models
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('pretix_mapplugin', '0003_mapmilestone'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='ordergeocodedata',
+            name='success_level',
+            field=models.CharField(blank=True, help_text='Precision of geocoding (e.g., street, city, zip, failed)', max_length=50, null=True),
+        ),
+    ]

{pretix_map-0.1.7 → pretix_map-0.1.9}/pretix_mapplugin/models.py

@@ -21,6 +21,12 @@ class OrderGeocodeData(LoggedModel):  # Keep LoggedModel if you want audit logs
         null=True,  # Allow NULL in the database if geocoding fails
         blank=True  # Allow blank in forms/admin
     )
+    success_level = models.CharField(
+        max_length=50,
+        null=True,
+        blank=True,
+        help_text="Precision of geocoding (e.g., street, city, zip, failed)"
+    )
 
     # Change to auto_now to update timestamp on every save (successful or null)
     last_geocoded_at = models.DateTimeField(

{pretix_map-0.1.7 → pretix_map-0.1.9}/pretix_mapplugin/static/pretix_mapplugin/js/salesmap.js

@@ -53,6 +53,7 @@ document.addEventListener('DOMContentLoaded', function () {
         compareLabel: document.getElementById('compare-map-label'),
         mainLabel: document.getElementById('main-map-label'),
         heatmapReset: document.getElementById('heatmap-reset-btn'),
+        timelineContainer: document.getElementById('timeline-controls'),
         timeSlider: document.getElementById('timeline-slider'),
         timeDisplay: document.getElementById('timeline-date-display'),
         timePlayBtn: document.getElementById('timeline-play-btn'),
@@ -66,7 +67,6 @@ document.addEventListener('DOMContentLoaded', function () {
 
     // --- State ---
     let map = null, mapCompare = null, allData = [], filteredData = [], displayData = [], milestones = [], currency = "EUR";
-    let itemAvailData = {};
     let compareData = [], compareFilteredData = [], compareDisplayData = [];
     let pinLayer = null, heatmapLayer = null, gridLayer = null, comparisonLayer = null, eventMarkerLayer = null;
     let pinLayerComp = null, heatmapLayerComp = null, gridLayerComp = null, eventMarkerLayerComp = null;
@@ -75,6 +75,7 @@ document.addEventListener('DOMContentLoaded', function () {
     let availableItems = new Set(), selectedItems = new Set();
     let currentDisplayMode = 'map'; // map | list | stats
     let charts = {};
+    let itemAvailData = {};
 
     function updateStatus(msg, isErr = false) {
         if (sel.overlay) {
@@ -152,14 +153,14 @@ document.addEventListener('DOMContentLoaded', function () {
             sel.blurVal.textContent = sel.blurIn.value;
             sel.maxZoomVal.textContent = sel.maxZoomIn.value;
             
-            if (heatmapLayer) {
-                heatmapLayer.setOptions({ 
-                    radius: parseInt(sel.radiusIn.value), 
-                    blur: parseInt(sel.blurIn.value),
-                    maxZoom: parseInt(sel.maxZoomIn.value),
-                    minOpacity: 0.4
-                });
-            }
+            const opt = { 
+                radius: parseInt(sel.radiusIn.value), 
+                blur: parseInt(sel.blurIn.value),
+                maxZoom: parseInt(sel.maxZoomIn.value),
+                minOpacity: 0.4
+            };
+            if (heatmapLayer) heatmapLayer.setOptions(opt);
+            if (heatmapLayerComp) heatmapLayerComp.setOptions(opt);
         };
         [sel.radiusIn, sel.blurIn, sel.maxZoomIn].forEach(i => i.oninput = updateHeat);
         sel.heatmapReset.onclick = () => { 
@@ -172,7 +173,10 @@ document.addEventListener('DOMContentLoaded', function () {
 
     function switchDisplayMode(mode) {
         currentDisplayMode = mode;
-        sel.map.style.display = (mode === 'map' ? 'block' : 'none');
+        const isMap = (mode === 'map');
+        sel.map.style.display = isMap ? 'block' : 'none';
+        sel.mapSplitRoot.style.display = isMap ? 'flex' : 'none';
+        sel.timelineContainer.style.display = isMap ? 'block' : 'none';
         sel.failedContainer.style.display = (mode === 'list' ? 'block' : 'none');
         sel.analyticsView.style.display = (mode === 'stats' ? 'block' : 'none');
         
@@ -181,7 +185,12 @@ document.addEventListener('DOMContentLoaded', function () {
         sel.listToggle.textContent = (mode === 'list' ? 'Show Map' : 'Failed Orders');
         sel.statsToggle.textContent = (mode === 'stats' ? 'Show Map' : 'Analytics View');
 
-        if (mode === 'map') map.invalidateSize();
+        if (isMap) {
+             setTimeout(() => {
+                 map.invalidateSize();
+                 if (mapCompare) mapCompare.invalidateSize();
+             }, 50);
+        }
     }
 
     function renderStats(s) {
@@ -249,98 +258,11 @@ document.addEventListener('DOMContentLoaded', function () {
         updateTimelineDisplay();
     }
 
-    function renderItemAvailability(steps) {
-        if (!sel.itemAvailList || !steps || steps.length === 0) return;
-        sel.itemAvailList.innerHTML = '';
-        sel.itemAvailContainer.style.display = 'block';
-        
-        const minTs = steps[0];
-        const maxTs = steps[steps.length - 1];
-        const range = maxTs - minTs;
-
-        Object.keys(itemAvailData).forEach(itemName => {
-            const d = itemAvailData[itemName];
-            const firstTs = d.first_sale ? new Date(d.first_sale).getTime() : null;
-            const lastTs = d.last_sale ? new Date(d.last_sale).getTime() : null;
-            const availFrom = d.available_from ? new Date(d.available_from).getTime() : null;
-            const availUntil = d.available_until ? new Date(d.available_until).getTime() : null;
-
-            if (!firstTs && !availFrom) return;
-
-            const row = document.createElement('div');
-            row.style.height = '14px';
-            row.style.marginBottom = '2px';
-            row.style.position = 'relative';
-            row.style.width = '100%';
-            row.style.display = 'flex';
-            row.style.alignItems = 'center';
-
-            const label = document.createElement('div');
-            label.textContent = itemName;
-            label.style.width = '120px';
-            label.style.overflow = 'hidden';
-            label.style.textOverflow = 'ellipsis';
-            label.style.whiteSpace = 'nowrap';
-            label.style.marginRight = '5px';
-            row.appendChild(label);
-
-            const barContainer = document.createElement('div');
-            barContainer.style.flexGrow = '1';
-            barContainer.style.height = '8px';
-            barContainer.style.background = '#f9f9f9';
-            barContainer.style.position = 'relative';
-            barContainer.style.borderRadius = '4px';
-            row.appendChild(barContainer);
-
-            // Planned availability (light grey bar)
-            if (availFrom || availUntil) {
-                const start = availFrom ? Math.max(availFrom, minTs) : minTs;
-                const end = availUntil ? Math.min(availUntil, maxTs) : maxTs;
-                if (start < end) {
-                    const left = ((start - minTs) / range) * 100;
-                    const width = ((end - start) / range) * 100;
-                    const bar = document.createElement('div');
-                    bar.style.position = 'absolute';
-                    bar.style.left = `${left}%`;
-                    bar.style.width = `${width}%`;
-                    bar.style.height = '100%';
-                    bar.style.background = '#eee';
-                    bar.style.borderRadius = '4px';
-                    bar.title = `${itemName} (Configured Availability)`;
-                    barContainer.appendChild(bar);
-                }
-            }
-
-            // Actual sales period (blue bar)
-            if (firstTs && lastTs) {
-                const start = Math.max(firstTs, minTs);
-                const end = Math.min(lastTs, maxTs);
-                if (start <= end) {
-                    const left = ((start - minTs) / range) * 100;
-                    const width = Math.max(((end - start) / range) * 100, 0.5); // Min width for visibility
-                    const bar = document.createElement('div');
-                    bar.style.position = 'absolute';
-                    bar.style.left = `${left}%`;
-                    bar.style.width = `${width}%`;
-                    bar.style.height = '100%';
-                    bar.style.background = 'rgba(54, 162, 235, 0.6)';
-                    bar.style.borderRadius = '4px';
-                    bar.style.zIndex = '1';
-                    bar.title = `${itemName} (Actual Sales)`;
-                    barContainer.appendChild(bar);
-                }
-            }
-
-            sel.itemAvailList.appendChild(row);
-        });
-    }
-
     function renderTimelineVolumeChart(steps) {
         if (!sel.timelineChart) return;
         const ctx = sel.timelineChart.getContext('2d');
         if (charts.timeline) charts.timeline.destroy();
 
-        // Calculate counts per step from filteredData
         const stepCounts = steps.map(ts => {
             const nextTsIndex = steps.indexOf(ts) + 1;
             const nextTs = nextTsIndex < steps.length ? steps[nextTsIndex] : Infinity;
@@ -363,10 +285,7 @@ document.addEventListener('DOMContentLoaded', function () {
                 responsive: true,
                 maintainAspectRatio: false,
                 plugins: { legend: { display: false }, tooltip: { enabled: false } },
-                scales: {
-                    x: { display: false },
-                    y: { display: false, beginAtZero: true }
-                }
+                scales: { x: { display: false }, y: { display: false, beginAtZero: true } }
             }
         });
     }
@@ -374,20 +293,13 @@ document.addEventListener('DOMContentLoaded', function () {
     function renderMilestoneMarkers(steps) {
         if (!sel.timelineMarkers || !steps || steps.length === 0) return;
         sel.timelineMarkers.innerHTML = '';
-        
         milestones.forEach(m => {
-            // Find closest step index
-            let closestIdx = -1;
-            let minDiff = Infinity;
+            let closestIdx = -1, minDiff = Infinity;
             steps.forEach((ts, idx) => {
                 const diff = Math.abs(ts - m.ts);
-                if (diff < minDiff) {
-                    minDiff = diff;
-                    closestIdx = idx;
-                }
+                if (diff < minDiff) { minDiff = diff; closestIdx = idx; }
             });
-
-            if (closestIdx !== -1 && minDiff < 86400000 * 2) { // Only show if close enough (2 days)
+            if (closestIdx !== -1 && minDiff < 86400000 * 2) {
                 const percent = (closestIdx / (steps.length - 1)) * 100;
                 const marker = document.createElement('div');
                 marker.className = 'timeline-milestone-marker';
@@ -398,7 +310,6 @@ document.addEventListener('DOMContentLoaded', function () {
                 marker.style.height = '100%';
                 marker.style.background = '#d9534f';
                 marker.style.zIndex = '2';
-                
                 const label = document.createElement('span');
                 label.textContent = m.label;
                 label.style.position = 'absolute';
@@ -408,13 +319,85 @@ document.addEventListener('DOMContentLoaded', function () {
                 label.style.whiteSpace = 'nowrap';
                 label.style.background = 'rgba(255,255,255,0.7)';
                 label.style.padding = '0 2px';
-                
                 marker.appendChild(label);
                 sel.timelineMarkers.appendChild(marker);
             }
         });
     }
 
+    function renderItemAvailability(steps) {
+        if (!sel.itemAvailList || !steps || steps.length === 0) return;
+        sel.itemAvailList.innerHTML = '';
+        const minTs = steps[0], maxTs = steps[steps.length - 1], range = maxTs - minTs;
+
+        Object.keys(itemAvailData).forEach(itemName => {
+            const d = itemAvailData[itemName];
+            const firstTs = d.first_sale ? new Date(d.first_sale).getTime() : null;
+            const lastTs = d.last_sale ? new Date(d.last_sale).getTime() : null;
+            const availFrom = d.available_from ? new Date(d.available_from).getTime() : null;
+            const availUntil = d.available_until ? new Date(d.available_until).getTime() : null;
+
+            if (!firstTs && !availFrom) return;
+
+            const row = document.createElement('div');
+            row.style.marginBottom = '12px';
+            row.style.position = 'relative';
+            row.style.width = '100%';
+
+            const label = document.createElement('div');
+            label.textContent = itemName;
+            label.style.fontSize = '9px';
+            label.style.color = '#333';
+            label.style.marginBottom = '2px';
+            label.style.fontWeight = 'bold';
+            row.appendChild(label);
+
+            const barContainer = document.createElement('div');
+            barContainer.style.width = '100%';
+            barContainer.style.height = '6px';
+            barContainer.style.background = '#f0f0f0';
+            barContainer.style.position = 'relative';
+            barContainer.style.borderRadius = '3px';
+            row.appendChild(barContainer);
+
+            if (availFrom || availUntil) {
+                const start = availFrom ? Math.max(availFrom, minTs) : minTs;
+                const end = availUntil ? Math.min(availUntil, maxTs) : maxTs;
+                if (start < end) {
+                    const left = ((start - minTs) / range) * 100;
+                    const width = ((end - start) / range) * 100;
+                    const bar = document.createElement('div');
+                    bar.style.position = 'absolute';
+                    bar.style.left = `${left}%`;
+                    bar.style.width = `${width}%`;
+                    bar.style.height = '100%';
+                    bar.style.background = '#ddd';
+                    bar.style.borderRadius = '3px';
+                    barContainer.appendChild(bar);
+                }
+            }
+
+            if (firstTs && lastTs) {
+                const start = Math.max(firstTs, minTs);
+                const end = Math.min(lastTs, maxTs);
+                if (start <= end) {
+                    const left = ((start - minTs) / range) * 100;
+                    const width = Math.max(((end - start) / range) * 100, 0.5);
+                    const bar = document.createElement('div');
+                    bar.style.position = 'absolute';
+                    bar.style.left = `${left}%`;
+                    bar.style.width = `${width}%`;
+                    bar.style.height = '100%';
+                    bar.style.background = '#36A2EB';
+                    bar.style.borderRadius = '3px';
+                    bar.style.zIndex = '1';
+                    barContainer.appendChild(bar);
+                }
+            }
+            sel.itemAvailList.appendChild(row);
+        });
+    }
+
     function updateTimelineDisplay() {
         const steps = sel.timeSlider._steps;
         if (!steps) return;
@@ -447,6 +430,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
     function refreshLayers() {
         if (!map) return;
+        
         [pinLayer, heatmapLayer, gridLayer].forEach(l => { if (l && map.hasLayer(l)) map.removeLayer(l); });
         if (mapCompare) {
             [pinLayerComp, heatmapLayerComp, gridLayerComp, eventMarkerLayerComp].forEach(l => { if (l && mapCompare.hasLayer(l)) mapCompare.removeLayer(l); });
@@ -454,6 +438,7 @@ document.addEventListener('DOMContentLoaded', function () {
         if (comparisonLayer && map.hasLayer(comparisonLayer)) map.removeLayer(comparisonLayer);
 
         const isSplitNeeded = currentCompareSlug && (currentView === 'heatmap' || currentView === 'grid');
+        
         if (isSplitNeeded) {
             sel.mapSplitRoot.classList.add('map-split-active');
             sel.mainLabel.style.display = 'block';
@@ -467,12 +452,14 @@ document.addEventListener('DOMContentLoaded', function () {
         }
 
         createPinLayer(); createHeatmapLayer(); createGridLayer();
+        
         if (isSplitNeeded) {
             createPinLayer(true); createHeatmapLayer(true); createGridLayer(true);
         } else if (currentCompareSlug && currentView === 'pins') {
-            const dots = compareData.map(l => l.lat ? L.circleMarker([l.lat, l.lon], { radius: 4, color: '#888', fillOpacity: 0.5 }).bindTooltip("Comparison") : null).filter(l => l);
+            const dots = compareData.map(l => l.lat ? L.circleMarker([l.lat, l.lon], { radius: 4, color: '#888', fillOpacity: 0.5 }).bindTooltip("Comparison Order") : null).filter(l => l);
             comparisonLayer = L.layerGroup(dots);
         }
+
         showCurrentView();
     }
 
@@ -535,11 +522,9 @@ document.addEventListener('DOMContentLoaded', function () {
         if (currentView === 'pins' && pinLayer) map.addLayer(pinLayer);
         else if (currentView === 'heatmap' && heatmapLayer) map.addLayer(heatmapLayer);
         else if (currentView === 'grid' && gridLayer) map.addLayer(gridLayer);
-        
         sel.heatmapPanel.style.display = (currentView === 'heatmap' || currentView === 'grid' ? 'block' : 'none');
         sel.heatmapControls.style.display = (currentView === 'heatmap' ? 'block' : 'none');
         sel.gridControls.style.display = (currentView === 'grid' ? 'block' : 'none');
-        
         if (sel.clusterToggle) sel.clusterToggle.style.display = (currentView === 'pins' ? 'inline-block' : 'none');
         if (eventMarkerLayer) map.addLayer(eventMarkerLayer);
         if (comparisonLayer && currentView === 'pins') map.addLayer(comparisonLayer);
@@ -555,10 +540,10 @@ document.addEventListener('DOMContentLoaded', function () {
     function renderEventMarker(em, isCompare = false) {
         const layer = L.marker([em.lat, em.lon], { icon: icons.red, zIndexOffset: 2000 }).bindTooltip(`<strong>EVENT: ${em.name}</strong><br>${em.location}`);
         if (isCompare) {
-            if (eventMarkerLayerComp && mapCompare.hasLayer(eventMarkerLayerComp)) mapCompare.removeLayer(eventMarkerLayerComp);
+            if (eventMarkerLayerComp) mapCompare.removeLayer(eventMarkerLayerComp);
             eventMarkerLayerComp = layer.addTo(mapCompare);
         } else {
-            if (eventMarkerLayer && map.hasLayer(eventMarkerLayer)) map.removeLayer(eventMarkerLayer);
+            if (eventMarkerLayer) map.removeLayer(eventMarkerLayer);
             eventMarkerLayer = layer.addTo(map);
         }
     }
@@ -600,7 +585,12 @@ document.addEventListener('DOMContentLoaded', function () {
 
     function renderFailedOrders(orders) {
         const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]').value;
-        sel.failedTbody.innerHTML = orders.map(o => `<tr><td><code>${o.code}</code></td><td>${o.address}</td><td><div class="btn-group"><a href="${o.url}" target="_blank" class="btn btn-default btn-xs">View</a><button class="btn btn-warning btn-xs retry-btn" data-url="${o.retry_url}">Retry</button></div></td></tr>`).join('') || '<tr><td colspan="3">None</td></tr>';
+        sel.failedTbody.innerHTML = orders.map(o => {
+            let statusBadge = `<span class="label label-danger">Failed</span>`;
+            if (o.success_level === 'city') statusBadge = `<span class="label label-warning">Only City</span>`;
+            else if (o.success_level === 'zip') statusBadge = `<span class="label label-info">Only Zip</span>`;
+            return `<tr><td><code>${o.code}</code></td><td>${o.address}</td><td>${statusBadge}</td><td><div class="btn-group"><a href="${o.url}" target="_blank" class="btn btn-default btn-xs">View</a><button class="btn btn-warning btn-xs retry-btn" data-url="${o.retry_url}">Retry</button></div></td></tr>`;
+        }).join('') || '<tr><td colspan="4">None</td></tr>';
         sel.failedTbody.querySelectorAll('.retry-btn').forEach(btn => btn.onclick = () => {
             btn.disabled = true; btn.innerHTML = '...';
             fetch(btn.dataset.url, { method: 'POST', headers: { 'X-CSRFToken': csrfToken } }).then(r => r.json()).then(d => { if(d.success) { btn.className = 'btn btn-success btn-xs'; btn.innerHTML = '✔'; setTimeout(() => fetchData(sel.map.dataset.dataUrl), 1000); } });

{pretix_map-0.1.7 → pretix_map-0.1.9}/pretix_mapplugin/tasks.py

@@ -106,27 +106,40 @@ def geocode_order_task(self, order_pk: int, organizer_pk: int | None = None, nom
             # Try candidates in order
             coordinates = None
             successful_candidate = None
+            success_level = "failed"
 
-            for candidate in candidates:
+            for i, candidate in enumerate(candidates):
                 logger.debug(f"Attempting to geocode candidate for Order {order.code}: '{candidate}'")
                 coordinates = geocode_address(candidate, nominatim_user_agent=nominatim_user_agent)
                 if coordinates:
                     successful_candidate = candidate
+                    # Map candidate index to level (0: full, 1: zip+city, 2: zip)
+                    if i == 0: success_level = "street"
+                    elif i == 1: success_level = "city"
+                    else: success_level = "zip"
                     break  # Success!
 
             with transaction.atomic():
                 if coordinates:
                     latitude, longitude = coordinates
                     obj, created = OrderGeocodeData.objects.update_or_create(
-                        order=order, defaults={'latitude': latitude, 'longitude': longitude}
+                        order=order, defaults={
+                            'latitude': latitude, 
+                            'longitude': longitude,
+                            'success_level': success_level
+                        }
                     )
                     log_level = logging.INFO if created else logging.DEBUG
                     logger.log(log_level,
-                               f"Saved{' new' if created else ' updated'} geocode data for Order {order.code} using '{successful_candidate}': ({latitude}, {longitude})")
+                               f"Saved{' new' if created else ' updated'} geocode data for Order {order.code} using '{successful_candidate}' (Level: {success_level}): ({latitude}, {longitude})")
                 else:
                     logger.warning(f"Geocoding failed for Order {order.code} (tried {len(candidates)} candidates). Storing null coordinates.")
                     obj, created = OrderGeocodeData.objects.update_or_create(
-                        order=order, defaults={'latitude': None, 'longitude': None}
+                        order=order, defaults={
+                            'latitude': None, 
+                            'longitude': None,
+                            'success_level': 'failed'
+                        }
                     )
         # --- Scope deactivated automatically ---
 

{pretix_map-0.1.7 → pretix_map-0.1.9}/pretix_mapplugin/templates/pretix_mapplugin/map_page.html

@@ -110,7 +110,7 @@
                     {% endif %}
                 </div>
                 <table class="table table-hover">
-                    <thead><tr><th>Code</th><th>Address</th><th>Action</th></tr></thead>
+                    <thead><tr><th>Code</th><th>Address</th><th>Status</th><th>Action</th></tr></thead>
                     <tbody id="failed-orders-tbody"></tbody>
                 </table>
             </div>
@@ -151,10 +151,26 @@
             </div>
         </div>
 
-        <div id="timeline-controls" style="margin-top: 10px; padding: 10px; background: #f5f5f5; border-radius: 4px; border: 1px solid #ddd; position: relative;">
-            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;">
+        <div id="timeline-controls" style="margin-top: 10px; padding: 15px; background: #f5f5f5; border-radius: 4px; border: 1px solid #ddd; position: relative; flex-shrink: 0;">
+            <div id="timeline-chart-container" style="position: relative; height: 50px; margin-bottom: 10px; background: white; border: 1px solid #eee; overflow: hidden;">
+                <canvas id="timeline-volume-chart" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></canvas>
+                <div id="timeline-milestone-markers" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;"></div>
+            </div>
+
+            <div style="display: flex; gap: 15px; align-items: center; margin-bottom: 15px;">
+                <button id="timeline-play-btn" class="btn btn-sm btn-default" style="flex-shrink: 0;"><i class="fa fa-play"></i> Play</button>
+                <div style="flex-grow: 1; position: relative; padding: 0 5px;">
+                    <input type="range" id="timeline-slider" min="0" max="100" value="100" style="width: 100%; cursor: pointer; position: relative; z-index: 5; margin: 0;">
+                </div>
+            </div>
+
+            <div id="timeline-item-availability" style="margin-top: 10px; background: white; border: 1px solid #eee; padding: 10px 0; max-height: 150px; overflow-y: auto;">
+                <div id="item-availability-list" style="position: relative; padding: 0 5px;"></div>
+            </div>
+
+            <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px; font-size: 12px; color: #666;">
                 <div>
-                    <label style="margin-bottom: 0;">{% trans "Timeline:" %} <span id="timeline-date-display" style="font-weight: normal;"></span></label>
+                    <label style="margin-bottom: 0;">{% trans "Timeline:" %} <span id="timeline-date-display" style="font-weight: bold; color: #333;"></span></label>
                     <span id="timeline-count-display" class="badge"></span>
                 </div>
                 <div>
@@ -166,17 +182,6 @@
                     </select>
                 </div>
             </div>
-            <div id="timeline-chart-container" style="position: relative; height: 40px; margin-bottom: 5px; background: white; border: 1px solid #eee; overflow: hidden;">
-                <canvas id="timeline-volume-chart" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></canvas>
-                <div id="timeline-milestone-markers" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;"></div>
-            </div>
-            <div id="timeline-item-availability" style="margin-bottom: 10px; font-size: 10px; max-height: 100px; overflow-y: auto; background: white; border: 1px solid #eee; display: none;">
-                <div id="item-availability-list" style="padding: 5px; position: relative;"></div>
-            </div>
-            <div style="display: flex; gap: 10px; align-items: center;">
-                <button id="timeline-play-btn" class="btn btn-sm btn-default"><i class="fa fa-play"></i> Play</button>
-                <input type="range" id="timeline-slider" min="0" max="100" value="100" style="flex-grow: 1; cursor: pointer; position: relative; z-index: 5;">
-            </div>
         </div>
     </div>
 

{pretix_map-0.1.7 → pretix_map-0.1.9}/pretix_mapplugin/templates/pretix_mapplugin/milestones.html

@@ -50,4 +50,29 @@
             </div>
         </div>
     </form>
+    <script type="text/javascript" src="{% static "pretixcontrol/js/ui/main.js" %}"></script>
+    <script type="text/javascript">
+        $(function () {
+            $(".datepickerfield").each(function () {
+                var format = $("body").attr("data-dateformat");
+                $(this).datetimepicker({
+                    format: format,
+                    locale: $("body").attr("data-datelocale"),
+                    useCurrent: false,
+                    showClear: true,
+                    icons: {
+                        time: 'fa fa-clock-o',
+                        date: 'fa fa-calendar',
+                        up: 'fa fa-chevron-up',
+                        down: 'fa fa-chevron-down',
+                        previous: 'fa fa-chevron-left',
+                        next: 'fa fa-chevron-right',
+                        today: 'fa fa-dot-circle-o',
+                        clear: 'fa fa-trash',
+                        close: 'fa fa-times'
+                    }
+                });
+            });
+        });
+    </script>
 {% endblock %}

{pretix_map-0.1.7 → pretix_map-0.1.9}/pretix_mapplugin/views.py

@@ -220,11 +220,15 @@ class SalesMapDataView(EventSettingsViewMixin, View):
                 tooltip_parts.append(f"<strong>Items:</strong> {order.positions.count()}")
                 tooltip_parts.append(f"<strong>Total:</strong> {order.total} {event.currency}")
                 if dist_km: tooltip_parts.append(f"<strong>Dist:</strong> {dist_km:.1f} km")
+                if entry.success_level:
+                    level_map = {'street': _('Street'), 'city': _('City'), 'zip': _('Zip code')}
+                    tooltip_parts.append(f"<strong>Precision:</strong> {level_map.get(entry.success_level, entry.success_level)}")
 
                 locations_data.append({
                     "lat": entry.latitude, "lon": entry.longitude, "tooltip": "<br>".join(tooltip_parts),
                     "order_url": reverse('control:event.order', kwargs={'organizer': organizer.slug, 'event': event.slug, 'code': order.code}),
-                    "items": item_names, "date": iso_date, "dist": dist_km, "revenue": revenue, "status": status
+                    "items": item_names, "date": iso_date, "dist": dist_km, "revenue": revenue, "status": status,
+                    "precision": entry.success_level
                 })
 
             failed_entries = OrderGeocodeData.objects.filter(order__event=event, latitude__isnull=True).select_related('order', 'order__invoice_address')
@@ -233,7 +237,8 @@ class SalesMapDataView(EventSettingsViewMixin, View):
                     'pk': entry.order.pk, 'code': entry.order.code,
                     'address': get_best_address_string(entry.order) or _("No address"),
                     'url': reverse('control:event.order', kwargs={'organizer': organizer.slug, 'event': event.slug, 'code': entry.order.code}),
-                    'retry_url': reverse('plugins:pretix_mapplugin:event.settings.salesmap.retry', kwargs={'organizer': organizer.slug, 'event': event.slug, 'order': entry.order.pk})
+                    'retry_url': reverse('plugins:pretix_mapplugin:event.settings.salesmap.retry', kwargs={'organizer': organizer.slug, 'event': event.slug, 'order': entry.order.pk}),
+                    'success_level': entry.success_level or 'failed'
                 })
             
             avg_dist_val = round(sum(distances) / len(distances), 1) if distances else 0
@@ -291,6 +296,10 @@ class SalesMapView(EventSettingsViewMixin, TemplateView):
                 'https://cdn.jsdelivr.net',
                 "'unsafe-eval'" # Needed for some charting libs
             ],
+            'connect-src': [
+                'https://cdn.jsdelivr.net',
+                'https://*.tile.openstreetmap.org'
+            ],
             'style-src': ["'unsafe-inline'"]
         }
 

pretix_map-0.1.7/pretix_mapplugin/__init__.py

@@ -1 +0,0 @@
-__version__ = "0.1.7"