fix: add warning when assigning points for event organizing not through the events type

Author: FreekBes

templates/admin/points/manual/custom.njk

@@ -41,6 +41,27 @@
 		<div class="form-text">Tip: try starting your reason with a verb, e.g. <i>"Helped out at X event"</i>, <i>"Ranked 1st in Y"</i> or <i>"Received community service"</i>.</div>
 	</div>
 
+	<script>
+		// Watch for the word "event" in the reason field and display a warning if it is found
+		document.getElementById('reason').addEventListener('input', function() {
+			const reason = this.value.toLowerCase();
+			const warning = document.getElementById('reason-warning');
+			if (reason.includes('event')) {
+				if (!warning) {
+					const warningDiv = document.createElement('div');
+					warningDiv.id = 'reason-warning';
+					warningDiv.classList.add('form-text', 'text-danger');
+					warningDiv.innerText = 'It seems you are trying to assign points for an event. Please use the event-specific forms instead (see warning at the top of the page).';
+					this.parentNode.appendChild(warningDiv);
+				}
+			} else {
+				if (warning) {
+					warning.remove();
+				}
+			}
+		});
+	</script>
+
 	<button type="submit" class="btn btn-primary">Assign single score</button>
 </form>
 
@@ -75,6 +96,27 @@ login3,-1000,A very solid reason" required></textarea>
 	});
 	</script>
 
+	<script>
+		// Watch for the word "event" in the csv field and display a warning if it is found
+		document.getElementById('csv').addEventListener('input', function() {
+			const csv = this.value.toLowerCase();
+			const warning = document.getElementById('reason-warning-csv');
+			if (csv.includes('event')) {
+				if (!warning) {
+					const warningDiv = document.createElement('div');
+					warningDiv.id = 'reason-warning-csv';
+					warningDiv.classList.add('form-text', 'text-danger');
+					warningDiv.innerText = 'It seems you are trying to assign points for an event. Please use the event-specific forms instead (see warning at the top of the page).';
+					this.parentNode.appendChild(warningDiv);
+				}
+			} else {
+				if (warning) {
+					warning.remove();
+				}
+			}
+		});
+	</script>
+
 	<button type="submit" class="btn btn-primary">Assign multiple scores</button>
 </form>
 

templates/admin/points/manual/event.njk

@@ -66,6 +66,10 @@
 
 <hr>
 
+<div class="alert alert-warning">
+	<p>It is advised to only assign points for events that have already taken place.</p>
+</div>
+
 <form action="/admin/points/manual/event/assign" method="post" class="mb-4">
 	<div class="mb-2">
 		<label for="event_name" class="form-label">Intra event</label>