Mirror/podkop
1
0
Fork 0
mirror of https://github.com/itdoginfo/podkop.git synced 2025-12-11 22:16:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement dashboard prototype

Browse Source
This commit is contained in:
divocat
2025-10-06 03:43:55 +03:00
parent c75dd3e78b
commit aad6d8c002
35 changed files with 2014 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
fe-app-podkop/src/dashboard/renderDashboard.ts Normal file
View File

@@ -0,0 +1,78 @@
export function renderDashboard() {
return E(
'div',
{
id: 'dashboard-status',
class: 'pdk_dashboard-page',
},
[
// Title section
E('div', { class: 'pdk_dashboard-page__title-section' }, [
E(
'h3',
{ class: 'pdk_dashboard-page__title-section__title' },
'Overall (alpha)',
),
E('label', {}, [
E('input', { type: 'checkbox', disabled: true, checked: true }),
' Runtime',
]),
]),
// Widgets section
E('div', { class: 'pdk_dashboard-page__widgets-section' }, [
E('div', { id: 'dashboard-widget-traffic' }, [
E(
'div',
{
id: '',
style: 'height: 78px',
class: 'pdk_dashboard-page__widgets-section__item skeleton',
},
'',
),
]),
E('div', { id: 'dashboard-widget-traffic-total' }, [
E(
'div',
{
id: '',
style: 'height: 78px',
class: 'pdk_dashboard-page__widgets-section__item skeleton',
},
'',
),
]),
E('div', { id: 'dashboard-widget-system-info' }, [
E(
'div',
{
id: '',
style: 'height: 78px',
class: 'pdk_dashboard-page__widgets-section__item skeleton',
},
'',
),
]),
E('div', { id: 'dashboard-widget-service-info' }, [
E(
'div',
{
id: '',
style: 'height: 78px',
class: 'pdk_dashboard-page__widgets-section__item skeleton',
},
'',
),
]),
]),
// All outbounds
E('div', { id: 'dashboard-sections-grid' }, [
E('div', {
id: 'dashboard-sections-grid-skeleton',
class: 'pdk_dashboard-page__outbound-section skeleton',
style: 'height: 127px',
}),
]),
],
);
}