AdguardTeam/AdGuardHome

Update stats on Dashboard in real-time

Open

#1,739 opened on 2020年5月27日

GitHub で見る
 (7 comments) (23 reactions) (0 assignees)Go (34,000 stars) (2,333 forks)batch import
P3: MediumUIfeature requesthelp wanted

説明

(@ainar-g: updating the top post with more details about the UI; original content is below the horizontal ruler.)

In order to make stats monitoring easier, we want to add an autoupdate feature.

Proposed change: Add a Refresh automatically button/checkbox right next to the already-present Refresh statistics button. When active/checked, the front-end code starts refreshing the dashboard data every 5 seconds.

I am running the latest version Hope that the statistical data in the web page can be updated in real time or automatically and regularly

コントリビューターガイド

技術スタック
javascriptgo
領域
frontendbackend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Basic JavaScriptFamiliarity with AdGuardHome dashboardUnderstanding of setInterval
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
70
調査方針
Start by examining the frontend code in the repository, particularly the dashboard view where statistics are displayed. Look for the existing 'Refresh statistics' button to understand its implementation. Then, consider adding a checkbox or toggle button that triggers a setInterval to call the same refresh function every 5 seconds. Ensure to handle cleanup (e.g., clearing interval when component unmounts or dashboard is closed). Review the backend API to confirm it can handle frequent requests and consider adding throttling if needed. Examine existing comments and discussions in the issue for any additional requirements or concerns.