Migrate existing web interface to Svelte

Jalle19 · Oct 6, 2023 · 49f3e88 · 49f3e88
1 parent fb3706d
commit 49f3e88
Show file tree

Hide file tree

Showing 29 changed files with 256 additions and 246 deletions.
diff --git a/web-ng/src/routes/+page.svelte b/web-ng/src/routes/+page.svelte
diff --git a/web-ng/.eslintignore → webif/.eslintignore b/web-ng/.eslintignore → webif/.eslintignore
diff --git a/web-ng/.eslintrc.cjs → webif/.eslintrc.cjs b/web-ng/.eslintrc.cjs → webif/.eslintrc.cjs
diff --git a/web-ng/.gitignore → webif/.gitignore b/web-ng/.gitignore → webif/.gitignore
diff --git a/web-ng/.npmrc → webif/.npmrc b/web-ng/.npmrc → webif/.npmrc
diff --git a/web-ng/.prettierignore → webif/.prettierignore b/web-ng/.prettierignore → webif/.prettierignore
diff --git a/web-ng/.prettierrc → webif/.prettierrc b/web-ng/.prettierrc → webif/.prettierrc
diff --git a/web-ng/README.md → webif/README.md b/web-ng/README.md → webif/README.md
diff --git a/webif/eachwatt.css b/webif/eachwatt.css
diff --git a/webif/eachwatt.js b/webif/eachwatt.js
diff --git a/webif/index.html b/webif/index.html
diff --git a/web-ng/package-lock.json → webif/package-lock.json b/web-ng/package-lock.json → webif/package-lock.json
diff --git a/web-ng/package.json → webif/package.json b/web-ng/package.json → webif/package.json
diff --git a/web-ng/src/app.d.ts → webif/src/app.d.ts b/web-ng/src/app.d.ts → webif/src/app.d.ts
diff --git a/web-ng/src/app.html → webif/src/app.html b/web-ng/src/app.html → webif/src/app.html
diff --git a/webif/eachwatt_logo.png → webif/src/lib/assets/eachwatt_logo.png b/webif/eachwatt_logo.png → webif/src/lib/assets/eachwatt_logo.png
diff --git a/web-ng/src/lib/index.ts → webif/src/lib/index.ts b/web-ng/src/lib/index.ts → webif/src/lib/index.ts
diff --git a/webif/src/routes/+layout.svelte b/webif/src/routes/+layout.svelte
@@ -0,0 +1,56 @@
+<style>
+    :global(*),
+    :global(html) {
+        margin: 0;
+        padding: 0;
+        border: 0;
+    }
+
+    :global(html) {
+        width: 100%;
+        height: 100%;
+    }
+
+    :global(body) {
+        width: 100%;
+        height: 100%;
+        position: relative;
+    }
+
+    :global(h1),
+    :global(h2),
+    :global(p),
+    :global(table) {
+        margin-bottom: 1em;
+    }
+
+    :global(table) {
+        width: 100%;
+    }
+
+    :global(th),
+    :global(td) {
+        text-align: left;
+        padding: 0 0.4em 0.4em 0;
+    }
+
+    :global(th) {
+        border-bottom: 1px solid #000;
+    }
+
+    .container {
+        max-width: 1200px;
+        margin: 0 auto;
+        clear: both;
+    }
+
+    :global(.cell-right-align) {
+        text-align: right;
+    }
+</style>
+<svelte:head>
+    <title>EachWatt</title>
+</svelte:head>
+<div class="container">
+    <slot />
+</div>