clemens/kaffeekasse-saas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Public-Auth-Seiten in Landingpage-Stil integrieren

Browse Source 
- gemeinsames Public-CSS fuer Landingpage und Auth-Seiten ergaenzen
- Login, Registrierung und Passwort-/E-Mail-Seiten vom App-Layout trennen
- App-Sidebar von Public-Login- und Registrierungslinks bereinigen
- Webspace- und Subdomain-Strategie dokumentieren
This commit is contained in:
clemens
2026-07-14 19:01:57 +02:00
parent 726c5a9508
commit 5824b066f4
10 changed files with 575 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files
login.php
+68 -40
View File
@@ -32,50 +32,78 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$errors = $result['errors'];
}
include 'header.php';
include 'headerline.php';
include 'nav.php';
?>
<section id="banner">
<div class="content">
<h2>Login</h2>
<!DOCTYPE HTML>
<html lang="de">
<head>
<title>Kaffeeliste Login</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/public.css" />
</head>
<body class="is-preload public-page">
<div class="public-shell">
<section class="public-auth">
<nav class="public-nav" aria-label="Hauptnavigation">
<strong><a href="landing.php">Kaffeeliste</a></strong>
<ul class="actions">
<li><a href="register.php" class="button">Registrieren</a></li>
</ul>
</nav>
<?php if (isset($_GET['logged_out'])): ?>
<div class="hint-box success"><p>Du wurdest abgemeldet.</p></div>
<?php endif; ?>
<div class="public-auth-grid">
<div class="public-auth-copy">
<h1>Login</h1>
<p>Melde dich mit deinem Kundenkonto an. Wenn du mehreren Mandanten zugeordnet bist, waehlst du danach den passenden Bereich aus.</p>
</div>
<?php if ($errors !== []): ?>
<div class="hint-box error">
<?php foreach ($errors as $error): ?>
<p><?php echo saas_html($error); ?></p>
<?php endforeach; ?>
</div>
<?php endif; ?>
<div class="public-panel">
<h2>Zur App</h2>
<form method="post" action="login.php">
<?php echo app_csrf_field(); ?>
<div class="row">
<div class="col-6 col-12-small">
<label for="email">E-Mail</label>
<input type="email" name="email" id="email" value="<?php echo saas_html($email); ?>" required>
<?php if (isset($_GET['logged_out'])): ?>
<div class="hint-box success"><p>Du wurdest abgemeldet.</p></div>
<?php endif; ?>
<?php if ($errors !== []): ?>
<div class="hint-box error">
<?php foreach ($errors as $error): ?>
<p><?php echo saas_html($error); ?></p>
<?php endforeach; ?>
</div>
<?php endif; ?>
<form method="post" action="login.php">
<?php echo app_csrf_field(); ?>
<div class="row">
<div class="col-12">
<label for="email">E-Mail</label>
<input type="email" name="email" id="email" value="<?php echo saas_html($email); ?>" required>
</div>
<div class="col-12">
<label for="password">Passwort</label>
<input type="password" name="password" id="password" required>
</div>
<div class="col-12">
<label for="tenant_slug">Kundenkuerzel</label>
<input type="text" name="tenant_slug" id="tenant_slug" value="<?php echo saas_html($tenantSlug); ?>" placeholder="optional">
</div>
</div>
<ul class="actions">
<li><button type="submit" class="primary">Einloggen</button></li>
<li><a href="passwort-vergessen.php" class="button">Passwort vergessen</a></li>
</ul>
</form>
</div>
</div>
<div class="col-6 col-12-small">
<label for="password">Passwort</label>
<input type="password" name="password" id="password" required>
</div>
<div class="col-6 col-12-small">
<label for="tenant_slug">Kundenkuerzel</label>
<input type="text" name="tenant_slug" id="tenant_slug" value="<?php echo saas_html($tenantSlug); ?>" placeholder="optional">
</div>
</div>
<ul class="actions">
<li><button type="submit">Einloggen</button></li>
<li><a href="register.php" class="button alt">Registrieren</a></li>
<li><a href="passwort-vergessen.php" class="button alt">Passwort vergessen</a></li>
</ul>
</form>
</div>
</section>
</section>
</div>
<?php include 'footer.php'; ?>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>