Mirror/podkop
1
0
Fork 0
mirror of https://github.com/itdoginfo/podkop.git synced 2026-01-27 04:40:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: add loaders to test latency buttons

Browse Source
This commit is contained in:
divocat
2025-10-06 21:15:01 +03:00
parent caf82b096f
commit 1e4cda9400
3 changed files with 27 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
fe-app-podkop/src/dashboard/initDashboardController.ts
View File

@@ -66,7 +66,7 @@ async function connectToClashSockets() {
}); });
} }
// Renderer // Handlers
async function handleChooseOutbound(selector: string, tag: string) { async function handleChooseOutbound(selector: string, tag: string) {
await triggerProxySelector(selector, tag); await triggerProxySelector(selector, tag);
@@ -83,6 +83,18 @@ async function handleTestProxyLatency(tag: string) {
await fetchDashboardSections(); await fetchDashboardSections();
} }
function replaceTestLatencyButtonsWithSkeleton () {
document.querySelectorAll('.dashboard-sections-grid-item-test-latency').forEach(el => {
const newDiv = document.createElement('div');
newDiv.className = 'skeleton';
newDiv.style.width = '99px';
newDiv.style.height = '28px';
el.replaceWith(newDiv);
});
}
// Renderer
async function renderDashboardSections() { async function renderDashboardSections() {
const sections = store.get().sections; const sections = store.get().sections;
console.log('render dashboard sections group'); console.log('render dashboard sections group');
@@ -91,6 +103,8 @@ async function renderDashboardSections() {
renderOutboundGroup({ renderOutboundGroup({
section, section,
onTestLatency: (tag) => { onTestLatency: (tag) => {
replaceTestLatencyButtonsWithSkeleton();
if (section.withTagSelect) { if (section.withTagSelect) {
return handleTestGroupLatency(tag); return handleTestGroupLatency(tag);
} }

2
fe-app-podkop/src/dashboard/renderer/renderOutboundGroup.ts
View File

@@ -74,7 +74,7 @@ export function renderOutboundGroup({
}, },
section.displayName, section.displayName,
), ),
E('button', { class: 'btn', click: () => testLatency() }, 'Test latency'), E('button', { class: 'btn dashboard-sections-grid-item-test-latency', click: () => testLatency() }, 'Test latency'),
]), ]),
E( E(
'div', 'div',

12
luci-app-podkop/htdocs/luci-static/resources/view/podkop/main.js
View File

@@ -1164,7 +1164,7 @@ function renderOutboundGroup({
}, },
section.displayName section.displayName
), ),
E("button", { class: "btn", click: () => testLatency() }, "Test latency") E("button", { class: "btn dashboard-sections-grid-item-test-latency", click: () => testLatency() }, "Test latency")
]), ]),
E( E(
"div", "div",
@@ -1398,6 +1398,15 @@ async function handleTestProxyLatency(tag) {
await triggerLatencyProxyTest(tag); await triggerLatencyProxyTest(tag);
await fetchDashboardSections(); await fetchDashboardSections();
} }
function replaceTestLatencyButtonsWithSkeleton() {
document.querySelectorAll(".dashboard-sections-grid-item-test-latency").forEach((el) => {
const newDiv = document.createElement("div");
newDiv.className = "skeleton";
newDiv.style.width = "99px";
newDiv.style.height = "28px";
el.replaceWith(newDiv);
});
}
async function renderDashboardSections() { async function renderDashboardSections() {
const sections = store.get().sections; const sections = store.get().sections;
console.log("render dashboard sections group"); console.log("render dashboard sections group");
@@ -1406,6 +1415,7 @@ async function renderDashboardSections() {
(section) => renderOutboundGroup({ (section) => renderOutboundGroup({
section, section,
onTestLatency: (tag) => { onTestLatency: (tag) => {
replaceTestLatencyButtonsWithSkeleton();
if (section.withTagSelect) { if (section.withTagSelect) {
return handleTestGroupLatency(tag); return handleTestGroupLatency(tag);
} }