Peter/tauri-sys
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip: working example page

Browse source
This commit is contained in:
Max Coppen 2022-11-02 22:45:45 +01:00
parent fd2cbca34d
commit cdad6dd9ec
3 changed files with 35 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

2
examples/api/src/main.rs
View file

@ -18,7 +18,7 @@ fn Header<G: Html>(cx: Scope) -> View<G> {
"Clipboard"
}
a(href="/updater") {
"Updater"
"Updater"
}
a(href="/communication") {
"Communication"

4
examples/api/src/views/mod.rs
View file

@ -1,6 +1,7 @@
mod app;
mod clipboard;
mod communication;
mod updater;
mod welcome;
use sycamore::view::View;
@ -15,6 +16,8 @@ pub enum Page {
Clipboard,
#[to("/communication")]
Communication,
#[to("/updater")]
Updater,
#[not_found]
NotFound
}
@ -24,6 +27,7 @@ pub fn switch<G: Html>(cx: Scope, route: &ReadSignal<Page>) -> View<G> {
Page::App => app::App(cx),
Page::Clipboard => clipboard::Clipboard(cx),
Page::Communication => communication::Communication(cx),
Page::Updater => updater::Updater(cx),
Page::NotFound => welcome::Welcome(cx)
}
}

63
examples/api/src/views/updater.rs
View file

@ -3,43 +3,40 @@ use tauri_sys::clipboard::{read_text, write_text};
#[component]
pub fn Updater<G: Html>(cx: Scope) -> View<G> {
// let text = create_signal(cx, "clipboard message".to_string());
let text = create_signal(cx, "clipboard message".to_string());
// let write = move |_| {
// sycamore::futures::spawn_local_scoped(cx, async move {
// write_text(&text.get()).await
// // .then(() => {
// // onMessage('Wrote to the clipboard')
// // })
// // .catch(onMessage)
// });
// };
let write = move |_| {
sycamore::futures::spawn_local_scoped(cx, async move {
write_text(&text.get()).await
// .then(() => {
// onMessage('Wrote to the clipboard')
// })
// .catch(onMessage)
});
};
// let read = |_| {
// sycamore::futures::spawn_local(async move {
// let text = read_text().await;
let read = |_| {
sycamore::futures::spawn_local(async move {
let text = read_text().await;
// log::info!("Read text from clipboard {:?}", text);
// // readText()
// // .then((contents) => {
// // onMessage(`Clipboard contents: ${contents}`)
// // })
// // .catch(onMessage)
// });
// };
log::info!("Read text from clipboard {:?}", text);
// readText()
// .then((contents) => {
// onMessage(`Clipboard contents: ${contents}`)
// })
// .catch(onMessage)
});
};
// view! { cx,
// div(class="flex gap-1") {
// input(class="grow input",placeholder="Text to write to the clipboard",bind:value=text)
// button(class="btn",type="button",on:click=write) {
// "Write"
// }
// button(class="btn",type="button",on:click=read) {
// "Read"
// }
// }
// }
view! { cx,
div(class="updater") { }
div(class="flex gap-1") {
input(class="grow input",placeholder="Text to write to the clipboard",bind:value=text)
button(class="btn",type="button",on:click=write) {
"Write"
}
button(class="btn",type="button",on:click=read) {
"Read"
}
}
}
}