|
|
|
@ -73,9 +73,7 @@ where
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
let page_size_string = create_signal(cx, "20".to_string());
|
|
|
|
let page_size_string = create_signal(cx, "20".to_string());
|
|
|
|
let page_size_string2 = page_size_string.clone();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//let props_ref = Rc::new(props);
|
|
|
|
|
|
|
|
let props_sig = create_signal(cx, props);
|
|
|
|
let props_sig = create_signal(cx, props);
|
|
|
|
create_effect(cx, move || {
|
|
|
|
create_effect(cx, move || {
|
|
|
|
let page = *page.get();
|
|
|
|
let page = *page.get();
|
|
|
|
@ -102,11 +100,11 @@ where
|
|
|
|
class="p-2 justify-end text-slate-700 dark:text-slate-100 bg-slate-200 dark:bg-slate-800 rounded-md",
|
|
|
|
class="p-2 justify-end text-slate-700 dark:text-slate-100 bg-slate-200 dark:bg-slate-800 rounded-md",
|
|
|
|
id="size-select",
|
|
|
|
id="size-select",
|
|
|
|
) {
|
|
|
|
) {
|
|
|
|
option (value="20") { "20" }
|
|
|
|
option (value="10", selected=(*page_size_string.get()).eq("10")) { "10" }
|
|
|
|
option (value="10") { "10" }
|
|
|
|
option (value="20", selected=(*page_size_string.get()).eq("20")) { "20" }
|
|
|
|
option (value="30", selected=page_size_string2.get().eq(&Rc::new("30".to_string()))) { "30" }
|
|
|
|
option (value="30", selected=(*page_size_string.get()).eq("30")) { "30" }
|
|
|
|
option (value="40") { "40" }
|
|
|
|
option (value="40", selected=(*page_size_string.get()).eq("40")) { "40" }
|
|
|
|
option (value="50") { "50" }
|
|
|
|
option (value="50", selected=(*page_size_string.get()).eq("50")) { "50" }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
div (class="flex flex-row p-2 bg-slate-200 dark:bg-slate-800 rounded-md") {
|
|
|
|
div (class="flex flex-row p-2 bg-slate-200 dark:bg-slate-800 rounded-md") {
|
|
|
|
button (on:click=page_down,class="m-1 hover:font-bold") {
|
|
|
|
button (on:click=page_down,class="m-1 hover:font-bold") {
|
|
|
|
|