first commit
This commit is contained in:
147
views/notes/form.php
Normal file
147
views/notes/form.php
Normal file
@@ -0,0 +1,147 @@
|
||||
<?php
|
||||
$pageTitle = (isset($note) ? 'Edycja' : 'Nowa') . ' notatka - System 2FA';
|
||||
$bodyClass = 'bg-light';
|
||||
$extraHead = '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">'
|
||||
. '<link rel="stylesheet" href="/public/css/notes.css">';
|
||||
|
||||
ob_start();
|
||||
?>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="/panel">
|
||||
<i class="fas fa-shield-alt"></i> System 2FA
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav me-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/pulpit">
|
||||
<i class="fas fa-home"></i> Pulpit
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="/notatnik">
|
||||
<i class="fas fa-sticky-note"></i> Notatnik
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/kalendarz">
|
||||
<i class="fas fa-calendar-alt"></i> Kalendarz
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<span class="nav-link text-white">
|
||||
<i class="fas fa-user"></i> <?php echo htmlspecialchars($_SESSION['username']); ?>
|
||||
</span>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/wyloguj-sie">
|
||||
<i class="fas fa-sign-out-alt"></i> Wyloguj
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container mt-4">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="card shadow">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h4 class="mb-0">
|
||||
<i class="fas fa-<?php echo isset($note) ? 'edit' : 'plus'; ?>"></i>
|
||||
<?php echo isset($note) ? 'Edycja notatki' : 'Nowa notatka'; ?>
|
||||
</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<?php if (isset($_SESSION['error'])): ?>
|
||||
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
||||
<i class="fas fa-exclamation-circle"></i> <?php echo htmlspecialchars($_SESSION['error']); unset($_SESSION['error']); ?>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<form method="POST" action="/notatka/zapisz">
|
||||
<?php if (isset($note)): ?>
|
||||
<input type="hidden" name="note_id" value="<?php echo $note['id']; ?>">
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="title" class="form-label">
|
||||
<i class="fas fa-heading"></i> Tytuł notatki *
|
||||
</label>
|
||||
<input type="text"
|
||||
class="form-control form-control-lg"
|
||||
id="title"
|
||||
name="title"
|
||||
placeholder="Wpisz tytuł notatki..."
|
||||
value="<?php echo isset($note) ? htmlspecialchars($note['title']) : ''; ?>"
|
||||
required
|
||||
autofocus>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="content" class="form-label">
|
||||
<i class="fas fa-align-left"></i> Treść notatki
|
||||
</label>
|
||||
<textarea class="form-control"
|
||||
id="content"
|
||||
name="content"
|
||||
rows="12"
|
||||
placeholder="Wpisz treść notatki..."><?php echo isset($note) ? htmlspecialchars($note['content']) : ''; ?></textarea>
|
||||
<small class="form-text text-muted">
|
||||
<i class="fas fa-info-circle"></i> Pole opcjonalne
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<a href="/notatnik" class="btn btn-secondary">
|
||||
<i class="fas fa-arrow-left"></i> Powrót do listy
|
||||
</a>
|
||||
<button type="submit" class="btn btn-primary btn-lg">
|
||||
<i class="fas fa-save"></i> Zapisz notatkę
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<?php if (isset($note)): ?>
|
||||
<div class="card-footer text-muted small">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<i class="fas fa-calendar-plus"></i> Utworzono:
|
||||
<?php
|
||||
$date = new DateTime($note['created_at']);
|
||||
echo $date->format('d.m.Y H:i');
|
||||
?>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<i class="fas fa-calendar-check"></i> Zaktualizowano:
|
||||
<?php
|
||||
$date = new DateTime($note['updated_at']);
|
||||
echo $date->format('d.m.Y H:i');
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$content = ob_get_clean();
|
||||
$extraScript = '<script>
|
||||
const textarea = document.getElementById("content");
|
||||
textarea.addEventListener("input", function() {
|
||||
this.style.height = "auto";
|
||||
this.style.height = this.scrollHeight + "px";
|
||||
});
|
||||
</script>';
|
||||
|
||||
require __DIR__ . '/../layout.php';
|
||||
?>
|
||||
Reference in New Issue
Block a user