feat: add documents and authors statistics

ietf/secr/telechat/tests.py

@@ -159,6 +159,7 @@ def test_doc_detail_charter(self):
 
     def test_bash(self):
         today = date_today()
+        TelechatDate.objects.filter(date=today).delete()  # Clean up first
         TelechatDate.objects.create(date=today)
         url = reverse('ietf.secr.telechat.views.bash',kwargs={'date':today.strftime('%Y-%m-%d')})
         self.client.login(username="secretary", password="secretary+password")

ietf/static/js/stats_document_timeline.js

@@ -0,0 +1,89 @@
+// Copyright The IETF Trust 2026, All Rights Reserved
+import Chart from 'chart.js/auto'
+import zoomPlugin from 'chartjs-plugin-zoom'
+
+document.addEventListener('DOMContentLoaded', () => {
+    Chart.register(zoomPlugin) // enable the zoom plugin
+
+    // ── Safely parse JSON data injected from Django view ──
+    const chartData = JSON.parse(document.getElementById('chart_data').textContent) ;
+    const objects = JSON.parse(document.getElementById('objects').textContent) ;
+    const stackedLines = false ;
+
+    function displayChart (id, data) {
+        const ctx = document.getElementById(id).getContext('2d') ;
+        return new Chart(ctx, {
+            type: 'line',
+            data: data,
+            options: {
+                responsive: true,
+                scales: {
+                    y: {
+                        stacked: stackedLines,
+                    },
+                    x: {
+                        title: {
+                            display: true,
+                            text: 'Year',
+                        },
+                    },
+                },
+                plugins: {
+                    legend: {
+                        position: 'bottom',
+                        labels: {
+                            usePointStyle: true,
+                            padding: 15,
+                            font: { size: 12 },
+                        },
+                    },
+                    tooltip: {
+                        backgroundColor: 'rgba(0,0,0,0.8)',
+                        titleFont: { size: 14 },
+                        bodyFont: { size: 13 },
+                        callbacks: {
+                            title: function(items) {
+                                return `${items[0].label}`;
+                            },
+                            label: function(context) {
+                                return ` ${context.dataset.label}: ${context.parsed.y} ${objects}`;
+                            }
+                        }
+                    },
+                    zoom: {
+                        zoom: {
+                            wheel: {
+                                enabled: true,
+                                modifierKey: 'alt'   // Alt + scroll wheel to zoom
+                            },      // scroll to zoom
+                            pinch: {
+                                enabled: true
+                            },      // pinch on mobile
+                            drag: {                        // drag to select range
+                                enabled: true,
+                                modifierKey: 'alt'
+                            },
+                            mode: 'xy',                     // zoom X-axis and Y-axis
+                        },
+                        pan: {
+                            enabled: true,
+                            modifierKey: 'alt',
+                            mode: 'xy',                     // pan X-axis and Y-axis
+                        },
+                    },
+                }
+            }
+        })
+    }
+
+    const documentsChart = displayChart('documentsChart', chartData) ;
+
+    document.addEventListener('keydown', (event) => {
+        if (event.key === 'Escape') {
+            documentsChart.resetZoom()
+        }
+    })
+    document.getElementById('resetButton').addEventListener('click', () => {
+        documentsChart.resetZoom()
+    })
+})

ietf/static/js/stats_document_total.js

@@ -0,0 +1,117 @@
+// Copyright The IETF Trust 2026, All Rights Reserved
+import Chart from 'chart.js/auto'
+import zoomPlugin from 'chartjs-plugin-zoom'
+
+document.addEventListener('DOMContentLoaded', () => {
+    Chart.register(zoomPlugin) // enable the zoom plugin
+    const hidden = new Set();   // track suppressed categories
+
+    // ── Safely parse JSON data injected from Django view ──
+    const chartData = JSON.parse(document.getElementById('chart_data').textContent) ;
+    const objects = JSON.parse(document.getElementById('objects').textContent) ;
+
+    function refreshChart(chart) {
+        // On first call, snapshot the original data onto the chart instance itself
+        if (!chart._originalData) {
+            chart._originalData = {
+                labels: [...chart.data.labels],
+                values: [...chart.data.datasets[0].data],
+                colors: Array.isArray(chart.data.datasets[0].backgroundColor)
+                    ? [...chart.data.datasets[0].backgroundColor]
+                    : chart.data.labels.map(() => chart.data.datasets[0].backgroundColor),
+            };
+        }
+
+        const original = chart._originalData;
+        const labels = [], values = [], colors = [];
+
+        original.labels.forEach((lbl, i) => {
+            if (!hidden.has(lbl)) {
+                labels.push(lbl);
+                values.push(original.values[i]);
+                colors.push(original.colors[i]);
+            }
+        });
+
+        chart.data.labels = labels;
+        chart.data.datasets[0].data = values;
+        chart.data.datasets[0].backgroundColor = colors;
+        chart.update();
+    }
+
+    function displayChart (id, data) {
+        const ctx = document.getElementById(id).getContext('2d') ;
+        let chart = new Chart(ctx, {
+            type: 'bar',
+            data: data,
+            options: {
+                indexAxis: 'y',
+                onClick: (event, elements) => {
+                    if (elements.length > 0) {
+                        const idx = elements[0].index;
+                        const label = chart.data.labels[idx];
+                        hidden.add(label);
+                        refreshChart(chart);
+                    }
+                },
+                responsive: true,
+                scales: {
+                    x: {
+                        title: {
+                            display: true,
+                            text: 'Number of ' + objects,
+                        },
+                    },
+                    y: {
+                        ticks: {
+                            autoSkip: false, // Display all labels even if messy...
+                        }
+                    },
+                },
+                plugins: {
+                    legend: {
+                        display: false,
+                    },
+                    tooltip: {
+                        backgroundColor: 'rgba(0,0,0,0.8)',
+                        titleFont: { size: 14 },
+                        bodyFont: { size: 13 },
+                        callbacks: {
+                            title: function(items) {
+                                return `${items[0].label}`;
+                            },
+                            label: function(context) {
+                                return `${context.formattedValue} ${objects}`;
+                            }
+                        }
+                    },
+                    zoom: {
+                        zoom: {
+                            wheel: {
+                                enabled: true,
+                                modifierKey: 'alt'   // Alt + scroll wheel to zoom
+                            },      // scroll to zoom
+                            pinch: {
+                                enabled: true
+
+                            },      // pinch on mobile
+                            drag: {                        // drag to select range
+                                enabled: true,
+                                modifierKey: 'alt'
+                            },
+                            mode: 'xy',                     // zoom X-axis and Y-axis
+                        },
+                        pan: {
+                            enabled: true,
+                            modifierKey: 'alt',
+                            mode: 'xy',                     // pan X-axis and Y-axis
+                        },
+                    },
+                }
+            }
+        }) ;
+        return chart;
+    }
+
+    displayChart('documentsChart', chartData) ;
+})

