Goodbye tailwind, hello material lite

2024-09-07 23:11:41 +02:00
parent c69f570b69
commit ea15859f16
5 changed files with 23 additions and 14 deletions
--- a/README.md
+++ b/README.md
@@ -2,3 +2,5 @@ Dependencies
 - flask
 - pytest
 - coverage
+ - libjs-htmx
+ - libjs-material-design-lite
--- a/src/applets/webui/routes.py
+++ b/src/applets/webui/routes.py
@@ -1,4 +1,6 @@
 from applets.webui import bp
+from flask import Flask, request, session, redirect, \
+             url_for, render_template, flash, Blueprint


@bp.route('/webui')
@@ -9,7 +11,7 @@ def webui_index():
    """
    return ("""
            <head>
-            <script src="https://unpkg.com/htmx.org@1.9.11" integrity="sha384-0gxUXCCR8yv9FM2b+U3FDbsKthCI66oH5IA9fHppQq9DDMHuMauqq1ZHBpJxQ0J0" crossorigin="anonymous"></script>
+            <script src="/static/htmx.min.js.gz crossorigin="anonymous"></script>
            </head>
            <button hx-post="/clicked"
            hx-trigger="click"
@@ -31,3 +33,17 @@ def webui_index():
            Welcome to System Installer Daemon POC <br />
            This is the WebUI Index
            """)
+
+
+@bp.route('/webui/welcome')
+def webui_welcome():
+    """
+    Welcome screen for the webui.
+
+    It's job right now is to:
+
+    - Obtain the language
+    - Check basic system eligibility
+    """
+    return render_template('welcome.html')
+
--- a/src/static/htmx.min.js.gz
+++ b/src/static/htmx.min.js.gz
@@ -0,0 +1 @@
+/usr/share/javascript/htmx/htmx.min.js.gz
--- a/src/static/material.css
+++ b/src/static/material.css
@@ -0,0 +1 @@
+/usr/share/javascript/libjs-material-design-lite/css/material.css
--- a/src/templates/welcome.html
+++ b/src/templates/welcome.html
@@ -3,19 +3,8 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href="/static/material.css" rel="stylesheet">
  <link href="/static/welcome.css" rel="stylesheet">
-  <script src="https://cdn.tailwindcss.com"></script>
-    <script>
-    tailwind.config = {
-      theme: {
-        extend: {
-          colors: {
-            clifford: '#da373d',
-          }
-        }
-      }
-    }
-  </script>
 </head>
 <body>
 	<div class="bg">
@@ -26,7 +15,7 @@

    <div class="lg:content-auto">
 	    Welcome to system installer daemon
-	    BLK is {{ blkid }}
+	    BLK is BLK 
    </div>

 </body>
				`@@ -0,0 +1 @@`
				`/usr/share/javascript/libjs-material-design-lite/css/material.css`