データテーブル

use hypersig::{NumberFormat, Page, Signals};
use hypersig_ui::{Column, DataTable, TableState, TableText};
use serde::{Deserialize, Serialize};

#[derive(Signals, Serialize, Deserialize)]
pub struct Payment {
    id: i32,
    email: String,
    amount: f64,
}

#[derive(Signals, Serialize, Deserialize)]
pub struct Ledger {
    payments: Vec<Payment>,
    chosen: Vec<i32>,
    table: TableState,
}

pub fn page() -> Page<Ledger> {
    let payments = [
        ("ken99@example.com", 316.0),
        ("abe45@example.com", 242.0),
        ("monserrat44@example.com", 837.0),
        ("silas22@example.com", 874.0),
        ("carmella@example.com", 721.0),
        ("jason78@example.com", 450.0),
        ("sarah23@example.com", 120.5),
    ]
    .into_iter()
    .zip(1..)
    .map(|((email, amount), id)| Payment {
        id,
        email: email.to_owned(),
        amount,
    })
    .collect();
    let table = DataTable::new(
        "支払い",
        Ledger::table(),
        Ledger::payments(),
        |payment| payment.at(Payment::id()),
    )
    .selectable(Ledger::chosen(), |payment| payment.at(Payment::id()))
    .filter(
        "メールアドレスで絞り込む",
        |payment| payment.at(Payment::email()),
    )
    .paginate(5)
    .text(TableText {
        empty: "該当する行はありません。"
            .to_owned(),
        select_row: "行を選ぶ"
            .to_owned(),
        select_all: "すべての行を選ぶ"
            .to_owned(),
        previous_page: "前のページ"
            .to_owned(),
        next_page: "次のページ"
            .to_owned(),
        expand_row: "行の詳細を表示"
            .to_owned(),
    })
    .sortable_column(
        Column::text(
            "メールアドレス",
            Payment::email(),
        ),
        |payment| payment.at(Payment::email()),
    )
    .sortable_column(
        Column::formatted(
            "金額",
            Payment::amount(),
            NumberFormat::new().digits(2).prefix("$"),
        ),
        |payment| payment.at(Payment::amount()),
    );
    Page::new(
        "支払い",
        Ledger {
            payments,
            chosen: Vec::new(),
            table: TableState::default(),
        },
    )
    .child(table)
}