skeleton commit; based on an anom project

1 files changed, 65 insertions, 0 deletions

diff --git a/public/app/views/components/user-management.php b/public/app/views/components/user-management.php
new file mode 100644
index 0000000..636f2ff
--- /dev/null
+++ b/public/app/views/components/user-management.php
@@ -0,0 +1,65 @@
+<div class="user">
+
+    <div class="dropdown js-visitor">
+        <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="/login">Είσοδος</a></li>
+
+            <li><hr class="dropdown-divider"></li>
+
+            <li><a class="dropdown-item" href="/registration">Εγγραφή</a></li>
+            <li><a class="dropdown-item disabled" href="/reset-password">Επαναφορά password</a></li>
+        </ul>
+    </div>
+
+    <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="/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>
+
+            <li><a class="dropdown-item" href="/logout">Έξοδος</a></li>
+        </ul>
+    </div>
+    
+</div>
+
+
+<script>
+    // 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>