From 088bf495f574beb9f7e4f65b3842b3ae58f9d166 Mon Sep 17 00:00:00 2001
From: Jonathan Carter <jcc@debian.org>
Date: Sun, 31 Aug 2025 14:53:40 +0200
Subject: [PATCH] Bunch of ui stuff

---
 src/yasi-webclient                          |  2 +-
 src/yasi_applets/disks/disks.html           | 23 +++++--
 src/yasi_applets/disks/routes.py            |  8 ++-
 src/yasi_applets/main/header.html           | 11 +++-
 src/yasi_applets/main/help.html             | 14 ++--
 src/yasi_applets/main/templates/footer.html | 36 ----------
 src/yasi_applets/main/templates/header.html | 20 ------
 src/yasi_applets/main/templates/layout.html | 27 --------
 src/yasi_applets/summary/routes.py          |  3 +
 src/yasi_applets/welcome/routes.py          | 73 +++++++++++++++++++--
 10 files changed, 115 insertions(+), 102 deletions(-)
 delete mode 100644 src/yasi_applets/main/templates/footer.html
 delete mode 100644 src/yasi_applets/main/templates/header.html
 delete mode 100644 src/yasi_applets/main/templates/layout.html

diff --git a/src/yasi-webclient b/src/yasi-webclient
index 737c1df..8e6613a 100755
--- a/src/yasi-webclient
+++ b/src/yasi-webclient
@@ -14,7 +14,7 @@ def on_closed():
 window = webview.create_window('System Installer', LOCATION,
                       transparent=True, easy_drag=True, frameless=True,
                       width=1050, focus=True, zoomable=True,
-                      confirm_close=True, resizable=True,
+                      confirm_close=True, resizable=True, shadow=True
                       )
 
 webview.settings = {
diff --git a/src/yasi_applets/disks/disks.html b/src/yasi_applets/disks/disks.html
index 838b2d6..aef73d7 100644
--- a/src/yasi_applets/disks/disks.html
+++ b/src/yasi_applets/disks/disks.html
@@ -9,8 +9,9 @@
 
 <div class="radios">
   <label class="radio">
-    <input type="radio" name="rsvp" />
-    Preconfigured partitioning &nbsp; 
+    <input selected type="radio" name="rsvp" />
+    Preconfigured partitioning &nbsp;
+<!-- Let's hide these babies for the initial release.
   <label class="radio">
     <input type="radio" name="rsvp" disabled />
     Erase entire disk
@@ -24,9 +25,10 @@
     Edit existing partitions
   </label>
 </div>
+-->
 
 <div class="columns" width="100%">
-	<div class="column"><p> <br>Proposed layout: </p></div>
+	<div class="column"><p> <br>Current layout: </p></div>
 </div>
 
 <!--
@@ -136,17 +138,26 @@ fssize: {{ child['fssize'] }}
 {% endfor %}
 -->
 
-<br>
 {% endfor %}
 
 <!-- Add Undetected Disk
      Add Virtual Filesystem
      Add Network Filesystem -->
 
-
-</div>
+<div class="columns" width="100%">
+	<div class="column"><p> <br>Proposed partitioning: </p></div>
 </div>
 
+{% for partition in partitions %}
+<ul>
+<li> {{ partition }} </li>
+<ul>
+
+<!-- {% set commands = partition.split(' ') %} -->
+
+{% endfor %}
+
+</div>
 </div>
 </div>
 </div>
diff --git a/src/yasi_applets/disks/routes.py b/src/yasi_applets/disks/routes.py
index 6fea14e..258be85 100644
--- a/src/yasi_applets/disks/routes.py
+++ b/src/yasi_applets/disks/routes.py
@@ -21,14 +21,18 @@ def disks():
     add_disks_button = '&nbsp; <button class="button iis-info"> <i class="fa fa-hdd-o" aria-hidden="true"></i> &nbsp; Add Disk or Filesystem </button>'
     add_swap_button = '&nbsp; <button class="button iis-info"> <i class="fa fa-object-group" aria-hidden="true"></i> &nbsp; Swap Configuration  </button>'
     bottom_menu = add_disks_button + add_swap_button
+    # no bottom menu for this release
+    bottom_menu = ""
     build_summary()
 
     return render_template('disks.html', blockdevs=blockdevs,
         menu=current_app.config['CONFIG']['settings']['menu'],
 	menu_order=current_app.config['CONFIG']['settings']['menu_order'].split(),
 	previous_step = previous_step_url,
-	next_step = next_step_url,
-	bottom_menu = bottom_menu)
+	next_step=next_step_url,
+	partitions=current_app.config['CONFIG']['recipe']['create_partitions']['commands'],
+	format_partitions=current_app.config['CONFIG']['recipe']['format_partitions'],
+	bottom_menu=bottom_menu)
 
 
 @bp.route('/disks/partition/<part>')
