admin back-office environment (skeleton); admin categories

1 files changed, 29 insertions, 6 deletions

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>