New DB based GuestBook

tasks/guestBookDB/components/.htaccess

@@ -0,0 +1,3 @@
+Order deny,allow
+Deny from all
+Allow from 127.0.0.1

tasks/guestBookDB/components/comment.php

@@ -0,0 +1,15 @@
+<div class="col">
+  <div class="card h-100 shadow-sm">
+    <div class="card-header">
+      <h6 class="card-subtitle mb-2 text-muted"><?= htmlspecialchars($comment["name"]) ?></h6>
+    </div>
+    <div class="card-body">
+      <p class="card-text"><?= nl2br(htmlspecialchars($comment["comment"])) ?></p>
+    </div>
+    <div class="card-footer">
+      <small class="text-muted">
+        <?= $comment["time"] ?>
+      </small>
+    </div>
+  </div>
+</div>

tasks/guestBookDB/components/error.php

@@ -0,0 +1,7 @@
+<div class="alert alert-danger alert-dismissible fade show mt-3 mb-0">
+  <svg class="bi flex-shrink-0 me-2" width="24" height="24">
+    <use xlink:href="#exclamation-triangle-fill" />
+  </svg>
+  <?= $error ?>
+  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+</div>

tasks/guestBookDB/components/newComment.php

@@ -0,0 +1,30 @@
+<form action="" method="post" class="needs-validation row g-3 m-0 position-relative" novalidate>
+  <h1 class="text-danger position-absolute construction">Under Construction</h1>
+  <fieldset disabled class="mt-0 opacity-50">
+    <div class="col m-0 g-3">
+      <h4 class="mb-3">Leave a Comment!</h4>
+      <div class="mb-3">
+        <input class="form-control" type="text" name="title" required placeholder="A catching title" />
+        <div class="invalid-feedback">
+          Please enter a title.
+        </div>
+      </div>
+      <div class="mb-3">
+        <input class="form-control" type="text" name="name" required placeholder="Your name" />
+        <div class="invalid-feedback">
+          Please enter a name.
+        </div>
+      </div>
+      <div class="mb-1">
+        <textarea class="form-control" id="comment" name="comment" maxlength="250" required placeholder="Comment here"></textarea>
+        <div class="invalid-feedback">
+          Please enter text.
+        </div>
+      </div>
+      <div class="progress mb-2">
+        <div class="progress-bar" id="comment-count" style="width: 0;"></div>
+      </div>
+      <button type="submit" class="btn btn-primary mb-3">Comment</button>
+    </div>
+  </fieldset>
+</form>

tasks/guestBookDB/components/pagination.php

@@ -0,0 +1,19 @@
+<nav>
+  <ul class="pagination justify-content-center">
+    <li class="page-item">
+      <a class="page-link <?php if ($page === 0) echo "disabled" ?>" href="?p=<?= $page > 0 ? $page - 1 : 0 ?>">
+        <span aria-hidden="true">&laquo;</span>
+      </a>
+    </li>
+    <?php for ($i = 0; $i <= $maxPage; $i++) { ?>
+      <li class="page-item <?php if ($page === $i) echo "active" ?>">
+        <a class="page-link" href="?p=<?= $i ?>"><?= $i + 1 ?></a>
+      </li>
+    <?php } ?>
+    <li class="page-item">
+      <a class="page-link <?php if ($page === $maxPage) echo "disabled" ?>" href="?p=<?= $page < $maxPage ? $page + 1 : $maxPage ?>">
+        <span aria-hidden="true">&raquo;</span>
+      </a>
+    </li>
+  </ul>
+</nav>