canonrs-server 0.1.0

CanonRS server-side rendering support
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

use leptos::prelude::*;
use super::table_boundary::{Table, TableHeader, TableBody, TableRow, TableHead, TableCell};
use crate::blocks::data_table::DataTableBlock;
use crate::ui::sheet::sheet_boundary::Sheet;
use canonrs_core::slot;
use canonrs_core::meta::SelectionState;

#[component]
pub fn TableShowcasePreview() -> impl IntoView {
    view! {
        <DataTableBlock
            body=slot!(|| view! {
                <div data-rs-table-context="" data-rs-uid="table-ctx-1" data-rs-interaction="init">
                    <Table hoverable=true>
                        <TableHeader>
                            <TableRow>
                                <TableHead>"Name"</TableHead>
                                <TableHead>"Role"</TableHead>
                                <TableHead>"Status"</TableHead>
                                <TableHead>"Email"</TableHead>
                            </TableRow>
                        </TableHeader>
                        <TableBody>
                            <TableRow attr:data-rs-action="open-sheet" attr:data-rs-label="Alice" attr:data-rs-meta="Engineer · Active">
                                <TableCell copyable=true>"Alice"</TableCell>
                                <TableCell>"Engineer"</TableCell>
                                <TableCell>"Active"</TableCell>
                                <TableCell truncate=true>"alice@example.com · alice.secondary@company.org"</TableCell>
                            </TableRow>
                            <TableRow attr:data-rs-action="open-sheet" attr:data-rs-label="Bob" attr:data-rs-meta="Designer · Active">
                                <TableCell copyable=true>"Bob"</TableCell>
                                <TableCell>"Designer"</TableCell>
                                <TableCell>"Active"</TableCell>
                                <TableCell truncate=true>"bob@example.com · bob.work@company.org"</TableCell>
                            </TableRow>
                            <TableRow attr:data-rs-action="open-sheet" attr:data-rs-label="Carol" attr:data-rs-meta="Manager · Inactive">
                                <TableCell copyable=true>"Carol"</TableCell>
                                <TableCell>"Manager"</TableCell>
                                <TableCell>"Inactive"</TableCell>
                                <TableCell truncate=true>"carol@example.com · carol.backup@company.org"</TableCell>
                            </TableRow>
                            <TableRow attr:data-rs-action="open-sheet" attr:data-rs-label="Dave" attr:data-rs-meta="DevOps · Active" selected=SelectionState::Selected>
                                <TableCell copyable=true>"Dave"</TableCell>
                                <TableCell>"DevOps"</TableCell>
                                <TableCell>"Active"</TableCell>
                                <TableCell truncate=true>"dave@example.com · dave.ops@company.org"</TableCell>
                            </TableRow>
                            <TableRow attr:data-rs-action="open-sheet" attr:data-rs-label="Eve" attr:data-rs-meta="QA · Active">
                                <TableCell copyable=true>"Eve"</TableCell>
                                <TableCell>"QA"</TableCell>
                                <TableCell>"Active"</TableCell>
                                <TableCell truncate=true>"eve@example.com · eve.testing@company.org"</TableCell>
                            </TableRow>
                        </TableBody>
                    </Table>
                    <Sheet trigger_label="" close_label="Close" />
                </div>
            }.into_any())
        />
        <p data-rs-showcase-preview-anchor="">
            "Click any row to open a detail sheet. Copy cells and truncation included."
        </p>
        <DataTableBlock
            body=slot!(|| view! {
                <Table striped=true hoverable=true>
                    <TableHeader>
                        <TableRow>
                            <TableHead>"Name"</TableHead>
                            <TableHead>"Score"</TableHead>
                        </TableRow>
                    </TableHeader>
                    <TableBody>
                        <TableRow><TableCell>"Alice"</TableCell><TableCell>"98"</TableCell></TableRow>
                        <TableRow><TableCell>"Bob"</TableCell><TableCell>"87"</TableCell></TableRow>
                        <TableRow><TableCell>"Carol"</TableCell><TableCell>"75"</TableCell></TableRow>
                        <TableRow selected=SelectionState::Selected><TableCell>"Dave"</TableCell><TableCell>"92"</TableCell></TableRow>
                        <TableRow><TableCell>"Eve"</TableCell><TableCell>"81"</TableCell></TableRow>
                    </TableBody>
                </Table>
            }.into_any())
        />
    }
}