Add date range filter with sidebar layout to audit log index

[Copilot]

Adds start/end date filtering to the audit log index page using Craft CMS's standard element index layout pattern with filters in a left sidebar.

Changes

Controller (DefaultController.php)

• Accept startDate and endDate query parameters
• Validate dates match Y-m-d format before applying to query
• Set start date to 00:00:00 and end date to 23:59:59 for full-day coverage
• Pass filter values to template for state persistence

Template (index.twig)

• Add sidebar block with filter form using Craft's forms.dateField() macro
• Submit via GET to preserve filter state in URL
• Include clear button to reset filters

JavaScript (Index.js)

• Clear filter button clears inputs and redirects to base URL
• Null-safe element access

CSS (Index.css)

• Style filter form with flexbox button layout

Tests (DateRangeFilterTest.php)

• Verify start date, end date, and combined range filtering

Example Usage

// Filter logs from Jan 1 onward
GET /admin/audit?startDate=2024-01-01

// Filter logs up to Jan 31
GET /admin/audit?endDate=2024-01-31

// Filter logs within January
GET /admin/audit?startDate=2024-01-01&endDate=2024-01-31

Backward compatible - works without query parameters to show all logs.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• asset-packagist.org
  • Triggering command: /usr/bin/php8.3 /usr/bin/php8.3 -n -c /tmp/lD8aGg /usr/bin/composer install --no-interaction (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>[PLU-20] Add date range filter</issue_title>
<issue_description>null

_PLU-20</issue_description>

<agent_instructions>if possible, re-use the element index layout where the filters are on the left. hopefully we can reuse the html of theirs but implement our own js.</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes [PLU-20] Add date range filter #42

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.