blob: 636f2ffc86cc5c48d28c0cd2d4b641ee87cebe4f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
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>
|
