The following files exist in this folder. Click to view.
| Namn | Typ | Storlek |
|---|---|---|
| account.php | PHP Fil | 11.6 KB |
| admin.php | PHP Fil | 23.6 KB |
| authors.php | PHP Fil | 4.1 KB |
| book.php | PHP Fil | 5.9 KB |
| db_cnnt.php | PHP Fil | 407 B |
| header.php | PHP Fil | 1.7 KB |
| home.php | PHP Fil | 8.4 KB |
| index.php | PHP Fil | 5.3 KB |
| loan_handler.php | PHP Fil | 1.9 KB |
| manage_authors.php | PHP Fil | 4.7 KB |
| my_loans.php | PHP Fil | 6.9 KB |
| S.sql | SQL Fil | 3.3 KB |
| search.php | PHP Fil | 11 KB |
index.php133 lines UTF-8 Unix (LF) - Type: PHP Fil123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
<?php
session_start();
// redirect om redan inloggad
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true) {
header('Location: home.php');
exit;
}
?>
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibliotek Login</title>
<link rel="stylesheet" href="style.css">
</head>
<body class="auth-page">
<div class="auth-container">
<div class="auth-left">
<div class="auth-branding">
<h1>Biblioteket</h1>
<p class="tagline">Din portal till kunskapen</p>
</div>
</div>
<div class="auth-right">
<?php
// success messages
if (isset($_GET['success']) && $_GET['success'] === 'deleted') {
echo '<div class="notice error">Ditt konto har raderats.</div>';
}
if (isset($_GET['success']) && $_GET['success'] === 'registered') {
echo '<div class="notice success">Konto skapat! Du kan logga in nu.</div>';
}
// error msgs
if (isset($_GET['error'])): ?>
<div class="notice error">
<?php
if ($_GET['error'] === 'locked') {
echo "Kontot är låst på grund av för många misslyckade inloggningar. Kontakta admin.";
} elseif ($_GET['error'] === 'invalid') {
echo "Felaktigt användarnamn eller lösenord.";
} elseif ($_GET['error'] === 'exists') {
echo "Användarnamnet eller e-postadressen finns redan.";
} elseif ($_GET['error'] === 'email') {
echo "Ogiltig e-postadress.";
} elseif ($_GET['error'] === 'empty') {
echo "Fyll i alla fält.";
} else {
echo "Ett fel uppstod. Försök igen.";
}
?>
</div>
<?php endif;
// visa "ej behörighet" msg om URL har no-acces
if (isset($_GET['noaccess'])) {
echo '<div class="notice warning">Du har inte behörighet att komma åt den sidan.</div>';
}
?>
<div class="auth-tabs">
<button class="tab-btn active" data-tab="login">Logga in</button>
<button class="tab-btn" data-tab="register">Registrera</button>
</div>
<div class="auth-forms">
<!-- Login form -->
<div class="tab-content active" id="login-tab">
<form action="account.php" method="post">
<input type="hidden" name="action" value="login">
<h2>Välkommen tillbaka</h2>
<div class="input-group">
<label for="login-username">Användarnamn</label>
<input type="text" id="login-username" name="username" placeholder="Skriv ditt användarnamn" required>
</div>
<div class="input-group">
<label for="login-password">Lösenord</label>
<input type="password" id="login-password" name="password" placeholder="Skriv ditt lösenord" required>
</div>
<div class="form-footer">
<label class="checkbox-label">
<input type="checkbox" name="remember">
<span>Kom ihåg mig</span>
</label>
</div>
<button type="submit" class="auth-btn">Logga in</button>
</form>
</div>
<!-- Registreringsformulär -->
<div class="tab-content" id="register-tab">
<form action="account.php" method="post">
<input type="hidden" name="action" value="register">
<h2>Skapa ditt konto</h2>
<div class="input-group">
<label for="reg-username">Användarnamn</label>
<input type="text" id="reg-username" name="username" placeholder="Välj ett användarnamn" required>
</div>
<div class="input-group">
<label for="reg-email">E-post</label>
<input type="email" id="reg-email" name="email" placeholder="din@email.se" required>
</div>
<div class="input-group">
<label for="reg-password">Lösenord</label>
<input type="password" id="reg-password" name="password" placeholder="Välj ett starkt lösenord" required>
</div>
<button type="submit" class="auth-btn">Skapa konto</button>
</form>
</div>
</div>
</div>
</div>
<script>
document.querySelectorAll('.tab-btn').forEach(btn => {
btn.addEventListener('click', () => {
const tab = btn.dataset.tab;
// Update buttons
document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
// Update content
document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
document.getElementById(tab + '-tab').classList.add('active');
});
});
</script>
</body>
</html>