feat: add coalitions dropdown to header

Author: FreekBes

src/handlers/middleware.ts

@@ -1,10 +1,11 @@
 import express from 'express';
-import expressSession from 'express-session';
 import bodyParser from 'body-parser';
+import NodeCache from 'node-cache';
 import { Request, Response, NextFunction } from "express";
 import { CustomSessionData } from "./session";
 import { ExpressIntraUser } from '../sync/oauth';
 import { isStaff } from '../utils';
+import { prisma } from '../main';
 
 
 const checkIfAuthenticated = function(req: Request, res: Response, next: NextFunction) {
@@ -44,6 +45,33 @@ const includeUser = function(req: Request, res: Response, next: NextFunction) {
 	next();
 };
 
+const coalitionCache = new NodeCache({ stdTTL: 3000, checkperiod: 300 });
+const includeCoalitions = async function(req: Request, res: Response, next: NextFunction) {
+	if (coalitionCache.has('coalitions')) {
+		res.locals.coalitions = coalitionCache.get('coalitions');
+		return next();
+	}
+	const coalitions = await prisma.codamCoalition.findMany({
+		select: {
+			id: true,
+			description: true,
+			tagline: true,
+			intra_coalition: {
+				select: {
+					id: true,
+					name: true,
+					color: true,
+					image_url: true,
+					cover_url: true,
+				},
+			},
+		},
+	});
+	coalitionCache.set('coalitions', coalitions);
+	res.locals.coalitions = coalitions;
+	next();
+};
+
 const staffMiddleware = async function(req: Request, res: Response, next: NextFunction) {
 	const user = req.user as ExpressIntraUser;
 	if (await isStaff(user)) {
@@ -58,6 +86,7 @@ export const setupExpressMiddleware = function(app: any) {
 	app.use(bodyParser.urlencoded({ extended: true }));
 	app.use(checkIfAuthenticated);
 	app.use(includeUser);
+	app.use(includeCoalitions);
 	app.all('/admin*', staffMiddleware); // require staff accounts to access admin routes
 	app.use(expressErrorHandler); // should remain last
 	// More middleware for session management and authentication are defined in usePassport in authentication.ts

src/main.ts

@@ -10,7 +10,7 @@ import helmet from "helmet";
 
 // Imports for the database connection
 import { PrismaClient } from "@prisma/client";
-const prisma = new PrismaClient();
+export const prisma = new PrismaClient();
 
 // Imports for the Intra API
 import Fast42 from '@codam/fast42';

templates/base.njk

@@ -38,6 +38,16 @@
 					<li class="nav-item">
 						<a class="nav-link" aria-current="page" href="/">Home</a>
 					</li>
+					<li class="nav-item dropdown">
+						<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+							Coalitions
+						</a>
+						<ul class="dropdown-menu">
+							{% for coalition in coalitions %}
+								<li><a class="dropdown-item" href="/coalitions/{{ coalition.intra_coalition.id }}"><img src="{{ coalition.intra_coalition.image_url }}" alt="" height="28" style="filter: invert(1);"> {{ coalition.intra_coalition.name | striptags(true) | escape }}</a></li>
+							{% endfor %}
+						</ul>
+					</li>
 					<li class="nav-item">
 						<a class="nav-link" href="/profile/me">Profile</a>
 					</li>