From 90ffc3a2dd2137f4343631be4fa19ff75b0c517a Mon Sep 17 00:00:00 2001
From: Martin Asprusten <martin.asprusten@ffi.no>
Date: Fri, 22 May 2026 11:24:19 +0200
Subject: [PATCH] Add little effect when registering activities

---
 client/index.html | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/client/index.html b/client/index.html
index 8e04328..8414f49 100644
--- a/client/index.html
+++ b/client/index.html
@@ -55,10 +55,20 @@
 				<div class="standard-activities-div">
 					<h3>Standardaktiviteter:</h3>
 					<template x-for="activityTemplate in $store.state.data.activityTemplates" :key="activityTemplate.id">
-						<p>
-							<button x-on:click="$store.state.registerTemplateActivity(activityTemplate)">Registrer</button>
-							<span x-text="`${activityTemplate.name}, ${activityTemplate.activityType.name.toLowerCase()}, ${activityTemplate.numberOfUnits} ${activityTemplate.activityType.unit}`"></span>
-							<button x-on:click="$store.state.deleteTemplateActivity(activityTemplate)">Fjern</button>
+						<p x-data="{ clicked: false }">
+							<template x-if="clicked">
+								<div>
+									<button disabled="true">Tur registrert!</button>
+									<span x-text="`${activityTemplate.name}, ${activityTemplate.activityType.name.toLowerCase()}, ${activityTemplate.numberOfUnits} ${activityTemplate.activityType.unit}`" style="color: green; text-shadow: 1px 1px 2px greenyellow;"></span>
+								</div>
+							</template>
+							<template x-if="!clicked">
+								<div>
+									<button x-on:click="$store.state.registerTemplateActivity(activityTemplate); clicked=true; setTimeout(() => {clicked = false;}, 1000)">Registrer</button>
+									<span x-text="`${activityTemplate.name}, ${activityTemplate.activityType.name.toLowerCase()}, ${activityTemplate.numberOfUnits} ${activityTemplate.activityType.unit}`"></span>
+									<button x-on:click="$store.state.deleteTemplateActivity(activityTemplate)">Fjern</button>
+								</div>
+							</template>
 						</p>
 					</template>
 				</div>