diff --git a/src/yasi_applets/main/header.html b/src/yasi_applets/main/header.html
index d585f07..d475749 100644
--- a/src/yasi_applets/main/header.html
+++ b/src/yasi_applets/main/header.html
@@ -4,7 +4,16 @@
 <!-- drag region class: -->
 <div id="titlebar" class="pywebview-drag-region" style="padding: 15px; margin: -15px; padding-bottom: 30px;">
 
-<a hx-get="/main/menu" hx-swap="outerHTML"/> <button class="button is-link"> <i class="fa fa-bars" aria-hidden="true"></i> </button> </a>
+
+<!--
+You might be tempted to replace the unicode character by a fa-code as in the
+alternate commend below. Don't do it, it causes all kinds of artifacts and
+glitches as the page reloads (and makes it feel much more like an old website
+than a proper webapp.
+-->
+<a hx-get="/main/menu" hx-swap="outerHTML"/> <button class="button is-link"> ☰ </button> </a>
+<!--
+<a hx-get="/main/menu" hx-swap="outerHTML"/> <button class="button is-link"> <i class="fa fa-bars" aria-hidden="true"></i> </button> </a> -->
 
 {% for item in menu_order %}
     <a href="{{ menu[item][1]}}"> <button class="button is-{% if request.path == menu[item][1] %}info{% else %}dark{% endif %}"> {{ menu[item][0]}} </button></a>
diff --git a/src/yasi_applets/main/help.html b/src/yasi_applets/main/help.html
index 66cbf3c..b8b4d3c 100644
--- a/src/yasi_applets/main/help.html
+++ b/src/yasi_applets/main/help.html
@@ -4,12 +4,18 @@
 
     <div style="background-color: #424242; padding: 15px; border-radius: 15px; boders: none; color: white;">
     <h1 class="is-size-4"> Help </h1>
-    <br/><p class="title is-6"><span class="tag is-danger">The help system is not yet implemented.</span>
-
-
-
+    <br>
 
+    <p>The help system is not yet implemented.</p>
+    <br>
+    <p>Some keyboard tips:<p>
+    <br>
+    <ul>
+    <li>ALT+n or CTRL+PGDn moves to the next page.</li>
+    <li>ALT+p or CTRL+PGUp moves to the previous page.</li>
+    </ul>
 
+    <br>
     <div class="columns">
       <a href="/welcome"><div class="column"><button class="button is-link">Continue</button></div></a>
     </div>
diff --git a/src/yasi_applets/main/templates/footer.html b/src/yasi_applets/main/templates/footer.html
deleted file mode 100644
index 6a2d931..0000000
--- a/src/yasi_applets/main/templates/footer.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!-- Buttons on the left -->
-<div style="position: absolute; bottom: 15px; left: 15px;">
-
-{% if previous_step %}
-    <!-- Why two of these? So that we can use two different keyboard shortcuts for back. -->
-    <button style="display: none;" hx-get="/{{ previous_step }}" hx-target="body"
-       hx-trigger="click, keydown[altKey&&key=='b'] from:body"></button>
-    <a href="/{{ previous_step }}"><button hx-get="/{{ previous_step }}" hx-target="body"
-       hx-trigger="click, keydown[ctrlKey&&code=='PageUp'] from:body" class="button is-light">Back</button></a>
-{% endif %}
-
-{% if bottom_menu %}
-   {{ bottom_menu | safe }}
-{% endif %}
-
-</div> <!-- end buttons on the left  -->
-
-
-<!-- Buttons on the right -->
-<div style="position: absolute; bottom: 15px; right: 15px;">
-
-{% if next_step %}
-
-    {% if next_step == "install" %}
-        <a href="/{{ next_step }}"><button hx-get="/{{ next_step }}" hx-target="body"
-	hx-trigger="click, keyup[altKey&&key=='i'] from:body" class="button is-link">Install</button></a>
-    {% else %}
-    <!-- Why two of these? So that we can use two different keyboard shortcuts for next. -->
-    <a href="/{{ next_step }}"<button hx-get="/{{ next_step }}" hx-target="body"
-       hx-trigger="click, keydown[ctrlKey&&code=='PageDown'] from:body" class=""></button></a>
-    <a href="/{{ next_step }}"<button hx-get="/{{ next_step }}" hx-target="body"
-       hx-trigger="click, keydown[altKey&&key=='n'] from:body" class="button is-link">Next</button></a>
-    {% endif %}
-    {% endif %}
-
-</div> <!-- end buttons on the right -->
diff --git a/src/yasi_applets/main/templates/header.html b/src/yasi_applets/main/templates/header.html
deleted file mode 100644
index 87ccfc4..0000000
--- a/src/yasi_applets/main/templates/header.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<!-- Header -->
-<div id="titlebar" style="padding: 15px; margin: -15px; padding-bottom: 30px;"> 
-
-<!-- drag region class: -->
-<div id="titlebar" class="pywebview-drag-region" style="padding: 15px; margin: -15px; padding-bottom: 30px;">
-
-<a hx-get="/main/menu" hx-swap="outerHTML"/> <button class="button is-link"> ☰ </button </a>
-
-{% for item in menu_order %}
-    <a href="{{ menu[item][1]}}"> <button class="button is-{% if request.path == menu[item][1] %}info{% else %}dark{% endif %}"> {{ menu[item][0]}} </button></a>
-{% endfor %}
-
-
-<div style="position: absolute; top: 15px; right: 15px;">
-    <a hx-get="/main/help" hx-swap="outerHTML"/> <button class="button is-light"> <b> ? </b> </button></a>
-    <a hx-get="/main/quit" hx-swap="outerHTML"/><button onclick="closeApp()" class="button is-danger" >  🗙 </button></a>
-</div>
-
-</div> <!-- end pywebview-drag-region -->
-<!-- End Header -->
diff --git a/src/yasi_applets/main/templates/layout.html b/src/yasi_applets/main/templates/layout.html
deleted file mode 100644
index 00a09ed..0000000
--- a/src/yasi_applets/main/templates/layout.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link href="/main/static/bulma.css" rel="stylesheet">
-  <link href="/main/static/system-installer.css" rel="stylesheet">
-  <link rel="shortcut icon" href="/main/static/icons/blippie.png" type="image/x-icon">
-  <link rel="stylesheet" href="/main/static/fork-awesome.css">
-  <script src="/main/static/htmx.min.js" crossorigin="anonymous"></script>
-</head>
-<body>
-
-<div class="frame">
-{% include "header.html" %}
-
-<div class="applet">
-{% block body %}
-{% endblock %}
-</div>
-
-{% include "footer.html" %}
-
-</div> <!-- class "frame" -->
-
-</body>
-</html>
diff --git a/src/yasi_applets/summary/routes.py b/src/yasi_applets/summary/routes.py
index 6ed2113..90d0ada 100644
--- a/src/yasi_applets/summary/routes.py
+++ b/src/yasi_applets/summary/routes.py
@@ -19,6 +19,9 @@ def summary_index():
     html = (str(current_app.config['CONFIG']['Summary']['welcome']) + "<br>" + str(current_app.config['CONFIG']['Summary']['software']))
     summary = config['Summary']
 
+    print("Config is: ")
+    print(config)
+
     return render_template('summary.html',
         menu=current_app.config['CONFIG']['settings']['menu'],
 	menu_order=current_app.config['CONFIG']['settings']['menu_order'].split(),
diff --git a/src/yasi_applets/welcome/routes.py b/src/yasi_applets/welcome/routes.py
index fe99714..e1fdd0b 100644
--- a/src/yasi_applets/welcome/routes.py
+++ b/src/yasi_applets/welcome/routes.py
@@ -6,6 +6,8 @@ from flask import current_app
 import gettext
 import dmm.lsblk as lsblk
 import dmm.timezone as timezone
+import subprocess
+import socket
 
 # Set up Gettext
 def set_language(LANG):
@@ -37,8 +39,9 @@ def welcome_index():
             print(request.form["timezone"])
     global lang
     lang = current_app.config['CONFIG']['settings']['language']
-    blkid = lsblk.list_scsi_devices()
+    set_language(lang)
     string_dict = build_stringlist()
+    blkid = lsblk.list_scsi_devices()
     build_menu()
     build_summary()
     menu = current_app.config['CONFIG']['settings']['menu_order'].split(" ")
@@ -51,12 +54,11 @@ def welcome_index():
     else:
         previous_step_url = menu[menu.index("users")-1]
 
-    print("next is: " + next_step_url)
-    print("previous is: " , previous_step_url)
-    power_button = '<button class="button is-dark"> <i class="fa fa-check" aria-hidden="true"></i> &nbsp; Power: AC </button>'
-    internet_button = '&nbsp; <button class="button is-dark"> <i class="fa fa-check" aria-hidden="true"></i> &nbsp; Internet </button>'
+    power_button = '<button id="powerbutton" hx-get="/welcome/battery/button" hx-trigger="load, every 1s" hx-target="#powerbutton" class="button is-dark"> <span style="color: #ffffff;"> <i class="fa fa-question" aria-hidden="true"></i></span> &nbsp; Power </button>'
+    internet_button = '&nbsp; <button id="internetbutton" class="button is-dark" hx-get="/welcome/internet/button" hx-trigger="load, every 1s" hx-target="#internetbutton"><span style="color: #ffffff;"> <i class="fa fa-question" aria-hidden="true"></i></span> &nbsp; Internet </button>'
     bottom_menu = power_button + internet_button
 
+
     return render_template('welcome.html',
                            string_dict=string_dict, selected_lang=lang,
                            menu=current_app.config['CONFIG']['settings']['menu'],
@@ -67,6 +69,66 @@ def welcome_index():
                            bottom_menu=bottom_menu)
 
 
+@bp.route('/welcome/battery',methods=['GET', 'POST', 'PUT'])
+def welcome_battery():
+    """
+    Are we running on battery?
+    How much power do we have?
+    """
+    if "yes" in str(subprocess.check_output("LANG=C upower -d | grep on-battery", shell=True)):
+       on_battery = True
+    else:
+       on_battery = False
+    if on_battery:
+        percentage = str(subprocess.check_output('LANG=C upower -d | grep '
+                         'percentage | head -1 | cut -f 2 -d":" | '
+                         'sed "s/ //g"', shell=True)).strip("'b").strip("%\\n")
+    else:
+        percentage = False
+    status = {}
+    status = {"on_battery": on_battery, "percentage": percentage}
+    return status
+
+
+@bp.route('/welcome/battery/button',methods=['GET', 'POST', 'PUT'])
+def welcome_battery_button():
+    """
+    Returns the html power button.
+    """
+    on_battery, percentage = welcome_battery()['on_battery'], welcome_battery()['percentage']
+    if on_battery:
+        power_button = '<button id="powerbutton hx-get="/welcome/battery/button" hx-trigger="load, every 1s" hx-target="#powerbutton" class="button is-dark"> <span style="color: #ffa45c;"> <i class="fa fa-warning" aria-hidden="true"></i></span> &nbsp; Power: Battery: ' + percentage + '%</button>'
+    else:
+        power_button = '<button id="powerbutton hx-get="/welcome/battery/button" hx-trigger="load, every 1s" hx-target="#powerbutton" class="button is-dark"> <span style="color: #a0ff98;"> <i class="fa fa-check" aria-hidden="true"></i></span> &nbsp; Power </button>'
+    return str(power_button)
+
+
+@bp.route('/welcome/internet', methods=['GET'])
+def has_internet():
+    """
+    Very rudimentary internet check.
+
+    Check if we can resolve deb.debian.org.
+    """
+    try:
+        socket.getaddrinfo("deb.debian.org", 80, proto=socket.IPPROTO_TCP)
+        canhas = True
+    except socket.gaierror:
+        canhas = False
+    return canhas
+
+
+@bp.route('/welcome/internet/button', methods=['GET'])
+def welcome_internet_button():
+    """
+    Draw updated button depending on internet status.
+    """
+    if has_internet():
+        return('&nbsp; <button id="internetbutton" class="button is-dark" hx-get="/welcome/internet/button" hx-trigger="load, every 1s" hx-target="#internetbutton"><span style="color: #a0ff98;"> <i class="fa fa-check" aria-hidden="true"></i></span> &nbsp; Internet </button>')
+    else:
+        return('&nbsp; <button id="internetbutton" class="button is-dark" hx-get="/welcome/internet/button" hx-trigger="load, every 1s" hx-target="#internetbutton"><span style="color: #ffa45c;"> <i class="fa fa-warning" aria-hidden="true"></i></span> &nbsp; Internet </button>')
+
+
 def build_stringlist():
     """
     Return all the strings that is used in this applet."
@@ -88,6 +150,7 @@ def build_stringlist():
     string_dict['lang_list'] = lang_dict
     return string_dict
 
+
 def build_menu():
     """
     Define menu items and paths.