Goodbye tailwind, hello material lite
This commit is contained in:
@@ -2,3 +2,5 @@ Dependencies
|
|||||||
- flask
|
- flask
|
||||||
- pytest
|
- pytest
|
||||||
- coverage
|
- coverage
|
||||||
|
- libjs-htmx
|
||||||
|
- libjs-material-design-lite
|
||||||
|
|||||||
@@ -1,4 +1,6 @@
|
|||||||
from applets.webui import bp
|
from applets.webui import bp
|
||||||
|
from flask import Flask, request, session, redirect, \
|
||||||
|
url_for, render_template, flash, Blueprint
|
||||||
|
|
||||||
|
|
||||||
@bp.route('/webui')
|
@bp.route('/webui')
|
||||||
@@ -9,7 +11,7 @@ def webui_index():
|
|||||||
"""
|
"""
|
||||||
return ("""
|
return ("""
|
||||||
<head>
|
<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>
|
</head>
|
||||||
<button hx-post="/clicked"
|
<button hx-post="/clicked"
|
||||||
hx-trigger="click"
|
hx-trigger="click"
|
||||||
@@ -31,3 +33,17 @@ def webui_index():
|
|||||||
Welcome to System Installer Daemon POC <br />
|
Welcome to System Installer Daemon POC <br />
|
||||||
This is the WebUI Index
|
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')
|
||||||
|
|
||||||
|
|||||||
1
src/static/htmx.min.js.gz
Symbolic link
1
src/static/htmx.min.js.gz
Symbolic link
@@ -0,0 +1 @@
|
|||||||
|
/usr/share/javascript/htmx/htmx.min.js.gz
|
||||||
1
src/static/material.css
Symbolic link
1
src/static/material.css
Symbolic link
@@ -0,0 +1 @@
|
|||||||
|
/usr/share/javascript/libjs-material-design-lite/css/material.css
|
||||||
@@ -3,19 +3,8 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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">
|
<link href="/static/welcome.css" rel="stylesheet">
|
||||||
<script src="https://cdn.tailwindcss.com"></script>
|
|
||||||
<script>
|
|
||||||
tailwind.config = {
|
|
||||||
theme: {
|
|
||||||
extend: {
|
|
||||||
colors: {
|
|
||||||
clifford: '#da373d',
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="bg">
|
<div class="bg">
|
||||||
@@ -26,7 +15,7 @@
|
|||||||
|
|
||||||
<div class="lg:content-auto">
|
<div class="lg:content-auto">
|
||||||
Welcome to system installer daemon
|
Welcome to system installer daemon
|
||||||
BLK is {{ blkid }}
|
BLK is BLK
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user