diff options
author | Sebastian <sebasjm@gmail.com> | 2022-06-08 15:18:41 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-06-08 15:19:26 -0300 |
commit | b419db505b8cd5e7aa92043696f42a0d710d9226 (patch) | |
tree | c18eb877999de68c5be6821710a1c0ba7ace4a1b /packages/anastasis-webui/html | |
parent | b00635c1404ed3cc6ed36940bd54ff70cb837f0f (diff) | |
download | wallet-core-b419db505b8cd5e7aa92043696f42a0d710d9226.tar.xz |
ui testing
Diffstat (limited to 'packages/anastasis-webui/html')
-rw-r--r-- | packages/anastasis-webui/html/stories.html | 72 | ||||
-rw-r--r-- | packages/anastasis-webui/html/ui-dev.html | 50 | ||||
-rw-r--r-- | packages/anastasis-webui/html/ui.html | 28 |
3 files changed, 150 insertions, 0 deletions
diff --git a/packages/anastasis-webui/html/stories.html b/packages/anastasis-webui/html/stories.html new file mode 100644 index 000000000..9f41fdeaf --- /dev/null +++ b/packages/anastasis-webui/html/stories.html @@ -0,0 +1,72 @@ +<!DOCTYPE html> +<html> + <head> + <title>Stories</title> + <style> + /* page css */ + div.page { + margin: 0px; + padding: 0px; + font-size: 100%; + font-family: Arial, Helvetica, sans-serif; + } + div.page p:not([class]) { + margin-bottom: 1em; + margin-top: 1em; + } + div.page { + width: 100%; + display: flex; + flex-direction: row; + } + /* sidebar css */ + div.sidebar { + min-width: 200px; + height: calc(100vh - 20px); + overflow-y: visible; + overflow-x: hidden; + scroll-behavior: smooth; + } + div.sidebar > ol { + padding: 4px; + } + div.sidebar div:first-child { + background-color: lightcoral; + cursor: pointer; + } + div.sidebar div[data-hide="true"] { + display: none; + } + div.sidebar dd { + margin-left: 1em; + padding: 4px; + cursor: pointer; + border-radius: 4px; + margin-bottom: 4px; + } + div.sidebar dd:nth-child(even) { + background-color: lightgray; + } + div.sidebar dd:nth-child(odd) { + background-color: lightblue; + } + div.sidebar a { + color: black; + } + div.sidebar dd[data-selected] { + background-color: green; + } + + /* content css */ + div.content { + width: 100%; + padding: 20px; + } + </style> + <script src="./stories.js"></script> + <link rel="stylesheet" href="./main.css" /> + </head> + <body> + <taler-stories id="container"></taler-stories> + </body> +</html> diff --git a/packages/anastasis-webui/html/ui-dev.html b/packages/anastasis-webui/html/ui-dev.html new file mode 100644 index 000000000..4cc36268e --- /dev/null +++ b/packages/anastasis-webui/html/ui-dev.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html + lang="en" + class="has-aside-left has-aside-mobile-transition has-navbar-fixed-top has-aside-expanded" +> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <meta name="mobile-web-app-capable" content="yes" /> + <meta name="apple-mobile-web-app-capable" content="yes" /> + + <link + rel="icon" + href="data:;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAABILAAASCwAAAAAAAAAAAAD///////////////////////////////////////////////////////////////////////////////////////////////////7//v38//78/P/+/fz//vz7///+/v/+/f3//vz7///+/v/+/fz//v38///////////////////////+/v3///7+/////////////////////////////////////////////////////////v3//v79///////+/v3///////r28v/ct5//06SG/9Gffv/Xqo7/7N/V/9e2nf/bsJb/6uDW/9Sskf/euKH/+/j2///////+/v3//////+3azv+/eE3/2rWd/9Kkhv/Vr5T/48i2/8J+VP/Qn3//3ryn/795Tf/WrpP/2LCW/8B6T//w4Nb///////Pn4P+/d0v/9u3n/+7d0v/EhV7//v///+HDr//fxLD/zph2/+TJt//8/Pv/woBX//Lm3f/y5dz/v3hN//bu6f/JjGn/4sW0///////Df1j/8OLZ//v6+P+/elH/+vj1//jy7f+/elL//////+zYzP/Eg13//////967p//MlHT/wn5X///////v4Nb/yY1s///////jw7H/06KG////////////z5t9/+fNvf//////x4pn//Pp4v/8+vn/w39X/8WEX///////5s/A/9CbfP//////27Oc/9y2n////////////9itlf/gu6f//////86Vdf/r2Mz//////8SCXP/Df1j//////+7d0v/KkG7//////+HBrf/VpYr////////////RnoH/5sq6///////Ii2n/8ubf//39/P/Cf1j/xohk/+bNvv//////wn5W//Tq4//58/D/wHxV//7+/f/59fH/v3xU//39/P/w4Nf/xIFb///////hw7H/yo9t/+/f1f/AeU3/+/n2/+nSxP/FhmD//////9qzm//Upon/4MSx/96+qf//////xINc/+3bz//48e3/v3hN//Pn3///////6M+//752S//gw6//06aK/8J+VP/kzLr/zZd1/8OCWv/q18r/17KZ/9Ooi//fv6r/v3dK/+vWyP///////v39///////27un/1aeK/9Opjv/m1cf/1KCC/9a0nP/n08T/0Jx8/82YdP/QnHz/16yR//jx7P///////v39///////+/f3///7+///////+//7//v7+///////+/v7//v/+/////////////////////////v7//v79///////////////////+/v/+/Pv//v39///+/v/+/Pv///7+//7+/f/+/Pv//v39//79/P/+/Pv///7+////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==" + /> + <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon" /> + <style type="text/css"> + /* <![CDATA[ */ + ANASTASIS_STYLE_CONTENT + /* <![CDATA[ */ + </style> + </head> + + <body> + <div id="container" class="anastasis-container"></div> + <script type="application/javascript"> + ANASTASIS_SCRIPT_CONTENT; + </script> + <script type="application/javascript"> + function setupLiveReload(port) { + const socketPath = `ws://localhost:${port}/socket`; + + const ws = new WebSocket(socketPath); + ws.onmessage = (message) => { + const event = JSON.parse(message.data); + if (event.type === "LOG") { + console.log(event.message); + } + if (event.type === "RELOAD") { + window.location.reload(); + } + }; + ws.onerror = (error) => { + console.error(error); + }; + } + setupLiveReload(8003); + </script> + </body> +</html> diff --git a/packages/anastasis-webui/html/ui.html b/packages/anastasis-webui/html/ui.html new file mode 100644 index 000000000..17c48e904 --- /dev/null +++ b/packages/anastasis-webui/html/ui.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html + lang="en" + class="has-aside-left has-aside-mobile-transition has-navbar-fixed-top has-aside-expanded" +> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <meta name="mobile-web-app-capable" content="yes" /> + <meta name="apple-mobile-web-app-capable" content="yes" /> + + <link + rel="icon" + href="data:;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAABILAAASCwAAAAAAAAAAAAD///////////////////////////////////////////////////////////////////////////////////////////////////7//v38//78/P/+/fz//vz7///+/v/+/f3//vz7///+/v/+/fz//v38///////////////////////+/v3///7+/////////////////////////////////////////////////////////v3//v79///////+/v3///////r28v/ct5//06SG/9Gffv/Xqo7/7N/V/9e2nf/bsJb/6uDW/9Sskf/euKH/+/j2///////+/v3//////+3azv+/eE3/2rWd/9Kkhv/Vr5T/48i2/8J+VP/Qn3//3ryn/795Tf/WrpP/2LCW/8B6T//w4Nb///////Pn4P+/d0v/9u3n/+7d0v/EhV7//v///+HDr//fxLD/zph2/+TJt//8/Pv/woBX//Lm3f/y5dz/v3hN//bu6f/JjGn/4sW0///////Df1j/8OLZ//v6+P+/elH/+vj1//jy7f+/elL//////+zYzP/Eg13//////967p//MlHT/wn5X///////v4Nb/yY1s///////jw7H/06KG////////////z5t9/+fNvf//////x4pn//Pp4v/8+vn/w39X/8WEX///////5s/A/9CbfP//////27Oc/9y2n////////////9itlf/gu6f//////86Vdf/r2Mz//////8SCXP/Df1j//////+7d0v/KkG7//////+HBrf/VpYr////////////RnoH/5sq6///////Ii2n/8ubf//39/P/Cf1j/xohk/+bNvv//////wn5W//Tq4//58/D/wHxV//7+/f/59fH/v3xU//39/P/w4Nf/xIFb///////hw7H/yo9t/+/f1f/AeU3/+/n2/+nSxP/FhmD//////9qzm//Upon/4MSx/96+qf//////xINc/+3bz//48e3/v3hN//Pn3///////6M+//752S//gw6//06aK/8J+VP/kzLr/zZd1/8OCWv/q18r/17KZ/9Ooi//fv6r/v3dK/+vWyP///////v39///////27un/1aeK/9Opjv/m1cf/1KCC/9a0nP/n08T/0Jx8/82YdP/QnHz/16yR//jx7P///////v39///////+/f3///7+///////+//7//v7+///////+/v7//v/+/////////////////////////v7//v79///////////////////+/v/+/Pv//v39///+/v/+/Pv///7+//7+/f/+/Pv//v39//79/P/+/Pv///7+////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==" + /> + <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon" /> + <style> + ANASTASIS_STYLE_CONTENT + </style> + </head> + + <body> + <div id="container" class="anastasis-container"></div> + <script> + ANASTASIS_SCRIPT_CONTENT + </script> + </body> +</html> |