ietf/static/js/meeting_stats.js → ietf/static/js/stats_meeting.js

@@ -1,9 +1,7 @@
 // Copyright The IETF Trust 2026, All Rights Reserved
 import Chart from 'chart.js/auto'
-import autocolors from 'chartjs-plugin-autocolors'
 
 document.addEventListener('DOMContentLoaded', () => {
-    Chart.register(autocolors)
     // ── Safely parse JSON data injected from Django view ──
     const totalChartData = JSON.parse(document.getElementById('total-chart-data').textContent)
     const inPersonChartData = JSON.parse(document.getElementById('in-person-chart-data').textContent)
@@ -16,9 +14,6 @@ document.addEventListener('DOMContentLoaded', () => {
             options: {
                 responsive: true,
                 plugins: {
-                    autocolors: {
-                        mode: 'data' // Required for Pie charts to color individual slices
-                    },
                     legend: {
                         position: 'bottom',
                         labels: {

ietf/static/js/meeting_timeline.js → ietf/static/js/stats_meeting_timeline.js

@@ -53,8 +53,14 @@ document.addEventListener('DOMContentLoaded', () => {
                     },
                     zoom: {
                         zoom: {
-                            wheel: { enabled: true },      // scroll to zoom
-                            pinch: { enabled: true },      // pinch on mobile
+                            wheel: {
+                                enabled: true,
+                                modifierKey: 'alt'   // Alt + scroll wheel to zoom
+                            },      // scroll to zoom
+                            pinch: {
+                                enabled: true,
+                                modifierKey: 'alt'
+                            },      // pinch on mobile
                             drag: {                        // drag to select range 
                                 enabled: true,
                                 modifierKey: 'alt'
@@ -63,6 +69,7 @@ document.addEventListener('DOMContentLoaded', () => {
                         },
                         pan: {
                             enabled: true,
+                            modifierKey: 'alt', 
                             mode: 'xy',                     // pan X-axis and Y-axis
                         },
                     },

ietf/stats/admin.py

@@ -1,6 +1,6 @@
 from django.contrib import admin
 
-from ietf.stats.models import AffiliationAlias, AffiliationIgnoredEnding, CountryAlias, MeetingRegistration
+from ietf.stats.models import AffiliationAlias, AffiliationIgnoredEnding, AffiliationMainName, CountryAlias, MeetingRegistration
 
 
 class AffiliationAliasAdmin(admin.ModelAdmin):
@@ -14,6 +14,11 @@ class AffiliationIgnoredEndingAdmin(admin.ModelAdmin):
     search_fields = ["ending"]
 admin.site.register(AffiliationIgnoredEnding, AffiliationIgnoredEndingAdmin)
 
+class AffiliationMainNameAdmin(admin.ModelAdmin):
+    list_display = ('main_name',)
+    search_fields = ('main_name',)
+admin.site.register(AffiliationMainName, AffiliationMainNameAdmin)
+
 class CountryAliasAdmin(admin.ModelAdmin):
     list_filter = ["country"]
     list_display = ["alias", "country"]

ietf/stats/factories.py

@@ -2,10 +2,24 @@
 
 import factory
 
-from ietf.stats.models import MeetingRegistration
+from ietf.stats.models import AffiliationIgnoredEnding, AffiliationMainName, MeetingRegistration
 from ietf.meeting.factories import MeetingFactory
 from ietf.person.factories import PersonFactory
 
+class AffiliationIgnoredEndingFactory(factory.django.DjangoModelFactory):
+    class Meta:
+        model = AffiliationIgnoredEnding
+
+    ending = 'Inc\\.?'
+
+
+class AffiliationMainNameFactory(factory.django.DjangoModelFactory):
+    class Meta:
+        model = AffiliationMainName
+
+    main_name = factory.Faker('company')
+
+
 class MeetingRegistrationFactory(factory.django.DjangoModelFactory):
     class Meta:
         model = MeetingRegistration