feat: add map category filter widget with colored legend #72

New Issue

2026-06-29T14:06:40Z

jmiller commented

2026-06-29 14:06:40 +00:00

Summary

The map module displays all locations but has no way for users to filter markers by category on the map itself. A category filter legend (clickable category badges that toggle marker visibility) would be a significant UX improvement.

Checklist

Load published categories with colors in the map module dispatcher (already JOINed, extend to pass category list)
Add a category legend/filter bar below or beside the map in tmpl/default.php
Render each category as a clickable badge with its color and optional marker icon
Add JavaScript to show/hide markers by category on click (toggle L.LayerGroup per category)
Support "All" toggle to show/hide all markers
Add module parameter to enable/disable the category filter widget (default: enabled)
Style the filter widget responsively (horizontal on desktop, scrollable on mobile)
Use $wa->addInlineScript() for CSP compliance
Add language strings for "All Categories", "Filter by category"

## Summary The map module displays all locations but has no way for users to filter markers by category on the map itself. A category filter legend (clickable category badges that toggle marker visibility) would be a significant UX improvement. ## Checklist - [ ] Load published categories with colors in the map module dispatcher (already JOINed, extend to pass category list) - [ ] Add a category legend/filter bar below or beside the map in `tmpl/default.php` - [ ] Render each category as a clickable badge with its color and optional marker icon - [ ] Add JavaScript to show/hide markers by category on click (toggle `L.LayerGroup` per category) - [ ] Support "All" toggle to show/hide all markers - [ ] Add module parameter to enable/disable the category filter widget (default: enabled) - [ ] Style the filter widget responsively (horizontal on desktop, scrollable on mobile) - [ ] Use `$wa->addInlineScript()` for CSP compliance - [ ] Add language strings for "All Categories", "Filter by category"

jmiller added the priority/high type/feature area/module-map area/frontend labels 2026-06-29 14:06:40 +00:00

jmiller commented

2026-06-29 14:06:44 +00:00

Branch created: feature/72-feat-add-map-category-filter-widget-with

git fetch origin
git checkout feature/72-feat-add-map-category-filter-widget-with

Branch created: [`feature/72-feat-add-map-category-filter-widget-with`](https://git.mokoconsulting.tech/MokoConsulting/MokoSuiteStoreLocator/src/branch/feature/72-feat-add-map-category-filter-widget-with) ```bash git fetch origin git checkout feature/72-feat-add-map-category-filter-widget-with ```

jmiller referenced this issue

2026-07-06 16:14:32 +00:00

fix: honest installer success for package postflight #76

Sign in to join this conversation.

Priority Medium

Type Feature

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteStoreLocator#72