louislam/uptime-kuma

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

Open

#3 672 ouverte le 1 sept. 2023

Voir sur GitHub
 (7 commentaires) (2 réactions) (0 assignés)JavaScript (86 760 stars) (7 844 forks)batch import
A:dashboardfeature-requestgood first issue

Description

⚠️ 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 🙏

Guide contributeur

Stack technique
javascriptvue
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Basic knowledge of Vue.jsFamiliarity with URL parameters
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60
Direction de recherche
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.