burncloud-client-shared 0.1.3

Shared components and styles for BurnCloud client applications
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

use dioxus::prelude::*;
use dioxus_router::prelude::*;

use super::layout::CoreRoute;

#[component]
pub fn Sidebar() -> Element {
    let route = use_route::<CoreRoute>();

    rsx! {
        nav { class: "sidebar",
            div { class: "p-lg",
                div { class: "flex flex-col gap-xs",
                    Link {
                        to: CoreRoute::Dashboard {},
                        class: if matches!(route, CoreRoute::Dashboard {}) { "nav-item active" } else { "nav-item" },
                        span { class: "icon", "🏠" }
                        span { "仪表盘" }
                    }
                    Link {
                        to: CoreRoute::ModelManagement {},
                        class: if matches!(route, CoreRoute::ModelManagement {}) { "nav-item active" } else { "nav-item" },
                        span { class: "icon", "🧠" }
                        span { "模型管理" }
                    }
                    Link {
                        to: CoreRoute::DeployConfig {},
                        class: if matches!(route, CoreRoute::DeployConfig {}) { "nav-item active" } else { "nav-item" },
                        span { class: "icon", "⚙️" }
                        span { "部署配置" }
                    }
                    Link {
                        to: CoreRoute::ServiceMonitor {},
                        class: if matches!(route, CoreRoute::ServiceMonitor {}) { "nav-item active" } else { "nav-item" },
                        span { class: "icon", "📊" }
                        span { "监控日志" }
                    }
                    Link {
                        to: CoreRoute::ApiManagement {},
                        class: if matches!(route, CoreRoute::ApiManagement {}) { "nav-item active" } else { "nav-item" },
                        span { class: "icon", "🔗" }
                        span { "API管理" }
                    }
                    Link {
                        to: CoreRoute::SystemSettings {},
                        class: if matches!(route, CoreRoute::SystemSettings {}) { "nav-item active" } else { "nav-item" },
                        span { class: "icon", "🔧" }
                        span { "系统设置" }
                    }
                }
            }

            div { class: "mt-auto p-lg border-t",
                style: "border-color: var(--neutral-quaternary);",
                div { class: "text-caption text-secondary",
                    "状态: 2个模型运行中"
                }
                div { class: "text-caption text-secondary",
                    "CPU: 45% | 内存: 2.1GB"
                }
            }
        }
    }
}