Merge pull request #23 from mcserversoft/dev

Update to v3.0.1

Author: Fiahblade

assets/js/auth.js

@@ -15,8 +15,18 @@ document.addEventListener("DOMContentLoaded", function () {
 
     axios.interceptors.response.use(
         response => {
-            let statusCode = response.status;
 
+            if (localStorage.getItem("token_expires_at") != null){
+                let currentDate = Math.floor(Date.now() / 1000);
+                let expirationDate = localStorage.getItem("token_expires_at");
+    
+                if (expirationDate < currentDate) {
+                    console.log("Your session has timed out.")
+                    logout();
+                }
+            }
+
+            let statusCode = response.status;
             if (statusCode == 200 && offlineMode) {
                 showLostConnectionPopup(false);
             }
@@ -70,6 +80,8 @@ function logout() {
 
 function destroySession() {
     localStorage.removeItem("token");
+    localStorage.removeItem("token_expires_at");
+    localStorage.removeItem("username");
     //the code below would remove user preferences (if that is ever added)
     //localStorage.clear();
 }

assets/js/login.js

@@ -68,8 +68,13 @@ function login() {
 
 					JSON.stringify(result)
 					let token = result["access_token"]
+					let expirationDate = result["expires_at"]
+					let username = result["userName"]
 
 					localStorage.setItem("token", token)
+					localStorage.setItem("token_expires_at", expirationDate)
+					localStorage.setItem("username", username)
+
 					window.location.href = "/panel.html";
 				})
 				return;

index.html

@@ -56,7 +56,7 @@ <h1>MCSS Remote Login</h1>
     <div class="content">
       <div class="description">
         <div class="ui header">
-          <p>MCSS Remote Panel v3.0.0 <a href="https://github.com/mcserversoft/RemotePanel" target="_blank"><i class="github icon"></i></a></p>
+          <p>MCSS Remote Panel v3.0.1 <a href="https://github.com/mcserversoft/RemotePanel" target="_blank"><i class="github icon"></i></a></p>
         </div>
 
         <p>Created by <a href="https://github.com/stefmmm" target="_blank">Stefmmm</a> and <a href="https://github.com/mcserversoft/RemotePanel/graphs/contributors" target="_blank">contributors</a>.</p>