magnus/smon
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 6 Packages Wiki Activity

Theming support

Browse source
This commit is contained in:
Magnus Åhall 2024-06-25 08:59:07 +02:00
parent e86c96d78f
commit 58e0b2f081
99 changed files with 1839 additions and 1094 deletions
Download patch file Download diff file Expand all files Collapse all files

10
views/components/menu.gotmpl
View file

@ -2,35 +2,35 @@
<div id="menu">
<div class="entry {{ if eq .MENU "index" }}selected{{ end }}">
<a href="/">
<img src="/images/{{ .VERSION }}/logo{{ if eq .MENU "index" }}_selected{{ end }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/logo{{ if eq .MENU "index" }}_selected{{ end }}.svg">
<div class="label">Start</div>
</a>
</div>
<div class="entry {{ if eq .MENU "problems" }}selected{{ end }}">
<a href="/problems">
<img src="/images/{{ .VERSION }}/problems{{ if eq .MENU "problems" }}_selected{{ end }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/problems{{ if eq .MENU "problems" }}_selected{{ end }}.svg">
<div class="label">Problems</div>
</a>
</div>
<div class="entry {{ if eq .MENU "datapoints" }}selected{{ end }}">
<a href="/datapoints">
<img src="/images/{{ .VERSION }}/datapoints{{ if eq .MENU "datapoints" }}_selected{{ end }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/datapoints{{ if eq .MENU "datapoints" }}_selected{{ end }}.svg">
<div class="label">Datapoints</div>
</a>
</div>
<div class="entry {{ if eq .MENU "triggers" }}selected{{ end }}">
<a href="/triggers">
<img src="/images/{{ .VERSION }}/triggers{{ if eq .MENU "triggers" }}_selected{{ end }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/triggers{{ if eq .MENU "triggers" }}_selected{{ end }}.svg">
<div class="label">Triggers</div>
</a>
</div>
<div class="entry {{ if eq .MENU "configuration" }}selected{{ end }}">
<a href="/configuration">
<img src="/images/{{ .VERSION }}/configuration{{ if eq .MENU "configuration" }}_selected{{ end }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/configuration{{ if eq .MENU "configuration" }}_selected{{ end }}.svg">
<div class="label">Config</div>
</a>
</div>

2
views/components/page_label.gotmpl
View file

@ -1,6 +1,6 @@
{{ define "page_label" }}
<div class="page-label">
<img src="/images/{{ .VERSION }}/{{ .Icon }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/{{ .Icon }}.svg">
<div>{{ .Label }}</div>
</div>
{{ end }}

3
views/layouts/main.gotmpl
View file

@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
{{ template "fonts" }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/main.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/main.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/{{ .CONFIG.THEME }}.css">
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.1/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luxon@3.3.0/build/global/luxon.min.js"></script>

2
views/pages/configuration.gotmpl
View file

@ -1,6 +1,6 @@
{{ define "page" }}
{{ $version := .VERSION }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/configuration.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/configuration.css">
<script type="text/javascript">
function newArea() {
let name = prompt("Area name")

2
views/pages/datapoint_edit.gotmpl
View file

@ -1,5 +1,5 @@
{{ define "page" }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/datapoints.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/datapoints.css">
<script type="module" defer>
import {UI} from "/js/{{ .VERSION }}/datapoint_edit.mjs"

2
views/pages/datapoint_values.gotmpl
View file

@ -1,6 +1,6 @@
{{ define "page" }}
{{ $version := .VERSION }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/datapoints.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/datapoints.css">
{{ block "page_label" . }}{{end}}

2
views/pages/datapoints.gotmpl
View file

@ -1,6 +1,6 @@
{{ define "page" }}
{{ $version := .VERSION }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/datapoints.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/datapoints.css">
{{ block "page_label" . }}{{end}}

2
views/pages/index.gotmpl
View file

@ -1,5 +1,5 @@
{{ define "page" }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/index.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/index.css">
<div style="float: left;">
<img src="/images/{{ .VERSION }}/logo_selected.svg" style="width: 64px; margin-right: 32px;">

2
views/pages/problems.gotmpl
View file

@ -5,7 +5,7 @@
window._ui = new UI()
</script>
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/problems.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/problems.css">
{{ block "page_label" . }}{{end}}

2
views/pages/trigger_edit.gotmpl
View file

@ -11,7 +11,7 @@
_ui.setTrigger(trigger)
_ui.render()
</script>
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/trigger_edit.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/trigger_edit.css">
{{ block "page_label" . }}{{end}}

5
views/pages/triggers.gotmpl
View file

@ -2,7 +2,8 @@
{{ block "page_label" . }}{{end}}
{{ $version := .VERSION }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/triggers.css">
{{ $theme := .CONFIG.THEME }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/triggers.css">
<script type="text/javascript">
function createTrigger(sectionID) {
@ -53,7 +54,7 @@
{{ continue }}
{{ end }}
<div class="trigger">
<img src="/images/{{ $version }}/triggers.svg">
<img src="/images/{{ $version }}/{{ $theme }}/triggers.svg">
<div class="label"><a href="/trigger/edit/{{ .ID }}">{{ .Name }}</a></div>
<img src="/images/{{ $version }}/delete.svg" onclick="deleteTrigger({{ .ID }}, '{{ .Name }}')">
</div>