[pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

Author: pre-commit-ci[bot]

.pre-commit-config.yaml

@@ -43,8 +43,8 @@ repos:
     - repo: https://github.com/codingjoe/esupgrade
       rev: 2025.3.1
       hooks:
-         - id: esupgrade
-           exclude: '(^djangoproject\/static\/js\/lib\/.*$)'
+          - id: esupgrade
+            exclude: '(^djangoproject\/static\/js\/lib\/.*$)'
 
     - repo: https://github.com/psf/black-pre-commit-mirror
       rev: 25.12.0

djangoproject/static/js/admin_blog_imageupload.js

@@ -1,16 +1,16 @@
-document.addEventListener('DOMContentLoaded', function () {
-  document
-    .querySelectorAll('button[data-clipboard-content]')
-    .forEach(function (el) {
-      el.addEventListener('click', function (e) {
-        // Copy to clipboard and flash the button for a second
-        navigator.clipboard.writeText(el.dataset.clipboardContent);
-        el.style.backgroundColor = 'rebeccapurple';
-        el.style.color = 'white';
-        window.setTimeout(function () {
-          el.style.backgroundColor = '';
-          el.style.color = '';
-        }, 1000);
-      });
+document.addEventListener('DOMContentLoaded', () => {
+  for (const el of document.querySelectorAll(
+    'button[data-clipboard-content]',
+  )) {
+    el.addEventListener('click', (e) => {
+      // Copy to clipboard and flash the button for a second
+      navigator.clipboard.writeText(el.dataset.clipboardContent);
+      el.style.backgroundColor = 'rebeccapurple';
+      el.style.color = 'white';
+      window.setTimeout(() => {
+        el.style.backgroundColor = '';
+        el.style.color = '';
+      }, 1000);
     });
+  }
 });

djangoproject/static/js/dashboard/detail.js

@@ -1,24 +1,24 @@
-$(function () {
-  var element = $('#graph');
-  var url = element.data('path') + element.data('metric') + '.json?days=365';
-  var hover = {
-    show: function (x, y, message) {
+$(() => {
+  const element = $('#graph');
+  const url = `${element.data('path') + element.data('metric')}.json?days=365`;
+  const hover = {
+    show: (x, y, message) => {
       $('<div id="hover">')
         .html(message)
         .css({ top: y, left: x })
         .appendTo('body')
         .show();
     },
-    hide: function () {
+    hide: () => {
       $('#hover').remove();
     },
   };
 
-  $.getJSON(url, function (response) {
-    for (var i = 0; i < response.data.length; i++) {
+  $.getJSON(url, (response) => {
+    for (const i = 0; i < response.data.length; i++) {
       response.data[i][0] = response.data[i][0] * 1000;
     }
-    var options = {
+    const options = {
       xaxis: {
         mode: 'time',
         tickColor: 'rgba(0,0,0,0)',
@@ -41,27 +41,21 @@ $(function () {
         align: 'center',
       };
     }
-    var plot = $.plot(element, [response.data], options);
+    const plot = $.plot(element, [response.data], options);
 
-    var format_message = function (timestamp, measurement) {
-      var unit = measurement == 1 ? response.unit : response.unit_plural;
-      return (
-        formatTimestamp(timestamp, response.period) +
-        '<br>' +
-        measurement +
-        ' ' +
-        unit
-      );
+    const format_message = (timestamp, measurement) => {
+      const unit = measurement == 1 ? response.unit : response.unit_plural;
+      return `${formatTimestamp(timestamp, response.period)}<br>${measurement} ${unit}`;
     };
 
-    var previousPoint = null;
-    element.bind('plothover', function (event, pos, item) {
+    const previousPoint = null;
+    element.bind('plothover', (event, pos, item) => {
       if (item) {
         if (previousPoint != item.dataIndex) {
           previousPoint = item.dataIndex;
           hover.hide();
-          var x, y;
-          var message = format_message.apply(null, item.datapoint);
+          const x, y;
+          const message = format_message.apply(null, item.datapoint);
           if (response.period == 'instant') {
             x = item.pageX + 10;
             y = item.pageY + 10;

djangoproject/static/js/dashboard/index.js

@@ -1,13 +1,13 @@
-$(function () {
-  $('.metric .sparkline').each(function (index, elem) {
-    var element = $(elem);
-    var valueElement = element.parent().find('.value a');
-    var timestampElement = element.parent().find('.timestamp');
-    var originalValue = valueElement.html();
-    var green = '#93D7B7';
+$(() => {
+  $('.metric .sparkline').each((index, elem) => {
+    const element = $(elem);
+    const valueElement = element.parent().find('.value a');
+    const timestampElement = element.parent().find('.timestamp');
+    const originalValue = valueElement.html();
+    const green = '#93D7B7';
 
-    var url = element.data('path') + element.data('metric') + '.json';
-    $.getJSON(url, function (response) {
+    const url = `${element.data('path') + element.data('metric')}.json`;
+    $.getJSON(url, (response) => {
       response.data = convertSecondsToMilliseconds(response.data);
       $.plot(element, [response.data], {
         xaxis: { show: false, mode: 'time' },
@@ -26,7 +26,7 @@ $(function () {
         },
       });
 
-      element.bind('plothover', function (event, pos, item) {
+      element.bind('plothover', (event, pos, item) => {
         if (item) {
           valueElement.html(item.datapoint[1]);
           timestampElement.html(

djangoproject/static/js/dashboard/utils.js

@@ -1,5 +1,5 @@
 function formatTimestamp(timestamp, period) {
-  var d = new Date(timestamp);
+  const d = new Date(timestamp);
   if (period == 'instant') {
     return $.plot.formatDate(d, '%b %d, %h:%M %p');
   } else if (period == 'daily') {
@@ -8,18 +8,14 @@ function formatTimestamp(timestamp, period) {
     // A bit more complicated than the above: the timestamp is in the
     // middle of the week, so we have to bracket the date. This is
     // something of a fudge here, but it works well enough.
-    var start = new Date(d.getTime() - 3 * 24 * 60 * 60 * 1000);
-    var end = new Date(d.getTime() + 3 * 24 * 60 * 60 * 1000);
-    return (
-      $.plot.formatDate(start, '%b %d') +
-      ' - ' +
-      $.plot.formatDate(end, '%b %d')
-    );
+    const start = new Date(d.getTime() - 3 * 24 * 60 * 60 * 1000);
+    const end = new Date(d.getTime() + 3 * 24 * 60 * 60 * 1000);
+    return `${$.plot.formatDate(start, '%b %d')} - ${$.plot.formatDate(end, '%b %d')}`;
   }
 }
 
 function convertSecondsToMilliseconds(data) {
-  for (var i = 0; i < data.length; i++) {
+  for (const i = 0; i < data.length; i++) {
     data[i][0] = data[i][0] * 1000;
   }
   return data;

djangoproject/static/js/djangoproject.js

@@ -1,45 +1,41 @@
-// Toggle persistent display of documentation version and language options
-document.querySelectorAll('.doc-switcher li.current').forEach(function (el) {
+for (const el of document.querySelectorAll('.doc-switcher li.current')) {
   el.addEventListener('click', function () {
     this.parentElement.classList.toggle('open');
   });
-});
+}
 
-// Propagate the current fragment identifier when switching docs versions
-document.querySelectorAll('#doc-versions a').forEach(function (el) {
+for (const el of document.querySelectorAll('#doc-versions a')) {
   el.addEventListener('click', function () {
     this.href = this.href.split('#')[0] + window.location.hash;
   });
-});
+}
 
-// Fade out and remove message elements when close icon is clicked
-document.querySelectorAll('.messages li .close').forEach(function (el) {
+for (const el of document.querySelectorAll('.messages li .close')) {
   el.addEventListener('click', function () {
     this.parentElement.addEventListener('transitionend', function () {
       this.style.display = 'none';
     });
 
     this.parentElement.classList.add('fade-out');
   });
-});
+}
 
-// Check all console tab inputs of the same type when one's label is clicked
-document.querySelectorAll('.console-block label').forEach(function (el) {
-  el.addEventListener('click', function (e) {
+for (const el of document.querySelectorAll('.console-block label')) {
+  el.addEventListener('click', (e) => {
     const input_id = e.currentTarget.getAttribute('for');
     const selector = input_id.endsWith('unix') ? '.c-tab-unix' : '.c-tab-win';
 
-    document.querySelectorAll(selector).forEach(function (input_el) {
+    for (const input_el of document.querySelectorAll(selector)) {
       input_el.checked = true;
-    });
+    }
   });
-});
+}
 
 // Add animation class to feature icons when they are fully visible
-(function () {
+(() => {
   const observer = new IntersectionObserver(
-    function (entries) {
-      entries.forEach(function (entry) {
+    (entries) => {
+      entries.forEach((entry) => {
         if (!entry.isIntersecting) {
           return;
         }
@@ -52,9 +48,9 @@ document.querySelectorAll('.console-block label').forEach(function (el) {
     { threshold: 1.0 },
   );
 
-  document.querySelectorAll('.list-features i').forEach(function (el) {
+  for (const el of document.querySelectorAll('.list-features i')) {
     observer.observe(el);
-  });
+  }
 })();
 
 // Toggle mobile menu on button click
@@ -66,7 +62,7 @@ document.querySelector('.menu-button').addEventListener('click', function () {
 });
 
 // Update search input placeholder text based on the user's operating system
-(function () {
+(() => {
   const el = document.getElementById('id_q');
 
   if (!el) {
@@ -81,7 +77,7 @@ document.querySelector('.menu-button').addEventListener('click', function () {
 })();
 
 // Focus, select, and scroll to search input when key combination is pressed
-window.addEventListener('keydown', function (e) {
+window.addEventListener('keydown', (e) => {
   const is_ctrl_k = (e.metaKey || e.ctrlKey) && e.key === 'k';
 
   if (!(is_ctrl_k || e.key === '/')) {
@@ -103,7 +99,7 @@ window.addEventListener('keydown', function (e) {
 });
 
 // Add copy buttons to code snippets
-(function () {
+(() => {
   const button_el = document.createElement('span');
 
   button_el.classList.add('btn-clipboard');
@@ -112,13 +108,12 @@ window.addEventListener('keydown', function (e) {
 
   const selector = '.snippet-filename, .code-block-caption';
 
-  document.querySelectorAll(selector).forEach(function (el) {
+  for (const el of document.querySelectorAll(selector)) {
     el.insertBefore(button_el.cloneNode(true), null);
-  });
+  }
 })();
 
-// Attach copy functionality to dynamically-created buttons
-document.querySelectorAll('.btn-clipboard').forEach(function (el) {
+for (const el of document.querySelectorAll('.btn-clipboard')) {
   el.addEventListener('click', function () {
     const success_el = document.createElement('span');
 
@@ -133,15 +128,15 @@ document.querySelectorAll('.btn-clipboard').forEach(function (el) {
     function on_success(el) {
       success_el.innerText = 'Copied!';
 
-      setTimeout(function () {
+      setTimeout(() => {
         success_el.classList.add('fade-out');
       }, 1000);
     }
 
     function on_error(el) {
       success_el.innerText = 'Could not copy!';
 
-      setTimeout(function () {
+      setTimeout(() => {
         success_el.classList.add('fade-out');
       }, 5000);
     }
@@ -150,10 +145,10 @@ document.querySelectorAll('.btn-clipboard').forEach(function (el) {
 
     navigator.clipboard.writeText(text).then(on_success, on_error);
   });
-});
+}
 
 // Compensate for floating warning element when scrolling to a URL hash in docs
-(function () {
+(() => {
   const warning_el = document.querySelector('.doc-floating-warning');
 
   if (!warning_el) {
@@ -186,7 +181,7 @@ document.querySelectorAll('.btn-clipboard').forEach(function (el) {
 })();
 
 // Update donate button text on fundraising page based on interval selection
-(function () {
+(() => {
   const el = document.querySelector('#donate #id_interval');
 
   if (!el) {
@@ -201,7 +196,7 @@ document.querySelectorAll('.btn-clipboard').forEach(function (el) {
 })();
 
 // Manage custom donation amount input on fundraising page
-(function () {
+(() => {
   const el = document.querySelector('#donate #id_amount');
 
   if (!el) {
@@ -231,7 +226,7 @@ document.querySelectorAll('.btn-clipboard').forEach(function (el) {
 })();
 
 // Manage amount and membership level fields on corporate membership page
-(function () {
+(() => {
   const form_el = document.querySelector('.corporate-membership-join-form');
 
   if (!form_el) {