louislam/uptime-kuma

Support URL parameters so we can link directly to filtered dashboard view

Open

#3.672 geöffnet am 1. Sept. 2023

Auf GitHub ansehen
 (7 Kommentare) (2 Reaktionen) (0 zugewiesene Personen)JavaScript (86.760 Stars) (7.844 Forks)batch import
A:dashboardfeature-requestgood first issue

Beschreibung

⚠️ Please verify that this feature request has NOT been suggested before.

  • I checked and didn't find similar feature request

🏷️ Feature Request Type

UI Feature

🔖 Feature description

Usually when I go to UptimeKuma it's to check on down monitors. So I end up clicking the little filter bubble, status -> down. It would be very handy to be able to "bookmark" that filter setting directly e.g. something like:

https://my-uptime-kuma?filter=true&status=down

I am sorry if there is already a request or PR for this functionality. I did some basic searching and couldn't find it, although it is somewhat a little bit similar to https://github.com/louislam/uptime-kuma/issues/2787.

Thank you 🙏

Contributor Guide

Tech Stack
javascriptvue
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Basic knowledge of Vue.jsFamiliarity with URL parameters
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60
Research-Richtung
Investigate the current filtering implementation in the dashboard component (likely in src/components/Dashboard.vue) and the Vue Router configuration. The goal is to sync the filter state (e.g., status filter) with URL query parameters like ?filter=true&status=down. You can look at how the filter dropdowns update a reactive state and then use Vue Router's push or replace to update the query. Also check if there are any existing utilities for reading query parameters. Test by adding ?status=down to the URL and ensuring the filter is applied on page load.