admin back-office environment (skeleton); admin categories

2 files changed, 62 insertions, 6 deletions

diff --git a/public/app/views/components/header_includes.php b/public/app/views/components/header_includes.php
index 4ee6904..e5e51cd 100644
--- a/public/app/views/components/header_includes.php
+++ b/public/app/views/components/header_includes.php
@@ -1,3 +1,8 @@
+<?php 
+    if (!isset($administration)) {
+        $administration = false;
+    }
+?>
 
 <!-- fonts (CDN) -->
 <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -10,14 +15,42 @@
 <!-- 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">
 
+<?php if ($administration) : ?>
+    <!-- datatables css -->
+    <link href="https://cdn.datatables.net/v/bs5/jszip-2.5.0/dt-1.13.4/b-2.3.6/b-colvis-2.3.6/b-html5-2.3.6/b-print-2.3.6/cr-1.6.2/date-1.4.0/fc-4.2.2/fh-3.3.2/kt-2.8.2/r-2.4.1/rr-1.3.3/sc-2.1.1/sl-1.6.2/sr-1.2.2/datatables.min.css" rel="stylesheet"/>
+
+    <!-- select2 css -->
+    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+<?php endif ?>
+
+
 <!-- 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>
+
+<!-- basic cookie handling (vanilla js) -->
+<script src="/assets/js/cookie.js"></script>
+
+
+<?php if ($administration) : ?>
+    <!-- datatables js -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
+    <script src="https://cdn.datatables.net/v/bs5/jszip-2.5.0/dt-1.13.4/b-2.3.6/b-colvis-2.3.6/b-html5-2.3.6/b-print-2.3.6/cr-1.6.2/date-1.4.0/fc-4.2.2/fh-3.3.2/kt-2.8.2/r-2.4.1/rr-1.3.3/sc-2.1.1/sl-1.6.2/sr-1.2.2/datatables.min.js"></script>
+
+    <!-- select2 js -->
+    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>    
+<?php endif ?>
+
+
+ 
diff --git a/public/app/views/components/user-management.php b/public/app/views/components/user-management.php
index 02a439e..9f95af8 100644
--- a/public/app/views/components/user-management.php
+++ b/public/app/views/components/user-management.php
@@ -18,12 +18,13 @@
 
     <div class="dropdown js-subscriber">
         <button type="button" class="btn btn-default dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+            <i class="fa fa-regular fa-user"></i>
             Διαχείριση Λογαριασμού <span class="caret"></span>
         </button>
         <ul class="dropdown-menu">
-            <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><a class="dropdown-item" href="/account/profile">Διαχείριση Προφίλ</a></li>
+            <li><a class="dropdown-item" href="/account/courses">Ύλη μαθημάτων</a></li>
+            <li><a class="dropdown-item" href="/account/payments">Πληρωμές</a></li>
             
             <li><hr class="dropdown-divider"></li>
 
@@ -35,8 +36,30 @@
 
 
 <script>
-    // default: hide subscriber's menu
-    [].forEach.call(document.querySelectorAll('.js-subscriber'), function (el) {
+    // if user is connected hide anonymous user menu and show connected user's content
+    if (cookieExists('cluser') && (readCookie('cluser').includes('connected'))) {
+        [].forEach.call(document.querySelectorAll('.js-visitor'), function (el) {
+            el.style.display = 'none';
+        });
+        [].forEach.call(document.querySelectorAll('.js-subscriber'), function (el) {
+            el.style.display = 'unset';
+        });
+
+        // also extract user's full name to personalize messages
+        let connection = unescape(readCookie('cluser')).split(';');
+        connection.shift();     // remove 1st item (="connection")
+        let name = connection.join(' ');    console.log(name);
+        var node = document.querySelectorAll('.js-subscriber button')[0];
+        node.innerHTML = `<i class="fa fa-regular fa-user"></i> ${name} <span class="caret"></span>`;
+
+
+    } else {    // else ... do the opposite
+        [].forEach.call(document.querySelectorAll('.js-subscriber'), function (el) {
             el.style.display = 'none';
-    });
+        });
+        [].forEach.call(document.querySelectorAll('.js-visitor'), function (el) {
+            el.style.display = 'unset';
+        });
+    }
+    
 </script>