Some more initial UI work, initial translation support

This commit is contained in:
Jonathan Carter
2024-12-18 18:17:24 +02:00
parent 4bc89c5d2b
commit 2ff0bb04bd
13 changed files with 116 additions and 66 deletions

View File

@@ -1,14 +1,16 @@
<!-- Header -->
<div id="titlebar" class="pywebview-drag-region" style="padding-bottom: 10px;">
<span>
<div id="titlebar" class="pywebview-drag-region" style="padding: 15px; margin: -15px; padding-bottom: 30px;">
<button class="button is-link"></button>
<a href="/welcome"><button class="button is-{% if request.path == "/welcome" %}info{% else %}dark{% endif %}">Welcome</button></a>
<a href="/users"><button class="button is-{% if request.path == "/users" %}info{% else %}dark{% endif %}">Users</button></a>
<a href="/disks"><button class="button is-{% if request.path == "/disks" %}info{% else %}dark{% endif %}">Disks</button></a>
<a href="/software"><button class="button is-{% if request.path == "/software" %}info{% else %}dark{% endif %}">Software</button></a>
<a href="/summary"><button class="button is-{% if request.path == "/summary" %}info{% else %}dark{% endif %}">Summary</button></a>
<button onclick="closeApp()" class="button is-danger" style="float: right;"> 🗙 </button>
<a href="/help"> <button class="button is-light" style="float: right; margin-right: 5px;"> <b> ? </b> </button></a>
</span>
<div style="position: absolute; top: 15px; right: 15px;">
<a href="/help"> <button class="button is-light"> <b> ? </b> </button></a>
<button onclick="closeApp()" class="button is-danger" > 🗙 </button>
</div>
</div> <!-- end pywebview-drag-region -->
<!-- End Header -->

View File

@@ -5,20 +5,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/static/bulma.css" rel="stylesheet">
<link href="/static/system-installer.css" rel="stylesheet">
<link rel="shortcut icon" href="/static/icons/blippie.png" type="image/x-icon">
<script src="/static/htmx.min.js" crossorigin="anonymous"></script>
</head>
<body style="overflow: hidden; max-height: 450px;">
<div style="width: 1050px; height: 600px; border-radius: 10px; padding: 13px; overflow: hidden;" class="notification is-dark">
<body>
<div class="frame">
{% include "header.html" %}
<div style="height: 450px; overflow-y: scroll">
<div class="applet">
{% block body %}
{% endblock %}
</div>
{% include "footer.html" %}
</div> <!-- class "frame" -->
</body>
</html>