From 4f2d900af7636e6744ae14aeeefdf2d6080ac50a Mon Sep 17 00:00:00 2001
From: George Halkiadakis <gchalkiadakis@sklavenitis.co.gr>
Date: Thu, 30 Mar 2023 05:03:23 +0300
Subject: several mail options tested; mailhog (fake) mailer is working

---
 html/app/views/components/breadcrumbs.php     | 30 +++++++++++++++++++++++
 html/app/views/components/header_includes.php | 23 ++++++++++++++++++
 html/app/views/components/top-bar.php         | 17 +++++++++++++
 html/app/views/components/user-management.php | 35 +++++++++++++++++----------
 4 files changed, 92 insertions(+), 13 deletions(-)
 create mode 100644 html/app/views/components/breadcrumbs.php
 create mode 100644 html/app/views/components/header_includes.php
 create mode 100644 html/app/views/components/top-bar.php

(limited to 'html/app/views/components')

diff --git a/html/app/views/components/breadcrumbs.php b/html/app/views/components/breadcrumbs.php
new file mode 100644
index 0000000..471cfb6
--- /dev/null
+++ b/html/app/views/components/breadcrumbs.php
@@ -0,0 +1,30 @@
+<?php 
+/** breadcrumbs
+ * -----------------------------------------------------------------------------
+ * 
+ * imported variables
+ * ---
+ * @param $id : category_id of last level
+ * @param $title : category title of last level
+ * @param $parents : array of parent nodes
+ * -----------------------------------------------------------------------------
+ */
+?>
+
+<div class="breadcrumb">
+    <!-- home -->
+    <a href="/">Classroom</a>
+
+    <!-- parent nodes -->
+    <?php if ($id != 0) : ?>
+        <?php foreach($parents as $node) : ?>
+            <i class="fas fa-angle-right"></i> <a href="/wiki/category?id=<?=$node['id']?>"><?=$node['title']?></a>
+        <?php endforeach; ?>
+    <?php endif; ?>
+
+    <!-- last (current) node -->
+    <?php if ($id != 0) : ?>
+        <i class="fas fa-angle-right"></i> <a href="/wiki/category?id=<?=$id?>"><?=$title?></a>
+    <?php endif; ?>
+    
+</div>
\ No newline at end of file
diff --git a/html/app/views/components/header_includes.php b/html/app/views/components/header_includes.php
new file mode 100644
index 0000000..4ee6904
--- /dev/null
+++ b/html/app/views/components/header_includes.php
@@ -0,0 +1,23 @@
+
+<!-- fonts (CDN) -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
+<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400&display=swap" rel="stylesheet">
+
+<!-- fontawesome icons (CDN) -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+<!-- bootstap (CDN) -->
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
+
+<!-- main css -->
+<link href="/assets/css/class.css" rel="stylesheet">
+
+<!-- overides  -->
+<link href="/assets/css/overides.css" rel="stylesheet">
+
+<!-- bootstrap javascript (CDN) -->
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/js/bootstrap.bundle.min.js" integrity="sha384-qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N" crossorigin="anonymous"></script>
+
+<!-- jQuery (CDN) -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
diff --git a/html/app/views/components/top-bar.php b/html/app/views/components/top-bar.php
new file mode 100644
index 0000000..ed96e35
--- /dev/null
+++ b/html/app/views/components/top-bar.php
@@ -0,0 +1,17 @@
+<div class="top-bar">
+
+    <?php    // breadcrumbs
+        ////////////////////////////////////////////////////////////////////////
+        Render::template("components/breadcrumbs", [
+            'id' => 0,
+            'title' => '',
+            'parents' => []
+        ]);
+    ?>
+
+    <?php   // User management drop-down
+        ////////////////////////////////////////////////////////////////////////
+        Render::view('components/user-management');
+    ?>
+
+</div><!-- /top-bar -->
\ No newline at end of file
diff --git a/html/app/views/components/user-management.php b/html/app/views/components/user-management.php
index dd38396..02a439e 100644
--- a/html/app/views/components/user-management.php
+++ b/html/app/views/components/user-management.php
@@ -1,33 +1,42 @@
 <div class="user">
 
-    <div class="btn-group js-visitor">
+    <div class="dropdown js-visitor">
         <button type="button" class="btn btn-default dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-            <i class="fa-regular fa-user"></i>
+            <i class="fa fa-regular fa-user"></i>
             Διαχείριση Λογαριασμού
             <span class="caret"></span>
         </button>
         <ul class="dropdown-menu">
-            <li><a href="/login">Είσοδος</a></li>
-            <li role="separator" class="divider"></li>
-            <li><a href="/register">Εγγραφή</a></li>
-            <li><a href="/reset-password">Επαναφορά password</a></li>
+            <li><a class="dropdown-item" href="/login">Είσοδος</a></li>
+
+            <li><hr class="dropdown-divider"></li>
+
+            <li><a class="dropdown-item" href="/register">Εγγραφή</a></li>
+            <li><a class="dropdown-item" href="/reset-password">Επαναφορά password</a></li>
         </ul>
     </div>
 
-    <div class="btn-group js-subscriber">
+    <div class="dropdown js-subscriber">
         <button type="button" class="btn btn-default dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
             Διαχείριση Λογαριασμού <span class="caret"></span>
         </button>
         <ul class="dropdown-menu">
-            <li><a href="/profile">Διαχείριση Προφίλ</a></li>
-            <li><a href="/courses">Ύλη μαθημάτων</a></li>
-            <li><a href="/payments">Πληρωμές</a></li>
-            <li role="separator" class="divider"></li>
-            <li><a href="/logout">Έξοδος</a></li>
+            <li><a class="dropdown-item" href="/profile">Διαχείριση Προφίλ</a></li>
+            <li><a class="dropdown-item" href="/courses">Ύλη μαθημάτων</a></li>
+            <li><a class="dropdown-item" href="/payments">Πληρωμές</a></li>
+            
+            <li><hr class="dropdown-divider"></li>
+
+            <li><a class="dropdown-item" href="/logout">Έξοδος</a></li>
         </ul>
     </div>
     
 </div>
 
 
-
+<script>
+    // default: hide subscriber's menu
+    [].forEach.call(document.querySelectorAll('.js-subscriber'), function (el) {
+            el.style.display = 'none';
+    });
+</script>
-- 
cgit v1.2.3