kot.pink
1{{ define "repo/pipelines/fragments/logBlock" }}
2<div id="lines" hx-swap-oob="beforeend">
3 <details id="step-{{ .Id }}" {{if not .Collapsed}}open{{end}} class="group pb-2 rounded-sm border border-gray-200 dark:border-gray-700">
4 <summary class="sticky top-0 pt-2 px-2 group-open:pb-2 group-open:mb-2 list-none cursor-pointer group-open:border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:text-gray-500 hover:dark:text-gray-400">
5 <div class="group-open:hidden flex items-center gap-1">{{ template "stepHeader" . }}</div>
6 <div class="hidden group-open:flex items-center gap-1">{{ template "stepHeader" . }}</div>
7 </summary>
8 <div class="font-mono whitespace-pre overflow-x-auto px-2"><div class="text-blue-600 dark:text-blue-300">{{ .Command }}</div><div id="step-body-{{ .Id }}"></div></div>
9 </details>
10</div>
11{{ end }}
12
13{{ define "stepHeader" }}
14 {{ i "chevron-right" "w-4 h-4" }} {{ .Name }}
15 <span class="ml-auto text-sm text-gray-500 tabular-nums" data-timer="{{ .Id }}" data-start="{{ .StartTime.Unix }}"></span>
16{{ end }}