Public-Auth-Seiten in Landingpage-Stil integrieren
- 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:
+78
-49
@@ -39,57 +39,86 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
$errors = $result['errors'];
|
||||
}
|
||||
|
||||
include 'header.php';
|
||||
include 'headerline.php';
|
||||
include 'nav.php';
|
||||
?>
|
||||
|
||||
<section id="banner">
|
||||
<div class="content">
|
||||
<h2>Registrierung</h2>
|
||||
<!DOCTYPE HTML>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Kaffeeliste Registrierung</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="login.php" class="button">Login</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<?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-auth-grid">
|
||||
<div class="public-auth-copy">
|
||||
<h1>Registrierung</h1>
|
||||
<p>Lege einen neuen Kundenbereich an. Danach bist du als Owner angemeldet und kannst die Kaffeeliste fuer dein Team einrichten.</p>
|
||||
</div>
|
||||
|
||||
<form method="post" action="register.php">
|
||||
<?php echo app_csrf_field(); ?>
|
||||
<div class="row">
|
||||
<div class="col-6 col-12-small">
|
||||
<label for="tenant_name">Kundenname</label>
|
||||
<input type="text" name="tenant_name" id="tenant_name" value="<?php echo saas_html($values['tenant_name']); ?>" 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($values['tenant_slug']); ?>" placeholder="kaffeeliste-team" required>
|
||||
</div>
|
||||
<div class="col-6 col-12-small">
|
||||
<label for="display_name">Dein Name</label>
|
||||
<input type="text" name="display_name" id="display_name" value="<?php echo saas_html($values['display_name']); ?>" required>
|
||||
</div>
|
||||
<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($values['email']); ?>" required>
|
||||
</div>
|
||||
<div class="col-6 col-12-small">
|
||||
<label for="password">Passwort</label>
|
||||
<input type="password" name="password" id="password" minlength="8" required>
|
||||
</div>
|
||||
<div class="col-6 col-12-small">
|
||||
<label for="password_confirm">Passwort wiederholen</label>
|
||||
<input type="password" name="password_confirm" id="password_confirm" minlength="8" required>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="actions">
|
||||
<li><button type="submit">Kundenkonto anlegen</button></li>
|
||||
<li><a href="login.php" class="button alt">Zum Login</a></li>
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<div class="public-panel">
|
||||
<h2>Kundenkonto anlegen</h2>
|
||||
|
||||
<?php include 'footer.php'; ?>
|
||||
<?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="register.php">
|
||||
<?php echo app_csrf_field(); ?>
|
||||
<div class="row">
|
||||
<div class="col-6 col-12-small">
|
||||
<label for="tenant_name">Kundenname</label>
|
||||
<input type="text" name="tenant_name" id="tenant_name" value="<?php echo saas_html($values['tenant_name']); ?>" 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($values['tenant_slug']); ?>" placeholder="kaffeeliste-team" required>
|
||||
</div>
|
||||
<div class="col-6 col-12-small">
|
||||
<label for="display_name">Dein Name</label>
|
||||
<input type="text" name="display_name" id="display_name" value="<?php echo saas_html($values['display_name']); ?>" required>
|
||||
</div>
|
||||
<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($values['email']); ?>" required>
|
||||
</div>
|
||||
<div class="col-6 col-12-small">
|
||||
<label for="password">Passwort</label>
|
||||
<input type="password" name="password" id="password" minlength="8" required>
|
||||
</div>
|
||||
<div class="col-6 col-12-small">
|
||||
<label for="password_confirm">Passwort wiederholen</label>
|
||||
<input type="password" name="password_confirm" id="password_confirm" minlength="8" required>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="actions">
|
||||
<li><button type="submit" class="primary">Kundenkonto anlegen</button></li>
|
||||
<li><a href="login.php" class="button">Zum Login</a></li>
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user