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.