Change detection widget with dynamic columns

This commit is contained in:
dvdandroid 2024-08-03 18:06:24 +02:00
parent 9d8ebb4dfe
commit 5d67d4fc1c
2 changed files with 23 additions and 6 deletions

View file

@ -1,17 +1,33 @@
{{ template "widget-base.html" . }}
{{ define "widget-content" }}
{{ if ne .Style "dynamic-columns-experimental" }}
<ul class="list list-gap-14 collapsible-container" data-collapse-after="{{ .CollapseAfter }}">
{{ range .ChangeDetections }}
<li>
<a class="size-h4 block text-truncate color-highlight" href="{{ .URL }}" target="_blank" rel="noreferrer">{{ .Title }}</a>
<ul class="list-horizontal-text">
<li {{ dynamicRelativeTimeAttrs .LastChanged }}></li>
<li class="shrink min-width-0"><a class="visited-indicator" href="{{ .DiffURL }}" target="_blank" rel="noreferrer">diff:{{ .PreviousHash }}</a></li>
</ul>
{{ template "change-detection" . }}
</li>
{{ else }}
<li>No watches configured</li>
{{ end}}
{{ end }}
</ul>
{{ else }}
<ul class="dynamic-columns">
{{ range .ChangeDetections }}
<li class="flex flex-column gap-5">
{{ template "change-detection" . }}
</li>
{{ else }}
<li>No watches configured</li>
{{ end }}
</ul>
{{ end }}
{{ end }}
{{ define "change-detection" }}
<a class="size-h4 block text-truncate color-highlight" href="{{ .URL }}" target="_blank" rel="noreferrer">{{ .Title }}</a>
<ul class="list-horizontal-text">
<li {{ dynamicRelativeTimeAttrs .LastChanged }}></li>
<li class="shrink min-width-0"><a class="visited-indicator" href="{{ .DiffURL }}" target="_blank" rel="noreferrer">diff:{{ .PreviousHash }}</a></li>
</ul>
{{ end }}

View file

@ -17,6 +17,7 @@ type ChangeDetection struct {
Token OptionalEnvString `yaml:"token"`
Limit int `yaml:"limit"`
CollapseAfter int `yaml:"collapse-after"`
Style string `yaml:"style"`
}
func (widget *ChangeDetection) Initialize() error {