| 1 | export function getDashboardIcon(icon: string) { |
| 2 | switch (icon) { |
| 3 | case "cpu": |
| 4 | case "memory": |
| 5 | return "carbon:chip" |
| 6 | case "network": |
| 7 | return "carbon:load-balancer-network" |
| 8 | case "storage": |
| 9 | return "carbon:vmdk-disk" |
| 10 | case "security": |
| 11 | return "carbon:security" |
| 12 | case "performance": |
| 13 | return "ph:gauge" |
| 14 | default: |
| 15 | return "carbon:dashboard" |
| 16 | } |
| 17 | } |
| 18 | |
| 19 | /** Span responsive su griglia 12 col: `col-span-12` su schermi stretti, poi breakpoint (`@lg`, `@2xl`, `@3xl`, `@5xl`) verso lo span target `w`. */ |
| 20 | export const PANEL_COL_SPAN_BY_WIDTH: Record<number, string> = { |
| 21 | 1: "col-span-12 @2xl:col-span-4 @3xl:col-span-2 @5xl:col-span-1", |
| 22 | 2: "col-span-12 @lg:col-span-4 @5xl:col-span-2", |
| 23 | 3: "col-span-12 @lg:col-span-6 @5xl:col-span-3", |
| 24 | 4: "col-span-12 @4xl:col-span-4", |
| 25 | 5: "col-span-12 @3xl:col-span-5", |
| 26 | 6: "col-span-12 @2xl:col-span-6", |
| 27 | 7: "col-span-12 @3xl:col-span-7", |
| 28 | 8: "col-span-12 @2xl:col-span-8", |
| 29 | 9: "col-span-12 @2xl:col-span-9", |
| 30 | 10: "col-span-12 @xl:col-span-10", |
| 31 | 11: "col-span-12 @xl:col-span-11", |
| 32 | 12: "col-span-12" |
| 33 | } |
| 34 | |
| 35 | export function panelColSpanClass(w: number): string { |
| 36 | return PANEL_COL_SPAN_BY_WIDTH[w] ?? "col-span-12" |
| 37 | } |