Add session timeout screen

Author: ConcernedHobbit

locales/en.json

@@ -87,5 +87,8 @@
   "resetPasswordSent_title": "Password recovery",
   "resetPasswordForm_title": "Password recovery",
   "resetPasswordSuccess_title": "Password changed",
-  "resetPassword_title": "Password recovery"
+  "resetPassword_title": "Password recovery",
+  "timeout_title": "Session timeout",
+  "timeout_SessionTimeout": "Your session has timed out, please log in again",
+  "timeout_ReturnTo": "Return to "
 }

locales/fi.json

@@ -87,5 +87,8 @@
   "resetPasswordSent_title": "Salasanan palautus",
   "resetPasswordForm_title": "Salasanan palautus",
   "resetPasswordSuccess_title": "Salasana palautettu",
-  "resetPassword_title": "Salasanan palautus"
+  "resetPassword_title": "Salasanan palautus",
+  "timeout_title": "Vanhentunut istunto",
+  "timeout_SessionTimeout": "Istuntosi on vanhentunut, kirjaudu sisään uudelleen",
+  "timeout_ReturnTo": "Palaa osoitteeseen "
 }

src/controllers/LoginController.ts

@@ -583,6 +583,10 @@ class LoginController implements Controller {
     }
   }
 
+  public timeout: RequestHandler = async (_req, res) => {
+    return res.render("timeout")
+  }
+
   public createRoutes(): express.Router {
     this.route.get("/", cachingMiddleware, AuthorizeMiddleware.loadToken, this.getLoginView);
     this.route.post(
@@ -607,6 +611,7 @@ class LoginController implements Controller {
       this.loginConfirm,
     );
     this.route.get("/logout", AuthorizeMiddleware.authorize(false), this.logOut);
+    this.route.get("/timeout", this.timeout);
     this.route.get("/reset-password", this.resetPassword.bind(this));
     this.route.post("/reset-password", checkCsrf, this.resetPassword.bind(this));
 

views/gdpr.pug

@@ -1,6 +1,8 @@
 extends layouts/common.pug
 
-block append head
+append head
+  //- Redirect to /timeout in 5 minutes
+  meta(http-equiv="refresh", content="300;url=/timeout")
   link(rel="stylesheet", href="/styles/gdpr.css")
 
 block content

views/login.pug

@@ -1,5 +1,9 @@
 extends layouts/common.pug
 
+append head
+  //- Redirect to /timeout in 5 minutes
+  meta(http-equiv="refresh", content="300;url=/timeout")
+
 block content
   #login
     if (loggedUser && logoutRedirect)

views/privacypolicy.pug

@@ -1,6 +1,8 @@
 extends layouts/common.pug
 
-block append head
+append head
+  //- Redirect to /timeout in 5 minutes
+  meta(http-equiv="refresh", content="300;url=/timeout")
   link(rel="stylesheet", href="/styles/termsAndConditions.css")
 
 block title

views/resetPassword.pug

@@ -1,5 +1,9 @@
 extends layouts/common.pug
 
+append head
+  //- Redirect to /timeout in 5 minutes
+  meta(http-equiv="refresh", content="300;url=/timeout")
+
 block content
   form#loginForm(action=submitUrl || "/reset-password", method="POST")
     input(type="hidden", name="method", value=method)

views/resetPasswordChoice.pug

@@ -1,5 +1,9 @@
 extends layouts/common.pug
 
+append head
+  //- Redirect to /timeout in 5 minutes
+  meta(http-equiv="refresh", content="300;url=/timeout")
+
 block content
   form#loginForm(action=submitUrl || "/reset-password", method="GET")
     p #{ t("resetPassword_choiceMessage") }

views/resetPasswordForm.pug

@@ -1,5 +1,9 @@
 extends layouts/common.pug
 
+append head
+  //- Redirect to /timeout in 5 minutes
+  meta(http-equiv="refresh", content="300;url=/timeout")
+
 block content
   form#loginForm(action=submitUrl || "/reset-password", method="POST")
     p #{ t("resetPassword_formMessage") }

views/timeout.pug

@@ -0,0 +1,6 @@
+extends layouts/common.pug
+
+block content
+  .error-message
+    span.error-text #{ t("timeout_SessionTimeout") }.
+  a(href="https://tko-aly.fi") #{ t("timeout_ReturnTo") } tko-aly.fi