martin/Sykkelaksjon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add little effect when registering activities

Browse Source
This commit is contained in:
Martin Asprusten 2026-05-22 11:24:19 +02:00
parent 368d07a0e4
commit 90ffc3a2dd
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/index.html
View File

@ -55,10 +55,20 @@
<div class="standard-activities-div"> <div class="standard-activities-div">
<h3>Standardaktiviteter:</h3> <h3>Standardaktiviteter:</h3>
<template x-for="activityTemplate in $store.state.data.activityTemplates" :key="activityTemplate.id"> <template x-for="activityTemplate in $store.state.data.activityTemplates" :key="activityTemplate.id">
<p> <p x-data="{ clicked: false }">
<button x-on:click="$store.state.registerTemplateActivity(activityTemplate)">Registrer</button> <template x-if="clicked">
<span x-text="`${activityTemplate.name}, ${activityTemplate.activityType.name.toLowerCase()}, ${activityTemplate.numberOfUnits} ${activityTemplate.activityType.unit}`"></span> <div>
<button x-on:click="$store.state.deleteTemplateActivity(activityTemplate)">Fjern</button> <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> </p>
</template> </template>
</div> </div>