-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbase.php
119 lines (95 loc) · 4.2 KB
/
base.php
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LitShelf- <?php echo $pageTitle ?></title>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<link rel="shortcut icon" href="/frontend/assets/favicon.ico" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,400;1,500;1,600;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/frontend/styles/base.css">
<?php echo $styles ?>
</head>
<body>
<?php
// include_once 'utils/display_message.php';
// displayMessage();
?>
<?php if (isset($_SESSION['error'])): ?>
<div class='message error'>
<p><?php echo $_SESSION['error']; ?></p>
</div>
<?php unset($_SESSION['error']); ?>
<?php elseif (isset($_SESSION['success'])): ?>
<div class='message success'>
<p><?php echo $_SESSION['success']; ?></p>
</div>
<?php unset($_SESSION['success']); ?>
<?php endif?>
<!-- NAVBAR -->
<nav>
<div class="container">
<!-- Logo -->
<a class="logo" href="/"><img src="/frontend/assets/images/logo.png" alt="logo"></a>
<!-- Nav Items -->
<div class="nav-items">
<a class="nav-link <?php echo $pageTitle == 'Home' ? 'active' : '' ?>" href="/">Home</a>
<?php if(isset($_SESSION['user_id'])): ?>
<a class="nav-link <?php echo $pageTitle == 'Library' ? 'active' : '' ?>" href="/library">Library</a>
<a class="nav-link <?php echo $pageTitle == 'Borrowed Books' ? 'active' : '' ?>" href="/borrowed-books">Borrowed Books</a>
<a class="nav-link <?php echo $pageTitle == 'Profile' ? 'active' : '' ?>" href="/profile">Profile</a>
<a class="nav-link <?php echo $pageTitle == 'Logout' ? 'active' : '' ?>" href="/logout">Logout</a>
<?php else: ?>
<a class="nav-link <?php echo $pageTitle == 'Login' ? 'active' : '' ?>" href="/login">Login</a>
<a class="nav-link <?php echo $pageTitle == 'Sign Up' ? 'active' : '' ?>" href="/signup">Sign Up</a>
<?php endif ?>
</div>
<img src="/frontend//assets/icons/menu-icon.png" alt="menu-icon" class="navicon menu-icon">
<img src="/frontend//assets/icons/cancel-icon.png" alt="cancel-icon" class="navicon cancel-icon">
</div>
</nav>
<!-- MAIN CONTENT -->
<main>
<?php
echo $content
?>
</main>
<footer>
<p class="text-align-center">© <?php echo date('Y'); ?> LitShelf</p>
</footer>
<!-- Script to close message displays after 5 seconds -->
<script>
var message = document.querySelector(".message");
function close() {
message.style.display = "none";
}
setTimeout(close, 5000);
</script>
<!-- Script to open and close nav bar -->
<script>
var menuIcon = document.querySelector('.menu-icon');
var cancelIcon = document.querySelector('.cancel-icon');
var navItems =document.querySelector('.nav-items');
// var main =document.querySelector('main');
function openNavbar() {
// toggle menu and cancel icons
menuIcon.style.display = 'none';
cancelIcon.style.display = 'block';
// open navbar
navItems.style.display = 'flex';
}
function closeNavbar() {
// toggle menu and cancel icons
menuIcon.style.display = 'block';
cancelIcon.style.display = 'none';
// close navbar
navItems.style.display = 'none';
}
menuIcon.addEventListener('click', openNavbar);
cancelIcon.addEventListener('click', closeNavbar);
// main.addEventListener('click', closeNavbar)
</script>
</body>
</html>