aboutsummaryrefslogtreecommitdiff
path: root/packages/anastasis-webui/html
diff options
context:
space:
mode:
Diffstat (limited to 'packages/anastasis-webui/html')
-rw-r--r--packages/anastasis-webui/html/stories.html72
-rw-r--r--packages/anastasis-webui/html/ui-dev.html50
-rw-r--r--packages/anastasis-webui/html/ui.html28
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>