summaryrefslogtreecommitdiff
path: root/web/views/header.php
blob: 891e27ea0c0ae6e464c887911ef305c6fa7143e1 (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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<?php /* Copyright (c) 2024 Freya Murphy */ ?>
<?php /* vi: syntax=php */ ?>
<?php
	$self = $this->main->user();
?>
<!DOCTYPE html>
<html>
	<head>
		<script>
		<?php if ($this->main->session): ?>
			var jwtStr = <?=json_encode($this->main->session['jwt'])?>;
		<?php else: ?>
			var jwtStr = null;
		<?php endif; ?>
		</script>
	<?php
		foreach ($js_files as $js) {
			echo $this->main->link_js($js);
		}
		foreach ($css_files as $css) {
			echo $this->main->link_css($css);
		}
	?>
		<title><?=$title?></title>
	</head>
	<body>
		<header class="nav">
			<div class="nav-left">
				<span class="logo">xssbook</span>
			</div>
			<div class="nav-center" :class="{hidden: !visible}">
				<a
					id="action-home"
					class="header-entry btn btn-hover btn-action btn-blue"
					href="/home"
					title="<?=lang('action_home_tip')?>"
				>
					<i class="mi mi-lg">home</i>
					<span><?=lang('action_home_text')?></span>
				</a>
				<a
					id="action-people"
					class="header-entry btn btn-hover btn-action btn-blue"
					href="/people"
					title="<?=lang('action_people_tip')?>"
				>
					<i class="mi mi-lg">people</i>
					<span><?=lang('action_people_text')?></span>
				</a>
				<a
					id="action-chat"
					class="header-entry btn btn-hover btn-action btn-blue"
					href="/chat"
					title="<?=lang('action_chat_tip')?>"
				>
					<i class="mi mi-lg">chat</i>
					<span><?=lang('action_chat_text')?></span>
				</a>
			</div>
			<div class="nav-right">
				<button
					id="action-hamburger"
					title="<?=lang('action_hamburger_tip')?>"
				>
					<i class="mi mi-lg">menu</i>
				</button>
			<?php if($self): ?>
				<?php $this->view('template/pfp', array(
					'user' => $self,
					'class' => 'pfp-sm ml',
				)); ?>
			<?php else: ?>
				<?=ilang('action_login', class: 'btn btn-action', href: '/auth/login')?>
			<?php endif; ?>
			</div>
			<script>
				$('#action-hamburger').on('click', function() {
					let menu = $('.nav-center');
					menu.toggleClass('visible');
				});
			</script>
		</header>
		<div id="toast-container">
		</div>