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

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

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: pretix-map
-Version: 0.1.7
+Version: 0.1.8
 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.8/pretix_map.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: pretix-map
-Version: 0.1.7
+Version: 0.1.8
 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.8}/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.8/pretix_mapplugin/__init__.py

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

pretix_map-0.1.8/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.8}/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.8}/pretix_mapplugin/static/pretix_mapplugin/js/salesmap.js

@@ -66,7 +66,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 +74,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) {
@@ -160,6 +160,14 @@ document.addEventListener('DOMContentLoaded', function () {
                     minOpacity: 0.4
                 });
             }
+            if (heatmapLayerComp) {
+                heatmapLayerComp.setOptions({ 
+                    radius: parseInt(sel.radiusIn.value), 
+                    blur: parseInt(sel.blurIn.value),
+                    maxZoom: parseInt(sel.maxZoomIn.value),
+                    minOpacity: 0.4
+                });
+            }
         };
         [sel.radiusIn, sel.blurIn, sel.maxZoomIn].forEach(i => i.oninput = updateHeat);
         sel.heatmapReset.onclick = () => { 
@@ -173,6 +181,7 @@ document.addEventListener('DOMContentLoaded', function () {
     function switchDisplayMode(mode) {
         currentDisplayMode = mode;
         sel.map.style.display = (mode === 'map' ? 'block' : 'none');
+        sel.mapSplitRoot.style.display = (mode === 'map' ? 'flex' : 'none'); // FIX
         sel.failedContainer.style.display = (mode === 'list' ? 'block' : 'none');
         sel.analyticsView.style.display = (mode === 'stats' ? 'block' : 'none');
         
@@ -181,7 +190,10 @@ 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 (mode === 'map') {
+             map.invalidateSize();
+             if (mapCompare) mapCompare.invalidateSize();
+        }
     }
 
     function renderStats(s) {
@@ -249,92 +261,6 @@ 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');
@@ -415,6 +341,87 @@ document.addEventListener('DOMContentLoaded', function () {
         });
     }
 
+    function renderItemAvailability(steps) {
+        if (!sel.itemAvailList || !steps || steps.length === 0) return;
+        sel.itemAvailList.innerHTML = '';
+        
+        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.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);
+
+            // 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 = '#ddd';
+                    bar.style.borderRadius = '3px';
+                    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);
+                    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';
+                    bar.title = `${itemName} (Actual Sales)`;
+                    barContainer.appendChild(bar);
+                }
+            }
+
+            sel.itemAvailList.appendChild(row);
+        });
+    }
+
     function updateTimelineDisplay() {
         const steps = sel.timeSlider._steps;
         if (!steps) return;
@@ -447,13 +454,17 @@ document.addEventListener('DOMContentLoaded', function () {
 
     function refreshLayers() {
         if (!map) return;
+        
+        // Remove old layers from both maps
         [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); });
         }
         if (comparisonLayer && map.hasLayer(comparisonLayer)) map.removeLayer(comparisonLayer);
 
+        // Check if split mode is needed (Comparison selected AND heatmap/grid view)
         const isSplitNeeded = currentCompareSlug && (currentView === 'heatmap' || currentView === 'grid');
+        
         if (isSplitNeeded) {
             sel.mapSplitRoot.classList.add('map-split-active');
             sel.mainLabel.style.display = 'block';
@@ -466,19 +477,25 @@ document.addEventListener('DOMContentLoaded', function () {
             setTimeout(() => { map.invalidateSize(); }, 50);
         }
 
+        // Create layers for main map
         createPinLayer(); createHeatmapLayer(); createGridLayer();
+        
+        // Create layers for comparison map if in split mode
         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);
+            // Pins comparison: Dots on the main map
+            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();
     }
 
     function createPinLayer(isCompare = false) {
         const data = isCompare ? compareDisplayData : displayData;
         if (data.length === 0) { if(isCompare) pinLayerComp = null; else pinLayer = null; return; }
+        
         const markers = data.map(loc => {
             if (loc.lat == null) return null;
             let icon = icons.blue;
@@ -489,6 +506,7 @@ document.addEventListener('DOMContentLoaded', function () {
             if (loc.order_url) m.on('click', () => window.open(loc.order_url, '_blank'));
             return m;
         }).filter(m => m !== null);
+        
         const layer = isClustering ? L.markerClusterGroup().addLayers(markers) : L.layerGroup(markers);
         if (isCompare) pinLayerComp = layer; else pinLayer = layer;
     }
@@ -496,6 +514,7 @@ document.addEventListener('DOMContentLoaded', function () {
     function createHeatmapLayer(isCompare = false) {
         const data = isCompare ? compareDisplayData : displayData;
         if (data.length === 0) { if(isCompare) heatmapLayerComp = null; else heatmapLayer = null; return; }
+        
         let maxRev = Math.max(...data.map(d => d.revenue || 0), 1);
         const points = data.map(l => [l.lat, l.lon, isWeighted ? (l.revenue || 0) / maxRev : 1.0]);
         const layer = L.heatLayer(points, { 
@@ -510,9 +529,11 @@ document.addEventListener('DOMContentLoaded', function () {
     function createGridLayer(isCompare = false) {
         const data = isCompare ? compareDisplayData : displayData;
         if (data.length === 0) { if(isCompare) gridLayerComp = null; else gridLayer = null; return; }
+        
         const rawVal = parseInt(sel.gridSizeSlider.value);
         const gridSize = 0.4 * Math.pow(rawVal / 100, 2); 
         sel.gridSizeVal.textContent = gridSize.toFixed(3);
+
         const bins = {}; let maxVal = 0;
         data.forEach(l => {
             if (l.lat == null) return;
@@ -532,18 +553,24 @@ document.addEventListener('DOMContentLoaded', function () {
 
     function showCurrentView() {
         if (!map) return;
+        
+        // Main map view
         if (currentView === 'pins' && pinLayer) map.addLayer(pinLayer);
         else if (currentView === 'heatmap' && heatmapLayer) map.addLayer(heatmapLayer);
         else if (currentView === 'grid' && gridLayer) map.addLayer(gridLayer);
         
+        // Control panel updates
         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);
+        
+        // Dot comparison on main map
         if (comparisonLayer && currentView === 'pins') map.addLayer(comparisonLayer);
 
+        // Comparison map view (Split mode)
         if (mapCompare && sel.mapSplitRoot.classList.contains('map-split-active')) {
             if (currentView === 'pins' && pinLayerComp) mapCompare.addLayer(pinLayerComp);
             else if (currentView === 'heatmap' && heatmapLayerComp) mapCompare.addLayer(heatmapLayerComp);
@@ -570,12 +597,18 @@ document.addEventListener('DOMContentLoaded', function () {
             sel.compareLabel.textContent = "";
             refreshLayers(); return; 
         }
+        
         const option = sel.compareSelect.options[sel.compareSelect.selectedIndex];
         sel.compareLabel.textContent = option.text;
+        
         const newUrl = sel.map.dataset.dataUrl.replace(/\/event\/([^\/]+)\/([^\/]+)\//, `/event/$1/${slug}/`);
         fetch(newUrl).then(r => r.json()).then(data => {
             compareData = (data.locations || []).map(loc => { loc.ts = loc.date ? new Date(loc.date).getTime() : 0; return loc; }).sort((a, b) => a.ts - b.ts);
+            
+            // Handle event marker for comparison map
             if (data.event_marker) renderEventMarker(data.event_marker, true);
+            
+            // Sync filters for comparison data
             applyFilters();
         });
     }
@@ -593,14 +626,35 @@ document.addEventListener('DOMContentLoaded', function () {
     function applyFilters() {
         showCanceled = sel.showCanceledCheck.checked;
         const filterFn = loc => (loc.items.length === 0 || loc.items.some(i => selectedItems.has(i))) && (showCanceled || loc.status !== 'canceled');
+        
         filteredData = allData.filter(filterFn);
-        if (compareData.length > 0) compareFilteredData = compareData.filter(filterFn);
+        if (compareData.length > 0) {
+            compareFilteredData = compareData.filter(filterFn);
+        }
+        
         updateTimelineSlider();
     }
 
     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); } });
@@ -608,4 +662,4 @@ document.addEventListener('DOMContentLoaded', function () {
     }
 
     init();
-});
+});

{pretix_map-0.1.7 → pretix_map-0.1.8}/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.8}/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;">
+            <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;">
+                <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.8}/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.8}/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"