louislam/uptime-kuma

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

Open

#3,672 建立於 2023年9月1日

在 GitHub 查看
 (7 留言) (2 反應) (0 負責人)JavaScript (86,760 star) (7,844 fork)batch import
A:dashboardfeature-requestgood first issue

描述

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

貢獻者指南

技術棧
javascriptvue
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
half day
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
fresh
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Basic knowledge of Vue.jsFamiliarity with URL parameters
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
60
研究方向
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.