25 lines
834 B
HTML
25 lines
834 B
HTML
{{define "actionhistory"}}
|
|
<div id="actionHistoryContainer" class="overflow-y-auto max-h-96 border-2 border-gray-300 p-4 rounded-lg space-y-2">
|
|
Backlog:
|
|
{{range .}}
|
|
<div class="flex items-center justify-between p-2 rounded">
|
|
<span class="font-mono text-sm">
|
|
<span class="text-{{.ActorColor}}-600">{{.Actor}}:</span>
|
|
<span class="text-gray-600">{{.Action}}:</span>
|
|
<span class="text-{{.WordColor}}-500 font-medium">{{.Word}}</span>
|
|
{{if .Number}}
|
|
<span class="text-gray-400">- {{.Number}}</span>
|
|
{{end}}
|
|
</span>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<script>
|
|
// Scroll to the bottom of the action history container
|
|
const container = document.getElementById('actionHistoryContainer');
|
|
if (container) {
|
|
container.scrollTop = container.scrollHeight;
|
|
}
|
|
</script>
|
|
{{end}}
|