pccs/wwwroot/index.ui

284 lines
13 KiB
XML

{
"widgettype": "VBox",
"options": {
"width": "100%",
"height": "100%",
"bgcolor": "#f8fafc"
},
"subwidgets": [
{
"widgettype": "HBox",
"options": {
"width": "100%",
"cheight": 2.5,
"padding": "0 16px",
"alignItems": "center",
"bgcolor": "#ffffff",
"borderBottom": "1px solid #e2e8f0"
},
"subwidgets": [
{
"widgettype": "Button",
"id": "sidebar_toggle_btn",
"options": {
"css": "text",
"label": "☰",
"cfontsize": 1.4,
"color": "#64748b"
},
"binds": [
{
"wid": "self",
"event": "click",
"actiontype": "method",
"target": "pccs_sidebar",
"method": "toggle_collapse"
}
]
},
{
"widgettype": "Text",
"options": {
"otext": "PCCS",
"cfontsize": 1.2,
"fontWeight": "bold",
"color": "#1e293b",
"padding": "0 8px"
}
},
{
"widgettype": "Text",
"options": {
"otext": "算力中心集群系统",
"cfontsize": 0.8,
"color": "#94a3b8"
}
},
{
"widgettype": "Filler"
},
{
"widgettype": "urlwidget",
"options": {
"url": "{{entire_url('i18n/language.ui')}}"
}
},
{
"widgettype": "urlwidget",
"options": {
"url": "{{entire_url('/rbac/user/user_panel.ui')}}"
}
}
]
},
{
"widgettype": "HBox",
"options": {
"css": "filler",
"padding": "0",
"gap": "0"
},
"subwidgets": [
{
"widgettype": "VBox",
"id": "pccs_sidebar",
"options": {
"width": "220px",
"minWidth": "200px",
"height": "100%",
"bgcolor": "#0f172a",
"padding": "0",
"flexShrink": "0"
},
"subwidgets": [
{
"widgettype": "VBox",
"options": {
"padding": "20px 16px",
"borderBottom": "1px solid #1e293b"
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"otext": "PCCS",
"cfontsize": 1.3,
"fontWeight": "bold",
"color": "#e2e8f0"
}
},
{
"widgettype": "Text",
"options": {
"otext": "算力中心集群系统",
"cfontsize": 0.75,
"color": "#64748b"
}
}
]
},
{
"widgettype": "Menu",
"id": "pccs_menu",
"options": {
"width": "100%",
"height": "100%",
"target": "pccs_main",
"items": [
{
"name": "dashboard",
"label": "📊 概览",
"icon": "",
"url": "{{entire_url('/')}}"
},
{
"name": "compute_pool",
"label": "📦 算力池列表",
"icon": "",
"url": "{{entire_url('/pcpool/compute_pool_list/index.ui')}}"
},
{
"name": "compute_node",
"label": "📦 算力节点",
"icon": "",
"url": "{{entire_url('/pcpool/compute_node_list/index.ui')}}"
},
{
"name": "cluster_list",
"label": "🖥 集群列表",
"icon": "",
"url": "{{entire_url('/pcc/cluster_list/index.ui')}}"
},
{
"name": "cluster_node",
"label": "🖥 节点分配",
"icon": "",
"url": "{{entire_url('/pcc/cluster_node_list/index.ui')}}"
},
{
"name": "storage_server",
"label": "💾 存储服务器",
"icon": "",
"url": "{{entire_url('/storage_mgr/storage_server_list/index.ui')}}"
},
{
"name": "storage_export",
"label": "💾 存储导出",
"icon": "",
"url": "{{entire_url('/storage_mgr/storage_export_list/index.ui')}}"
},
{
"name": "storage_mount",
"label": "💾 存储挂载",
"icon": "",
"url": "{{entire_url('/storage_mgr/storage_mount_list/index.ui')}}"
},
{
"name": "mirror_source",
"label": "🏗 镜像源",
"icon": "",
"url": "{{entire_url('/image_mgr/mirror_source_list/index.ui')}}"
},
{
"name": "image_registry",
"label": "🏗 镜像仓库",
"icon": "",
"url": "{{entire_url('/image_mgr/image_registry_list/index.ui')}}"
},
{
"name": "container_image",
"label": "🏗 容器镜像",
"icon": "",
"url": "{{entire_url('/image_mgr/container_image_list/index.ui')}}"
}
]
}
}
]
},
{
"widgettype": "VScrollPanel",
"id": "pccs_main",
"options": {
"css": "filler",
"width": "100%",
"height": "100%"
},
"subwidgets": [
{
"widgettype": "VBox",
"options": {
"padding": "32px",
"spacing": "24px"
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"otext": "概览",
"cfontsize": 1.5,
"fontWeight": "bold",
"color": "#1e293b"
}
},
{
"widgettype": "Text",
"options": {
"otext": "算力中心资源总览",
"cfontsize": 0.9,
"color": "#64748b"
}
},
{
"widgettype": "HBox",
"options": {"gap": "16px"},
"subwidgets": [
{
"widgettype": "urlwidget",
"id": "card_pool",
"options": {
"url": "{{entire_url('/pcpool/api/pool_stats.dspy')}}",
"method": "GET"
}
},
{
"widgettype": "urlwidget",
"id": "card_cluster",
"options": {
"url": "{{entire_url('/pcc/api/cluster_status_all.dspy')}}",
"method": "GET"
}
}
]
},
{
"widgettype": "HBox",
"options": {"gap": "16px"},
"subwidgets": [
{
"widgettype": "urlwidget",
"id": "card_storage",
"options": {
"url": "{{entire_url('/storage_mgr/api/storage_stats.dspy')}}",
"method": "GET"
}
},
{
"widgettype": "urlwidget",
"id": "card_image",
"options": {
"url": "{{entire_url('/image_mgr/api/image_stats.dspy')}}",
"method": "GET"
}
}
]
}
]
}
]
}
]
}
]
}