Add web frontend in Yew
This commit is contained in:
12 files changed
+374
-30
No files matched your search
Generated
+62
-20
@@ -486,6 +486,11 @@ dependencies = [
|
||||
name = "contextswitch-web"
|
||||
version = "0.1.0"
|
||||
dependencies = [
|
||||
"contextswitch",
|
||||
"reqwasm",
|
||||
"serde",
|
||||
"uikit-rs",
|
||||
"wasm-bindgen-futures",
|
||||
"yew",
|
||||
]
|
||||
|
||||
@@ -524,9 +529,9 @@ checksum = "5827cebf4670468b8772dd191856768aedcb1b0278a04f989f7766351917b9dc"
|
||||
|
||||
[[package]]
|
||||
name = "cpufeatures"
|
||||
version = "0.2.1"
|
||||
version = "0.2.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "95059428f66df56b63431fdb4e1947ed2190586af5c5a8a8b71122bdf5a7f469"
|
||||
checksum = "59a6001667ab124aebae2a495118e11d30984c3a653e99d86d58971708cf5e4b"
|
||||
dependencies = [
|
||||
"libc",
|
||||
]
|
||||
@@ -803,6 +808,26 @@ dependencies = [
|
||||
"web-sys",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "gloo-net"
|
||||
version = "0.1.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "2899cb1a13be9020b010967adc6b2a8a343b6f1428b90238c9d53ca24decc6db"
|
||||
dependencies = [
|
||||
"futures-channel",
|
||||
"futures-core",
|
||||
"futures-sink",
|
||||
"gloo-utils",
|
||||
"js-sys",
|
||||
"pin-project",
|
||||
"serde",
|
||||
"serde_json",
|
||||
"thiserror",
|
||||
"wasm-bindgen",
|
||||
"wasm-bindgen-futures",
|
||||
"web-sys",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "gloo-render"
|
||||
version = "0.1.0"
|
||||
@@ -1048,9 +1073,9 @@ checksum = "e2abad23fbc42b3700f2f279844dc832adb2b2eb069b2df918f455c4e18cc646"
|
||||
|
||||
[[package]]
|
||||
name = "libc"
|
||||
version = "0.2.119"
|
||||
version = "0.2.121"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "1bf2e165bb3457c8e098ea76f3e3bc9db55f87aa90d52d0e6be741470916aaa4"
|
||||
checksum = "efaa7b300f3b5fe8eb6bf21ce3895e1751d9665086af2d64b42f19701015ff4f"
|
||||
|
||||
[[package]]
|
||||
name = "linked-hash-map"
|
||||
@@ -1145,9 +1170,9 @@ dependencies = [
|
||||
|
||||
[[package]]
|
||||
name = "mio"
|
||||
version = "0.8.1"
|
||||
version = "0.8.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "7ba42135c6a5917b9db9cd7b293e5409e1c6b041e6f9825e92e55a894c63b6f8"
|
||||
checksum = "52da4364ffb0e4fe33a9841a98a3f3014fb964045ce4f7a45a398243c8d6b0c9"
|
||||
dependencies = [
|
||||
"libc",
|
||||
"log",
|
||||
@@ -1195,13 +1220,12 @@ dependencies = [
|
||||
|
||||
[[package]]
|
||||
name = "nom"
|
||||
version = "7.1.0"
|
||||
version = "7.1.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "1b1d11e1ef389c76fe5b81bcaf2ea32cf88b62bc494e19f493d0b30e7a930109"
|
||||
checksum = "a8903e5a29a317527874d0402f867152a3d21c908bb0b933e416c65e301d4c36"
|
||||
dependencies = [
|
||||
"memchr",
|
||||
"minimal-lexical",
|
||||
"version_check",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
@@ -1244,9 +1268,9 @@ dependencies = [
|
||||
|
||||
[[package]]
|
||||
name = "num_threads"
|
||||
version = "0.1.4"
|
||||
version = "0.1.5"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "c539a50b93a303167eded6e8dff5220cd39447409fb659f4cd24b1f72fe4f133"
|
||||
checksum = "aba1801fb138d8e85e11d0fc70baf4fe1cdfffda7c6cd34a854905df588e5ed0"
|
||||
dependencies = [
|
||||
"libc",
|
||||
]
|
||||
@@ -1501,9 +1525,9 @@ checksum = "a993555f31e5a609f617c12db6250dedcac1b0a85076912c436e6fc9b2c8e6a3"
|
||||
|
||||
[[package]]
|
||||
name = "quote"
|
||||
version = "1.0.15"
|
||||
version = "1.0.16"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "864d3e96a899863136fc6e99f3d7cae289dafe43bf2c5ac19b70df7210c0a145"
|
||||
checksum = "b4af2ec4714533fcdf07e886f17025ace8b997b9ce51204ee69b6da831c3da57"
|
||||
dependencies = [
|
||||
"proc-macro2",
|
||||
]
|
||||
@@ -1592,10 +1616,19 @@ dependencies = [
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "reqwest"
|
||||
version = "0.11.9"
|
||||
name = "reqwasm"
|
||||
version = "0.5.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "87f242f1488a539a79bac6dbe7c8609ae43b7914b7736210f239a37cccb32525"
|
||||
checksum = "05b89870d729c501fa7a68c43bf4d938bbb3a8c156d333d90faa0e8b3e3212fb"
|
||||
dependencies = [
|
||||
"gloo-net",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "reqwest"
|
||||
version = "0.11.10"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "46a1f7aa4f35e5e8b4160449f51afc758f0ce6454315a9fa7d0d113e958c41eb"
|
||||
dependencies = [
|
||||
"base64",
|
||||
"bytes",
|
||||
@@ -1847,9 +1880,9 @@ dependencies = [
|
||||
|
||||
[[package]]
|
||||
name = "syn"
|
||||
version = "1.0.86"
|
||||
version = "1.0.89"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "8a65b3f4ffa0092e9887669db0eae07941f023991ab58ea44da8fe8e2d511c6b"
|
||||
checksum = "ea297be220d52398dcc07ce15a209fce436d361735ac1db700cab3b6cdfb9f54"
|
||||
dependencies = [
|
||||
"proc-macro2",
|
||||
"quote",
|
||||
@@ -2160,6 +2193,15 @@ version = "0.1.3"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "56dee185309b50d1f11bfedef0fe6d036842e3fb77413abef29f8f8d1c5d4c1c"
|
||||
|
||||
[[package]]
|
||||
name = "uikit-rs"
|
||||
version = "0.1.0"
|
||||
source = "git+https://github.com/dax/uikit-rs.git#2414ccb2878a1cbec7bbe32b8ebd217b0684d0a8"
|
||||
dependencies = [
|
||||
"regex",
|
||||
"yew",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "unicode-bidi"
|
||||
version = "0.3.7"
|
||||
@@ -2397,9 +2439,9 @@ checksum = "504a2476202769977a040c6364301a3f65d0cc9e3fb08600b2bda150a0488316"
|
||||
|
||||
[[package]]
|
||||
name = "winreg"
|
||||
version = "0.7.0"
|
||||
version = "0.10.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "0120db82e8a1e0b9fb3345a539c478767c0048d842860994d96113d5b667bd69"
|
||||
checksum = "80d0f4e272c85def139476380b12f9ac60926689dd2e01d4923222f40580869d"
|
||||
dependencies = [
|
||||
"winapi",
|
||||
]
|
||||
|
||||
+2
-2
@@ -21,7 +21,7 @@ condition = {}
|
||||
workspace = false
|
||||
|
||||
[tasks.run-api]
|
||||
install_crate = "bunyan"
|
||||
install_crate = { crate_name = "bunyan", binary = "bunyan" }
|
||||
env = { "CONFIG_PATH" = "api/config", "TASKRC" = "$PWD/api/taskrc" }
|
||||
command = "bash"
|
||||
args = ["-c", "cargo run -p contextswitch-api | bunyan"]
|
||||
@@ -29,7 +29,7 @@ workspace = false
|
||||
watch = { watch = ["./api/"], no_git_ignore = true }
|
||||
|
||||
[tasks.run-web]
|
||||
install_crate = "trunk"
|
||||
install_crate = { crate_name = "trunk", binary = "trunk" }
|
||||
command = "bash"
|
||||
args = ["-c", "cd web; trunk serve"]
|
||||
workspace = false
|
||||
|
||||
@@ -4,9 +4,17 @@ version = "0.1.0"
|
||||
edition = "2021"
|
||||
authors = ["David Rousselie <david@rousselie.name>"]
|
||||
|
||||
[lib]
|
||||
path = "src/lib.rs"
|
||||
|
||||
[[bin]]
|
||||
path = "src/main.rs"
|
||||
name = "contextswitch-web"
|
||||
|
||||
[dependencies]
|
||||
contextswitch = { path = ".." }
|
||||
yew = "0.19"
|
||||
reqwasm = "0.5"
|
||||
serde = { version = "1.0", features = ["derive"] }
|
||||
wasm-bindgen-futures = "0.4"
|
||||
uikit-rs = { git = "https://github.com/dax/uikit-rs.git" }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
/*! UIkit 3.11.1 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;background:#fff;color:#666}body{margin:0}.uk-link,a{color:#1e87f0;text-decoration:none;cursor:pointer}.uk-link-toggle:hover .uk-link,.uk-link:hover,a:hover{color:#0f6ecd;text-decoration:underline}abbr[title]{text-decoration:underline dotted;-webkit-text-decoration-style:dotted}b,strong{font-weight:bolder}:not(pre)>code,:not(pre)>kbd,:not(pre)>samp{font-family:Consolas,monaco,monospace;font-size:.875rem;color:#f0506e;white-space:nowrap;padding:2px 6px;background:#f8f8f8}em{color:#f0506e}ins{background:#ffd;color:#666;text-decoration:none}mark{background:#ffd;color:#666}q{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}audio,canvas,iframe,img,svg,video{vertical-align:middle}canvas,img,video{max-width:100%;height:auto;box-sizing:border-box}@supports (display:block){svg{max-width:100%;height:auto;box-sizing:border-box}}svg:not(:root){overflow:hidden}img:not([src]){min-width:1px;visibility:hidden}iframe{border:0}address,dl,fieldset,figure,ol,p,pre,ul{margin:0 0 20px 0}*+address,*+dl,*+fieldset,*+figure,*+ol,*+p,*+pre,*+ul{margin-top:20px}.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+.uk-h1,*+.uk-h2,*+.uk-h3,*+.uk-h4,*+.uk-h5,*+.uk-h6,*+.uk-heading-2xlarge,*+.uk-heading-large,*+.uk-heading-medium,*+.uk-heading-small,*+.uk-heading-xlarge,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:40px}.uk-h1,h1{font-size:2.23125rem;line-height:1.2}.uk-h2,h2{font-size:1.7rem;line-height:1.3}.uk-h3,h3{font-size:1.5rem;line-height:1.4}.uk-h4,h4{font-size:1.25rem;line-height:1.4}.uk-h5,h5{font-size:16px;line-height:1.4}.uk-h6,h6{font-size:.875rem;line-height:1.4}@media (min-width:960px){.uk-h1,h1{font-size:2.625rem}.uk-h2,h2{font-size:2rem}}ol,ul{padding-left:30px}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}.uk-hr,hr{overflow:visible;text-align:inherit;margin:0 0 20px 0;border:0;border-top:1px solid #e5e5e5}*+.uk-hr,*+hr{margin-top:20px}address{font-style:normal}blockquote{margin:0 0 20px 0;font-size:1.25rem;line-height:1.5;font-style:italic;color:#333}*+blockquote{margin-top:20px}blockquote p:last-of-type{margin-bottom:0}blockquote footer{margin-top:10px;font-size:.875rem;line-height:1.5;color:#666}blockquote footer::before{content:"— "}pre{font:0.875rem/1.5 Consolas,monaco,monospace;color:#666;-moz-tab-size:4;tab-size:4;overflow:auto;padding:10px;border:1px solid #e5e5e5;border-radius:3px;background:#fff}pre code{font-family:Consolas,monaco,monospace}:focus{outline:0}:focus:not([tabindex^='-']){outline:2px dotted #333;outline-offset:1px}:focus:not(:focus-visible){outline:0}:focus-visible{outline:2px dotted #333}::selection{background:#39f;color:#fff;text-shadow:none}details,main{display:block}summary{display:list-item}template{display:none}.uk-breakpoint-s::before{content:'640px'}.uk-breakpoint-m::before{content:'960px'}.uk-breakpoint-l::before{content:'1200px'}.uk-breakpoint-xl::before{content:'1600px'}:root{--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px}.uk-link-muted a,.uk-link-toggle .uk-link-muted,a.uk-link-muted{color:#999}.uk-link-muted a:hover,.uk-link-toggle:hover .uk-link-muted,a.uk-link-muted:hover{color:#666}.uk-link-text a,.uk-link-toggle .uk-link-text,a.uk-link-text{color:inherit}.uk-link-text a:hover,.uk-link-toggle:hover .uk-link-text,a.uk-link-text:hover{color:#999}.uk-link-heading a,.uk-link-toggle .uk-link-heading,a.uk-link-heading{color:inherit}.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-heading,a.uk-link-heading:hover{color:#1e87f0;text-decoration:none}.uk-link-reset a,a.uk-link-reset{color:inherit!important;text-decoration:none!important}.uk-link-toggle{color:inherit!important;text-decoration:none!important}.uk-heading-small{font-size:2.6rem;line-height:1.2}.uk-heading-medium{font-size:2.8875rem;line-height:1.1}.uk-heading-large{font-size:3.4rem;line-height:1.1}.uk-heading-xlarge{font-size:4rem;line-height:1}.uk-heading-2xlarge{font-size:6rem;line-height:1}@media (min-width:960px){.uk-heading-small{font-size:3.25rem}.uk-heading-medium{font-size:3.5rem}.uk-heading-large{font-size:4rem}.uk-heading-xlarge{font-size:6rem}.uk-heading-2xlarge{font-size:8rem}}@media (min-width:1200px){.uk-heading-medium{font-size:4rem}.uk-hLine truncated
|
||||
@@ -3,5 +3,11 @@
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Contextswitch</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/uikit.min.css" />
|
||||
<script src="js/uikit.min.js"></script>
|
||||
<script src="js/uikit-icons.min.js"></script>
|
||||
<link data-trunk rel="copy-dir" href="css" />
|
||||
<link data-trunk rel="copy-dir" href="js" />
|
||||
</head>
|
||||
</html>
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
/*! UIkit 3.11.1 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(t,i){typeof exports=="object"&&typeof module<"u"?module.exports=i():typeof define=="function"&&define.amd?define("uikiticons",i):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitIcons=i())})(this,function(){"use strict";function t(i){t.installed||i.icon.add({"500px":'<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.624,11.866c-0.141,0.132,0.479,0.658,0.662,0.418c0.051-0.046,0.607-0.61,0.662-0.664c0,0,0.738,0.719,0.814,0.719 c0.1,0,0.207-0.055,0.322-0.17c0.27-0.269,0.135-0.416,0.066-0.495l-0.631-0.616l0.658-0.668c0.146-0.156,0.021-0.314-0.1-0.449 c-0.182-0.18-0.359-0.226-0.471-0.125l-0.656,0.654l-0.654-0.654c-0.033-0.034-0.08-0.045-0.124-0.045 c-0.079,0-0.191,0.068-0.307,0.181c-0.202,0.202-0.247,0.351-0.133,0.462l0.665,0.665L9.624,11.866z"/><path d="M11.066,2.884c-1.061,0-2.185,0.248-3.011,0.604c-0.087,0.034-0.141,0.106-0.15,0.205C7.893,3.784,7.919,3.909,7.982,4.066 c0.05,0.136,0.187,0.474,0.452,0.372c0.844-0.326,1.779-0.507,2.633-0.507c0.963,0,1.9,0.191,2.781,0.564 c0.695,0.292,1.357,0.719,2.078,1.34c0.051,0.044,0.105,0.068,0.164,0.068c0.143,0,0.273-0.137,0.389-0.271 c0.191-0.214,0.324-0.395,0.135-0.575c-0.686-0.654-1.436-1.138-2.363-1.533C13.24,3.097,12.168,2.884,11.066,2.884z"/><path d="M16.43,15.747c-0.092-0.028-0.242,0.05-0.309,0.119l0,0c-0.652,0.652-1.42,1.169-2.268,1.521 c-0.877,0.371-1.814,0.551-2.779,0.551c-0.961,0-1.896-0.189-2.775-0.564c-0.848-0.36-1.612-0.879-2.268-1.53 c-0.682-0.688-1.196-1.455-1.529-2.268c-0.325-0.799-0.471-1.643-0.471-1.643c-0.045-0.24-0.258-0.249-0.567-0.203 c-0.128,0.021-0.519,0.079-0.483,0.36v0.01c0.105,0.644,0.289,1.284,0.545,1.895c0.417,0.969,1.002,1.849,1.756,2.604 c0.757,0.754,1.636,1.34,2.604,1.757C8.901,18.785,9.97,19,11.088,19c1.104,0,2.186-0.215,3.188-0.645 c1.838-0.896,2.604-1.757,2.604-1.757c0.182-0.204,0.227-0.317-0.1-0.643C16.779,15.956,16.525,15.774,16.43,15.747z"/><path d="M5.633,13.287c0.293,0.71,0.723,1.341,1.262,1.882c0.54,0.54,1.172,0.971,1.882,1.264c0.731,0.303,1.509,0.461,2.298,0.461 c0.801,0,1.578-0.158,2.297-0.461c0.711-0.293,1.344-0.724,1.883-1.264c0.543-0.541,0.971-1.172,1.264-1.882 c0.314-0.721,0.463-1.5,0.463-2.298c0-0.79-0.148-1.569-0.463-2.289c-0.293-0.699-0.721-1.329-1.264-1.881 c-0.539-0.541-1.172-0.959-1.867-1.263c-0.721-0.303-1.5-0.461-2.299-0.461c-0.802,0-1.613,0.159-2.322,0.461 c-0.577,0.25-1.544,0.867-2.119,1.454v0.012V2.108h8.16C15.1,2.104,15.1,1.69,15.1,1.552C15.1,1.417,15.1,1,14.809,1H5.915 C5.676,1,5.527,1.192,5.527,1.384v6.84c0,0.214,0.273,0.372,0.529,0.428c0.5,0.105,0.614-0.056,0.737-0.224l0,0 c0.18-0.273,0.776-0.884,0.787-0.894c0.901-0.905,2.117-1.408,3.416-1.408c1.285,0,2.5,0.501,3.412,1.408 c0.914,0.914,1.408,2.122,1.408,3.405c0,1.288-0.508,2.496-1.408,3.405c-0.9,0.896-2.152,1.406-3.438,1.406 c-0.877,0-1.711-0.229-2.433-0.671v-4.158c0-0.553,0.237-1.151,0.643-1.614c0.462-0.519,1.094-0.799,1.782-0.799 c0.664,0,1.293,0.253,1.758,0.715c0.459,0.459,0.709,1.071,0.709,1.723c0,1.385-1.094,2.468-2.488,2.468 c-0.273,0-0.769-0.121-0.781-0.125c-0.281-0.087-0.405,0.306-0.438,0.436c-0.159,0.496,0.079,0.585,0.123,0.607 c0.452,0.137,0.743,0.157,1.129,0.157c1.973,0,3.572-1.6,3.572-3.57c0-1.964-1.6-3.552-3.572-3.552c-0.97,0-1.872,0.36-2.546,1.038 c-0.656,0.631-1.027,1.487-1.027,2.322v3.438v-0.011c-0.372-0.42-0.732-1.041-0.981-1.682c-0.102-0.248-0.315-0.202-0.607-0.113 c-0.135,0.035-0.519,0.157-0.44,0.439C5.372,12.799,5.577,13.164,5.633,13.287z"/></svg>',album:'<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect x="5" y="2" width="10" height="1"/><rect x="3" y="4" width="14" height="1"/><rect fill="none" stroke="#000" x="1.5" y="6.5" width="17" height="11"/></svg>',"arrow-down":'<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polygon points="10.5,16.08 5.63,10.66 6.37,10 10.5,14.58 14.63,10 15.37,10.66"/><line fill="none" stroke="#000" x1="10.5" y1="4" x2="10.5" y2="15"/></svg>',"arrow-left":'<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polyline fill="none" stroke="#000" points="10 14 5 9.5 10 5"/><line fill="none" stroke="#000" x1="16" y1="9.5" x2="5" y2="9.52"/></svg>',"arrow-right":'<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polyline fill="none" stroke="#000" points="10 5 15 9.5 10 14"/><line fill="none" stroke="#000" x1="4" y1="9.5" x2="15" y2="9.5"/></svg>',"arrow-up":'<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polygon points="10.5,4 15.37,9.4 14.63,10.08 10.5,5.49 6.37,10.08 5.63,9.4"/><line fill="none" stroke="#000" x1="10.5" y1="16" x2="10.5" y2="5"/></svg>',bag:'<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#000" d="M7.5,7.5V4A2.48,2.48,0,0,1,10,1.5,2.54,2.54,0,0,1,12.5,4V7.5"/><polygon fill="none" stroke="#000" points="16.5 7.5 3.5 7.5 2.5 18.5Line truncated
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
/*! UIkit 3.11.1 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(Kt,ge){typeof exports=="object"&&typeof module<"u"?module.exports=ge():typeof define=="function"&&define.amd?define("uikit",ge):(Kt=typeof globalThis<"u"?globalThis:Kt||self,Kt.UIkit=ge())})(this,function(){"use strict";var Kt=Object.prototype,ge=Kt.hasOwnProperty;function At(t,e){return ge.call(t,e)}var ns=/\B([A-Z])/g,zt=pt(function(t){return t.replace(ns,"-$1").toLowerCase()}),rs=/-(\w)/g,Xt=pt(function(t){return t.replace(rs,gn)}),pe=pt(function(t){return t.length?gn(null,t.charAt(0))+t.slice(1):""});function gn(t,e){return e?e.toUpperCase():""}var Ai=String.prototype,ss=Ai.startsWith||function(t){return this.lastIndexOf(t,0)===0};function vt(t,e){return ss.call(t,e)}var os=Ai.endsWith||function(t){return this.substr(-t.length)===t};function gt(t,e){return os.call(t,e)}var Pi=Array.prototype,pn=function(t,e){return!!~this.indexOf(t,e)},as=Ai.includes||pn,us=Pi.includes||pn;function b(t,e){return t&&(H(t)?as:us).call(t,e)}var hs=Pi.findIndex||function(t){for(var e=arguments,i=0;i<this.length;i++)if(t.call(e[1],this[i],i,this))return i;return-1};function Pt(t,e){return hs.call(t,e)}var ht=Array.isArray;function ct(t){return typeof t=="function"}function Tt(t){return t!==null&&typeof t=="object"}var cs=Kt.toString;function Nt(t){return cs.call(t)==="[object Object]"}function me(t){return Tt(t)&&t===t.window}function Jt(t){return Mi(t)===9}function Ni(t){return Mi(t)>=1}function Ot(t){return Mi(t)===1}function Mi(t){return!me(t)&&Tt(t)&&t.nodeType}function we(t){return typeof t=="boolean"}function H(t){return typeof t=="string"}function Zt(t){return typeof t=="number"}function Et(t){return Zt(t)||H(t)&&!isNaN(t-parseFloat(t))}function Qt(t){return!(ht(t)?t.length:Tt(t)?Object.keys(t).length:!1)}function Z(t){return t===void 0}function Di(t){return we(t)?t:t==="true"||t==="1"||t===""?!0:t==="false"||t==="0"?!1:t}function Mt(t){var e=Number(t);return isNaN(e)?!1:e}function x(t){return parseFloat(t)||0}var mn=Array.from||function(t){return Pi.slice.call(t)};function J(t){return T(t)[0]}function T(t){return t&&(Ni(t)?[t]:mn(t).filter(Ni))||[]}function Ft(t){return me(t)?t:(t=J(t),t?(Jt(t)?t:t.ownerDocument).defaultView:window)}function Hi(t){return t?gt(t,"ms")?x(t):x(t)*1e3:0}function qe(t,e){return t===e||Tt(t)&&Tt(e)&&Object.keys(t).length===Object.keys(e).length&&it(t,function(i,n){return i===e[n]})}function Bi(t,e,i){return t.replace(new RegExp(e+"|"+i,"g"),function(n){return n===e?i:e})}var k=Object.assign||function(t){for(var e=[],i=arguments.length-1;i-- >0;)e[i]=arguments[i+1];t=Object(t);for(var n=0;n<e.length;n++){var r=e[n];if(r!==null)for(var s in r)At(r,s)&&(t[s]=r[s])}return t};function be(t){return t[t.length-1]}function it(t,e){for(var i in t)if(e(t[i],i)===!1)return!1;return!0}function $e(t,e){return t.slice().sort(function(i,n){var r=i[e];r===void 0&&(r=0);var s=n[e];return s===void 0&&(s=0),r>s?1:s>r?-1:0})}function wn(t,e){var i=new Set;return t.filter(function(n){var r=n[e];return i.has(r)?!1:i.add(r)||!0})}function $t(t,e,i){return e===void 0&&(e=0),i===void 0&&(i=1),Math.min(Math.max(Mt(t)||0,e),i)}function N(){}function bn(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return[["bottom","top"],["right","left"]].every(function(i){var n=i[0],r=i[1];return Math.min.apply(Math,t.map(function(s){var o=s[n];return o}))-Math.max.apply(Math,t.map(function(s){var o=s[r];return o}))>0})}function Ve(t,e){return t.x<=e.right&&t.x>=e.left&&t.y<=e.bottom&&t.y>=e.top}var Ut={ratio:function(t,e,i){var n,r=e==="width"?"height":"width";return n={},n[r]=t[e]?Math.round(i*t[r]/t[e]):t[r],n[e]=i,n},contain:function(t,e){var i=this;return t=k({},t),it(t,function(n,r){return t=t[r]>e[r]?i.ratio(t,r,e[r]):t}),t},cover:function(t,e){var i=this;return t=this.contain(t,e),it(t,function(n,r){return t=t[r]<e[r]?i.ratio(t,r,e[r]):t}),t}};function te(t,e,i,n){i===void 0&&(i=0),n===void 0&&(n=!1),e=T(e);var r=e.length;return r?(t=Et(t)?Mt(t):t==="next"?i+1:t==="previous"?i-1:e.indexOf(J(t)),n?$t(t,0,r-1):(t%=r,t<0?t+r:t)):-1}function pt(t){var e=Object.create(null);return function(i){return e[i]||(e[i]=t(i))}}function _(t,e,i){if(Tt(e)){for(var n in e)_(t,n,e[n]);return}if(Z(i))return t=J(t),t&&t.getAttribute(e);T(t).forEach(function(r){ct(i)&&(i=i.call(r,_(r,e))),i===null?zi(r,e):r.setAttribute(e,i)})}function ee(t,e){return T(t).some(function(i){return i.hasAttribute(e)})}function zi(t,e){t=T(t),e.split(" ").forEach(function(i){return t.forEach(function(n){return n.hasAttribute(i)&&n.removeAttribute(i)})})}function ft(t,e){for(var i=0,n=[e,"data-"+e];i<n.length;i++)if(ee(t,n[i]))return _(t,n[i])}var lt=typeof window<"u",xe=lt&&/msie|trident/i.test(window.navigator.userAgent),U=lt&&_(document.documentElement,"dir")==="rtl",ie=lt&&"ontouchstart"in window,ne=lt&&window.PointerEvent,$n=lt&&(ie||window.DocumentTouch&&document instanceof DocumentTouch||navigator.maxTouchPoints),dt=ne?"pointerdown":ie?"touchstart":"moLine truncated
|
||||
@@ -0,0 +1,2 @@
|
||||
pub mod task;
|
||||
pub mod tasks_list;
|
||||
@@ -0,0 +1,190 @@
|
||||
use contextswitch;
|
||||
use uikit_rs as uk;
|
||||
use yew::{classes, function_component, html, Callback, Classes, Html, MouseEvent, Properties};
|
||||
|
||||
#[derive(Properties, PartialEq)]
|
||||
pub struct TaskProps {
|
||||
pub task: contextswitch::Task,
|
||||
#[prop_or_default]
|
||||
pub selected: bool,
|
||||
#[prop_or_default]
|
||||
pub on_task_select: Callback<Option<contextswitch::Task>>,
|
||||
}
|
||||
|
||||
#[function_component(Task)]
|
||||
pub fn task(
|
||||
TaskProps {
|
||||
task,
|
||||
selected,
|
||||
on_task_select,
|
||||
}: &TaskProps,
|
||||
) -> Html {
|
||||
let toggle_details = {
|
||||
let task = task.clone();
|
||||
let on_task_select = on_task_select.clone();
|
||||
let is_task_selected = *selected;
|
||||
Callback::from(move |_| {
|
||||
on_task_select.emit(if is_task_selected {
|
||||
None
|
||||
} else {
|
||||
Some(task.clone())
|
||||
})
|
||||
})
|
||||
};
|
||||
|
||||
let text_style = if task.status == contextswitch::Status::Completed {
|
||||
uk::Text::Success
|
||||
} else {
|
||||
uk::Text::Emphasis
|
||||
};
|
||||
let arrow = if *selected {
|
||||
uk::IconType::TriangleDown
|
||||
} else {
|
||||
uk::IconType::TriangleRight
|
||||
};
|
||||
|
||||
let task_status_class: Classes = format!("task-status-{}", task.status).into();
|
||||
let bookmark_count = if let Some(contextswitch) = &task.contextswitch {
|
||||
contextswitch.bookmarks.len()
|
||||
} else {
|
||||
0
|
||||
};
|
||||
|
||||
html! {
|
||||
<uk::Card size={uk::CardSize::Small}
|
||||
style={uk::CardStyle::Default}
|
||||
hover={true}
|
||||
width={uk::Width::_1_1}
|
||||
class={task_status_class}>
|
||||
<uk::CardBody padding={vec![uk::Padding::RemoveVertical]}
|
||||
margin={vec![uk::Margin::SmallTop, uk::Margin::SmallBottom]}>
|
||||
<uk::Grid gap_size={uk::GridGapSize::Small}
|
||||
vertical_alignement={uk::FlexVerticalAlignement::Middle}>
|
||||
<uk::Icon icon_type={uk::IconType::Check}
|
||||
text_style={vec![text_style]} />
|
||||
<TaskDescription task={task.clone()}
|
||||
onclick={toggle_details.clone()} />
|
||||
<uk::IconNav>
|
||||
<li>
|
||||
<uk::Icon icon_type={uk::IconType::FileEdit} href="#" />
|
||||
</li>
|
||||
<li>
|
||||
<uk::Link href="#" onclick={toggle_details.clone()}>
|
||||
<uk::Icon icon_type={uk::IconType::Bookmark} />
|
||||
<span> {bookmark_count}</span>
|
||||
</uk::Link>
|
||||
</li>
|
||||
</uk::IconNav>
|
||||
<uk::Icon icon_type={arrow} href="#" onclick={toggle_details} />
|
||||
</uk::Grid>
|
||||
{
|
||||
if *selected {
|
||||
html! {
|
||||
<TaskDetails task={task.clone()} />
|
||||
}
|
||||
} else { html! {} }
|
||||
}
|
||||
</uk::CardBody>
|
||||
</uk::Card>
|
||||
}
|
||||
}
|
||||
|
||||
#[derive(Properties, PartialEq)]
|
||||
pub struct TaskDescriptionProps {
|
||||
pub task: contextswitch::Task,
|
||||
#[prop_or_default]
|
||||
pub onclick: Callback<MouseEvent>,
|
||||
}
|
||||
|
||||
#[function_component(TaskDescription)]
|
||||
pub fn task_description(TaskDescriptionProps { task, onclick }: &TaskDescriptionProps) -> Html {
|
||||
html! {
|
||||
<uk::Flex width={uk::Width::_Expand} onclick={onclick}>
|
||||
<uk::CardTitle text_style={vec![uk::Text::Lighter]}>
|
||||
{task.description.clone()}
|
||||
</uk::CardTitle>
|
||||
</uk::Flex>
|
||||
}
|
||||
}
|
||||
|
||||
#[derive(Properties, PartialEq)]
|
||||
pub struct TaskDetailsProps {
|
||||
pub task: contextswitch::Task,
|
||||
}
|
||||
|
||||
#[function_component(TaskDetails)]
|
||||
pub fn task_details(TaskDetailsProps { task }: &TaskDetailsProps) -> Html {
|
||||
let priority = task
|
||||
.priority
|
||||
.as_ref()
|
||||
.map(|prio| prio.to_string())
|
||||
.unwrap_or_else(|| "-".to_string());
|
||||
let project = task
|
||||
.project
|
||||
.as_ref()
|
||||
.map(|proj| proj.to_string())
|
||||
.unwrap_or_else(|| "-".to_string());
|
||||
|
||||
html! {
|
||||
<div class={classes!(uk::Margin::Small)}>
|
||||
<uk::Divider margin={vec![uk::Margin::Small]} />
|
||||
{
|
||||
if let Some(contextswitch) = &task.contextswitch {
|
||||
html! {
|
||||
<TaskContextswitch contextswitch={contextswitch.clone()} />
|
||||
}
|
||||
} else { html! {} }
|
||||
}
|
||||
<uk::Grid gap_size={uk::GridGapSize::Small}
|
||||
child_width={uk::ChildWidth::_Expand}>
|
||||
<span class={classes!(uk::Text::Meta)}>
|
||||
{ format!("priority: {}", priority) }
|
||||
</span>
|
||||
<span class={classes!(uk::Text::Meta)}>
|
||||
{ format!("project: {}", project) }
|
||||
</span>
|
||||
</uk::Grid>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
|
||||
#[derive(Properties, PartialEq)]
|
||||
pub struct TaskContextswitchProps {
|
||||
pub contextswitch: contextswitch::ContextswitchData,
|
||||
}
|
||||
|
||||
#[function_component(TaskContextswitch)]
|
||||
pub fn task_contextswitch(
|
||||
TaskContextswitchProps { contextswitch }: &TaskContextswitchProps,
|
||||
) -> Html {
|
||||
html! {
|
||||
<uk::Grid gap_size={uk::GridGapSize::Small} height_match={true}>
|
||||
{
|
||||
contextswitch.bookmarks.iter().map(|bookmark| {
|
||||
html! {
|
||||
<TaskBookmark bookmark={bookmark.clone()} />
|
||||
}
|
||||
}).collect::<Html>()
|
||||
}
|
||||
<uk::Icon icon_type={uk::IconType::Plus}
|
||||
margin={vec![uk::Margin::Remove]} />
|
||||
</uk::Grid>
|
||||
}
|
||||
}
|
||||
|
||||
#[derive(Properties, PartialEq)]
|
||||
pub struct TaskBookmarkProps {
|
||||
pub bookmark: contextswitch::Bookmark,
|
||||
}
|
||||
|
||||
#[function_component(TaskBookmark)]
|
||||
pub fn task_bookmark(TaskBookmarkProps { bookmark }: &TaskBookmarkProps) -> Html {
|
||||
html! {
|
||||
<div class={classes!(uk::Width::_1_1, uk::Text::Small, uk::Margin::Remove)}>
|
||||
<uk::Grid gap_size={uk::GridGapSize::Small} vertical_alignement={uk::FlexVerticalAlignement::Middle}>
|
||||
<uk::Icon icon_type={uk::IconType::Bookmark} />
|
||||
<uk::Link href={bookmark.uri.to_string()}>{bookmark.uri.to_string()}</uk::Link>
|
||||
</uk::Grid>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
use crate::components::task;
|
||||
use contextswitch::Task;
|
||||
use yew::prelude::*;
|
||||
|
||||
#[derive(Properties, PartialEq)]
|
||||
pub struct TasksListProps {
|
||||
#[prop_or_default]
|
||||
pub tasks: Vec<Task>,
|
||||
#[prop_or_default]
|
||||
pub selected_task: Option<Task>,
|
||||
#[prop_or_default]
|
||||
pub on_task_select: Callback<Option<Task>>,
|
||||
}
|
||||
|
||||
#[function_component(TasksList)]
|
||||
pub fn tasks_list(
|
||||
TasksListProps {
|
||||
tasks,
|
||||
selected_task,
|
||||
on_task_select,
|
||||
}: &TasksListProps,
|
||||
) -> Html {
|
||||
tasks
|
||||
.iter()
|
||||
.map(|task| {
|
||||
let task_is_selected = selected_task
|
||||
.clone()
|
||||
.map(|t| t.id == task.id)
|
||||
.unwrap_or(false);
|
||||
|
||||
html! {
|
||||
<task::Task selected={task_is_selected}
|
||||
on_task_select={on_task_select}
|
||||
task={task.clone()} />
|
||||
}
|
||||
})
|
||||
.collect()
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
use components::tasks_list::TasksList;
|
||||
use contextswitch::Task;
|
||||
use reqwasm::http::Request;
|
||||
use uikit_rs as uk;
|
||||
use yew::prelude::*;
|
||||
|
||||
mod components;
|
||||
|
||||
#[function_component(App)]
|
||||
pub fn app() -> Html {
|
||||
let tasks = use_state(Vec::new);
|
||||
{
|
||||
let tasks = tasks.clone();
|
||||
use_effect_with_deps(
|
||||
move |_| {
|
||||
wasm_bindgen_futures::spawn_local(async move {
|
||||
let fetched_tasks: Vec<Task> =
|
||||
Request::get("http://localhost:8000/tasks?filter=task")
|
||||
.send()
|
||||
.await
|
||||
.unwrap() // TODO
|
||||
.json()
|
||||
.await
|
||||
.unwrap(); // TODO
|
||||
tasks.set(fetched_tasks);
|
||||
});
|
||||
|| ()
|
||||
},
|
||||
(),
|
||||
);
|
||||
}
|
||||
let selected_task = use_state(|| None);
|
||||
let on_task_select = {
|
||||
let selected_task = selected_task.clone();
|
||||
Callback::from(move |task: Option<Task>| {
|
||||
selected_task.set(task);
|
||||
})
|
||||
};
|
||||
|
||||
html! {
|
||||
<uk::Section style={uk::SectionStyle::Default}>
|
||||
<uk::Container size={uk::ContainerSize::Small}>
|
||||
<uk::Filter target=".status-filter"
|
||||
filter_width={uk::Width::_Expand}
|
||||
filter_component={uk::UIKitComponent::SubNav}
|
||||
filter_class={"uk-subnav-pill"}
|
||||
filters={vec![uk::FilterData { class: "".to_string(), label: "all".to_string() },
|
||||
uk::FilterData { class: ".task-status-pending".to_string(), label: "pending".to_string() },
|
||||
uk::FilterData { class: ".task-status-completed".to_string(), label: "completed".to_string() }]}>
|
||||
<uk::Grid gap_size={uk::GridGapSize::Small}
|
||||
margin={vec![uk::Margin::Default]}
|
||||
height_match={true}
|
||||
class={"status-filter"}>
|
||||
<TasksList tasks={(*tasks).clone()}
|
||||
selected_task={(*selected_task).clone()}
|
||||
on_task_select={on_task_select} />
|
||||
</uk::Grid>
|
||||
</uk::Filter>
|
||||
</uk::Container>
|
||||
</uk::Section>
|
||||
}
|
||||
}
|
||||
+1
-8
@@ -1,11 +1,4 @@
|
||||
use yew::prelude::*;
|
||||
|
||||
#[function_component(App)]
|
||||
fn app() -> Html {
|
||||
html! {
|
||||
<h1>{ "Hello World" }</h1>
|
||||
}
|
||||
}
|
||||
use contextswitch_web::App;
|
||||
|
||||
fn main() {
|
||||
yew::start_app::<App>();
|
||||
|
||||
Reference in new issue
Block a user