rabbitmqphp_example/home.php at master · johnnasseh/rabbitmqphp_example · GitHub

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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<?php
require_once('vendor/autoload.php');

use Firebase\JWT\JWT;
use Firebase\JWT\Key;

ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

$env = parse_ini_file('.env');

$jwt_secret = $env['JWT_SECRET'] ?? '';

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $token = $_POST['token'] ?? '';

    if (!$token) {
        http_response_code(401);
        echo json_encode(["status" => "fail", "message" => "Token not provided"]);
        exit;
    }

    try {
	    // logging  token before decoded
	    error_log("Token received: " .$token);
	    // decoding the token using the secret key w/ hs256 alg
	    $decoded = JWT::decode($token, new Key($jwt_secret, 'HS256'));
	    // extracting user info from the token
	    $username = $decoded->data->username;
	    $email = $decoded->data->email;
		// logging successful token decoding
	    error_log("token decode successfull. user: " . $username);
	// responding with success and the decoded user info
        echo json_encode([
            "status" => "success",
            "username" => $username,
            "email" => $email
        ]);
        exit;
    } catch (Exception $e) {
	    // logging decoding fialure and responding 401
	error_log("token decoding failed: " . $e->getMessage());
        http_response_code(401);
        echo json_encode(["status" => "fail", "message" => "Invalid or expired token"]);
        exit;
    }
}
?>

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>EventPulse</title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <script>
      function logout() {

        const token = localStorage.getItem("token");

        if (token) {
          fetch('logout.php', {
          method: 'POST',
            headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
          },
            body: 'token=' + encodeURIComponent(token),
          })
          .then(response => response.json())
          .then(data => {
          if (data.status === "success") {
            localStorage.removeItem("token");
            window.location.href = "index.html";
          } else {
            console.error('Logout fialed:', data.message);
          }
        })
          .catch(error => {
          console.error('Error:', error);
          });
        }else {
          window.location.href = "index.html";
        }
      }
      //	// remove the token from localStorage and redirect to login
      //		localStorage.removeItem("token");
      //		window.location.href = "index.html";
      //	}
      // retreiving the token from localStorage
      window.onload = function(){
        const token = localStorage.getItem("token");
        console.log("token: ", token);
        // if no token is found, redirect to the login page
        if (!token) {
          window.location.href = "index.html";
        } else {
          // send the token to the server for validation
          fetch('home.php', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
          body: 'token=' + encodeURIComponent(token),
        })
          .then(response => response.json()) // parse the response as json
          .then(data => {
          // if the server responds with a failure, show an error message
          if (data.status === "fail") {
            document.getElementById("content").innerHTML = "<h1>Error: " + data.message + "</h1>";
          } else {
            // if successful, display the users name on the page
            document.getElementById("content").innerHTML = "<h1>Welcome " + data.username + "!</h1>";
          }
        })
          .catch(error => {
          console.error('Error:', error);
          document.body.innerHTML = "<h1>Error: unable to verify token<h1>";
            });
        }
      }
      </script>
</head>
<body>
    <!-- NavBar -->
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">EventPulse</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="#">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Profile</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Saved Events</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="friends.php">Friends</a>
                    </li>
                </ul>
                <!-- Username and Logout Button -->
                <div class="d-flex align-items-center">
                    <span class="me-3">Welcome, <strong><?php echo htmlspecialchars($username); ?></strong></span>
                    <form class="d-flex" role="button">
                        <button class="btn btn-outline-danger" type="button" onclick="logout()">Logout</button>
                    </form>
                </div>
            </div>
        </div>
    </nav>

    <!-- Centered Title, Search Bar, and Text -->
    <div class="container mt-5">
        <div class="row justify-content-center">
            <div class="col-md-8 text-center">
                <h1 class="mb-4">EventPulse</h1>
                <form class="d-flex mb-3" role="search">
                    <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                    <button class="btn btn-outline-success" type="submit">Search</button>
                </form>
                <p class="lead">Search for any sports, concerts, or events near you!</p>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>