mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
Cell
78 lines
2.9 KiB
HTML
78 lines
2.9 KiB
HTML
{{- /* Timeline support for code fences extended and shortcodes. */ -}}
|
|
{{- $reverse := .Options.reverse | default false -}}
|
|
{{- $placement := .Options.placement | default "bottom" -}}
|
|
{{- $animation := .Options.animation | default false -}}
|
|
{{- $size := .Options.size | default "medium" -}}
|
|
{{- $node := .Options.node | default "circle" -}}
|
|
{{- $data := .Options.data -}}
|
|
{{- $file := .Options.file -}}
|
|
|
|
{{- /* Get Timeline events */ -}}
|
|
{{- $content := .Inner -}}
|
|
{{ with $data }}
|
|
{{- $content = index site.Data.timeline (printf "%v.%v" . page.Language) | default (index site.Data.timeline .) -}}
|
|
{{- if not $content -}}
|
|
{{- warnf "Timeline: data not found, please ensure the data file \"data/timeline/%s.{json|yml|yaml|toml}\" exists." . -}}
|
|
{{- end -}}
|
|
{{- else -}}
|
|
{{- with dict "Path" $file "Resources" .Resources | partial "function/resource.html" }}
|
|
{{- $content = .Content -}}
|
|
{{- else with $file -}}
|
|
{{- warnf "Timeline: no such data file: %s" . -}}
|
|
{{- end -}}
|
|
{{- $content = $content | transform.Unmarshal -}}
|
|
{{- end -}}
|
|
{{- $events := $content.events | default slice -}}
|
|
{{- with .Events -}}
|
|
{{- $events = . -}}
|
|
{{- end -}}
|
|
{{- $events = sort $events "timestamp" (cond $reverse "desc" "asc") -}}
|
|
{{- if not $events -}}
|
|
{{- warnf "Timeline: events is empty, executing in file %s" $.Position -}}
|
|
{{- end -}}
|
|
|
|
{{- /* Set Timeline style */ -}}
|
|
{{- $style := "" -}}
|
|
{{- with .Options.width -}}
|
|
{{- $style = printf "width: %v;" . -}}
|
|
{{- end -}}
|
|
{{- with .Options.height -}}
|
|
{{- $style = add $style (printf "height: %v;" .) -}}
|
|
{{- end -}}
|
|
{{- with $style -}}
|
|
{{- $style = printf `style="%v"` . -}}
|
|
{{- end -}}
|
|
|
|
<ul
|
|
class="fi-timeline{{ with .Options.class }} {{ . }}{{ end }}"
|
|
{{ $style | safeHTMLAttr }}
|
|
{{- with $animation }} data-animation{{- end -}}
|
|
>
|
|
{{- range $index, $item := $events -}}
|
|
{{- $itemStyle := printf "--timeline-index: %v;" (add $index 1) -}}
|
|
{{- with $item.color -}}
|
|
{{- $itemStyle = add $itemStyle (printf "--timeline-circle-color: %v;" .) -}}
|
|
{{- end -}}
|
|
{{- $itemStyle = printf `style="%v"` $itemStyle -}}
|
|
|
|
<li
|
|
class="fi-timeline-item"
|
|
data-size="{{ $item.size | default $size }}"
|
|
data-node="{{ $item.node | default $node }}"
|
|
{{ $itemStyle | safeHTMLAttr }}
|
|
{{- with $item.type }} data-type="{{ . }}"{{- end -}}
|
|
>
|
|
{{- if $item.hideTimestamp -}}
|
|
<div class="fi-timeline-item__content">{{ $item.content | page.RenderString }}</div>
|
|
{{- else if eq ($item.placement | default $placement) "top" -}}
|
|
<div class="fi-timeline-item__timestamp is-top">{{ $item.timestamp }}</div>
|
|
<div class="fi-timeline-item__content">{{ $item.content | page.RenderString }}</div>
|
|
{{- else -}}
|
|
<div class="fi-timeline-item__content">{{ $item.content | page.RenderString }}</div>
|
|
<div class="fi-timeline-item__timestamp is-bottom">{{ $item.timestamp }}</div>
|
|
{{- end -}}
|
|
</li>
|
|
{{- end -}}
|
|
</ul>
|
|
{{- /* EOF */ -}}
|