feat: add full overview page for all rankings

Author: FreekBes

src/main.ts

@@ -26,6 +26,7 @@ import { setupExpressMiddleware } from './handlers/middleware';
 import { setupLoginRoutes } from './routes/login';
 import { setupHomeRoutes } from './routes/home';
 import { setupCoalitionRoutes } from './routes/coalitions';
+import { setupRankingRoutes } from './routes/rankings';
 import { setupProfileRoutes } from './routes/profile';
 import { setupResultsRoutes } from './routes/results';
 import { setupChartRoutes } from './routes/charts';
@@ -112,6 +113,7 @@ const main = async () => {
 	setupLoginRoutes(app, prisma);
 	setupHomeRoutes(app, prisma);
 	setupCoalitionRoutes(app, prisma);
+	setupRankingRoutes(app, prisma);
 	setupProfileRoutes(app, prisma);
 	setupResultsRoutes(app, prisma);
 	setupChartRoutes(app, prisma);

src/routes/rankings.ts

@@ -0,0 +1,26 @@
+import { Express } from 'express';
+import passport from 'passport';
+import { PrismaClient } from '@prisma/client';
+import { getRanking } from '../utils';
+
+export const setupRankingRoutes = function(app: Express, prisma: PrismaClient): void {
+	app.get('/rankings/:ranking_type', passport.authenticate('session', {
+		keepSessionInfo: true,
+	}), async (req, res) => {
+		const rankingType = await prisma.codamCoalitionRanking.findUnique({
+			where: {
+				type: req.params.ranking_type,
+			},
+		});
+		if (!rankingType) {
+			return res.status(404).send('Ranking type not found');
+		}
+		const ranking = await getRanking(prisma, rankingType.type, new Date(), 1000);
+		return res.render('ranking.njk', {
+			pageranking: ranking,
+			rankingTitle: rankingType.name,
+			rankingDescription: rankingType.description,
+			coalitionColored: true,
+		});
+	});
+};

templates/home.njk

@@ -117,6 +117,8 @@
 					{# if no rankings, display a message #}
 					{% if rankings[rankingType.type] | length == 0 %}
 						<p class="text-muted p-4"><i>No rankings available (yet).</i></p>
+					{% else %}
+						<p class="m-2 text-end"><a href="/rankings/{{ rankingType.type }}">View full rankings</a></p>
 					{% endif %}
 				</div>
 			</div>

templates/ranking.njk

@@ -12,6 +12,10 @@
 					<h4 class="card-title mb-0">{{ rankingTitle }}</h4>
 				</div>
 				<div class="card-body p-0">
+					{% if rankingDescription %}
+						<p class="p-4 mb-0"><b>{{ rankingDescription | striptags(true) | escape | nl2br }}</b></p>
+					{% endif %}
+					{# rankings table #}
 					<table class="table {{ 'table-striped' if not coalitionColored else 'coalition-colored' }} mb-0">
 						<tbody>
 							{% for ranking in pageranking %}