Webgui: More mobile friendly touch and much more improvements

This commit is contained in:
2026-06-14 10:56:17 +02:00
parent a59f02e21b
commit f109e2621f
25 changed files with 1624 additions and 583 deletions
+25 -21
View File
@@ -1,7 +1,7 @@
<?php
/******************************************************************************
* YMS - Yacht Management Software
* Copyright (C) 2024 Thomas Hooge
* Copyright (C) 2024-2026 Thomas Hooge
*
* SPDX-License-Identifier: WTFPL
******************************************************************************/
@@ -33,6 +33,10 @@ if (isset($_POST['login'])) {
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/bootstrap-icons.min.css" rel="stylesheet">
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
});
</script>
</head>
<body>
<div class="container">
@@ -46,17 +50,17 @@ if (isset($_POST['login'])) {
<img src="sailboat.svg" class="img-fluid rounded-start" alt="sailboat">
</div>
<div class="col">
<div class="card-body">
<h5 class="card-title"><?=sprintf(_('Login to %s'), APP_TITLE_SHORT)?></h5>
<form id="login" action="login.php" method="post">
<div class="mb-3 mt-3">
<label for="username" class="form-label"><?=_('Username:')?></label>
<input type="text" class="form-control" required autofocus size="20" maxlength="20" name="username" id="username" value="<?=$username?>">
</div>
<div class="mb-3 mt-3">
<label for="password" class="form-label"><?=_('Password:')?></label>
<input type="password" class="form-control" required size="20" maxlength="32" name="password" id="password">
</div>
<div class="card-body">
<h5 class="card-title"><?=sprintf(_('Login to %s'), APP_TITLE_SHORT)?></h5>
<form id="login" action="login.php" method="post">
<div class="mb-3 mt-3">
<label for="username" class="form-label"><?=_('Username:')?></label>
<input type="text" class="form-control" required autofocus size="20" maxlength="20" name="username" id="username" value="<?=$username?>">
</div>
<div class="mb-3 mt-3">
<label for="password" class="form-label"><?=_('Password:')?></label>
<input type="password" class="form-control" required size="20" maxlength="32" name="password" id="password">
</div>
<?php
if (isset($err)) {
echo '<div class="alert alert-danger alert-dismissible fade show role="alert"">';
@@ -65,15 +69,15 @@ if (isset($err)) {
echo "</div>\n";
}
?>
<button type="submit" class="btn btn-primary" title="<?php printf(_('Logon to %s'), APP_TITLE_SHORT); ?>" name="login" value="1">
<span class="bi bi-caret-right"></span>
<?=_('Login')?>
</button>
</form>
</div> <!-- card body -->
</div>
</div>
</div>
<button type="submit" class="btn btn-primary" title="<?php printf(_('Logon to %s'), APP_TITLE_SHORT); ?>" name="login" value="1">
<span class="bi bi-caret-right"></span>
<?=_('Login')?>
</button>
</form>
</div> <?php /* card body */?>
</div> <?php /* columns */?>
</div> <?php /* rows */?>
</div> <?phph /* card */?>
</section>
</div>
</body>