thermokarst/gpx-web-utils
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

squash

Browse source
This commit is contained in:
Matthew Ryan Dillon 2021-12-09 10:47:46 -07:00
parent a8e222517f
commit 55a6477f1e
1 changed files with 19 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/app.rs
View file

@ -6,18 +6,19 @@ use yew::{function_component, html, Html};
#[function_component(App)] #[function_component(App)]
pub fn app() -> Html { pub fn app() -> Html {
let topografix = move || -> Html {
html! { <a href="https://www.topografix.com/gpx.asp">{"GPX files"}</a> }
};
html! { html! {
<> <>
<h1> <h1>
<a href="/">{ "gpx.thermokar.st" }</a> <a href="/">
{ "gpx.thermokar.st" }
</a>
</h1> </h1>
<p> <p>
{ "a client-side tool for merging "}{ topografix() } { "a client-side tool for merging "}
<a href="https://www.topografix.com/gpx.asp">
{ "gpx files" }
</a>
</p> </p>
<Loader /> <Loader />
@ -34,41 +35,46 @@ fn footer() -> Html {
let notes = Vec::from([ let notes = Vec::from([
// note 1 // note 1
"this has only been tested on GPX files produced by \ "this has only been tested on GPX files produced by \
<a href='https://strava.com'>strava</a> and \ <a href=\"https://strava.com\" target=\"_blank\">strava</a> and \
<a href='https://garmin.com'>garmin</a>", <a href=\"https://garmin.com\" target=\"_blank\">garmin</a>",
// note 2 // note 2
"all third-party extension info \ "all third-party extension info \
<a href='https://github.com/georust/gpx/issues/8'>\ <a href=\"https://github.com/georust/gpx/issues/8\" target=\"_blank\">\
is stripped</a>", is stripped</a>",
// note 3 // note 3
"if the app breaks, try refreshing the page", "if the app breaks, try refreshing the page",
"source (public access): git://pingo.thermokar.st/gpx-web-utils", "source (public access): git://pingo.thermokar.st/gpx-web-utils",
// note 4 // note 4
"source (mirror): \ "source (mirror): \
<a href='https://github.com/thermokarst/gpx-web-utils'>\ <a href=\"https://github.com/thermokarst/gpx-web-utils\" target=\"_blank\">\
https://github.com/thermokarst/gpx-web-utils</a>", https://github.com/thermokarst/gpx-web-utils</a>",
]); ]);
html! { html! {
<div> <div>
<ul> <ul>
{ for notes.iter().map(|f| li(f)) } { for notes.iter().map(|n| inner_html_enabled_li(n)) }
</ul> </ul>
<span> <span>
<small>{ "\u{000A9} matthew ryan dillon, 2021" }</small> <small>
{ "\u{000A9} matthew ryan dillon, 2021" }
</small>
</span> </span>
</div> </div>
} }
} }
fn li(data: &str) -> Html { fn inner_html_enabled_li(data: &str) -> Html {
let li = web_sys::window() let li = web_sys::window()
.unwrap() .unwrap()
.document() .document()
.unwrap() .unwrap()
.create_element("li") .create_element("li")
.unwrap(); .unwrap();
li.set_inner_html(data); li.set_inner_html(data);
let node = Node::from(li); let node = Node::from(li);
VNode::VRef(node) VNode::VRef(node)