164 lines
7.1 KiB
Go Template
164 lines
7.1 KiB
Go Template
{{ define "page" }}
|
|
{{ $version := .VERSION }}
|
|
{{ $theme := .CONFIG.THEME }}
|
|
<script type="module" defer>
|
|
import {UI} from "/js/{{ .VERSION }}/problems.mjs"
|
|
|
|
window._ui = new UI()
|
|
</script>
|
|
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/problems.css">
|
|
|
|
{{ block "page_label" . }}{{ end }}
|
|
|
|
<div style="margin-bottom: 16px; display: grid; grid-template-columns: min-content min-content; grid-gap: 32px;">
|
|
<div style="white-space: nowrap">
|
|
<b>Problem selection</b><br>
|
|
<input {{ if eq .Data.Selection "CURRENT" }}checked{{ end }} type="radio" name="selection" id="selection-current" onclick="_ui.selectCurrent()"> <label for="selection-current">Current</label>
|
|
<br>
|
|
<input {{ if eq .Data.Selection "ALL" }}checked{{ end }} type="radio" name="selection" id="selection-all" onclick="_ui.selectAll()"> <label for="selection-all">All</label>
|
|
</div>
|
|
<div style="white-space: nowrap">
|
|
<b>Show</b><br>
|
|
<input type="radio" name="display" id="display-table" onclick="_ui.displayAreas()"> <label for="display-table">Areas</label>
|
|
<br>
|
|
<input type="radio" name="display" id="display-list" onclick="_ui.displayList()"> <label for="display-list">List</label>
|
|
<div style="margin-top: 8px">
|
|
<input type="checkbox" id="show-acked" onclick="_ui.toggleAcknowledged(event)"> <label for="show-acked">Show acknowledged</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{ block "timefilter" . }}{{ end }}
|
|
|
|
<div class="display-list hidden">
|
|
<div id="problems-list" class="table">
|
|
<div class="row"><h2>Unacknowledged</h2></div>
|
|
|
|
<div class="header">OK</div>
|
|
<div class="header">Trigger</div>
|
|
<div class="header">Area</div>
|
|
<div class="header">Section</div>
|
|
<div class="header">Since</div>
|
|
<div class="header">Until</div>
|
|
<div class="header"></div>
|
|
|
|
{{ range .Data.Problems }}
|
|
{{ if .Acknowledged }}
|
|
{{ continue }}
|
|
{{ end }}
|
|
<div class="line"></div>
|
|
|
|
{{/* NODATA datapoints */}}
|
|
{{ if eq .TriggerID -1 }}
|
|
<div class="{{ if .Acknowledged }}acked hidden{{ end }}">{{ if .IsArchived }}<img src="/images/{{ $version }}/{{ $theme }}/ok.svg">{{ else }}<img src="/images/{{ $version }}/{{ $theme }}/warning.svg">{{ end }}</div>
|
|
<div class="trigger">{{ .TriggerName }}</div>
|
|
<div class="area">{{ .AreaName }}</div>
|
|
<div class="section">{{ .SectionName }}</div>
|
|
<div class="start">{{ format_time .Start }}</div>
|
|
<div class="end"></div>
|
|
<div class="icons">
|
|
<img class="info" src="/images/{{ $version }}/{{ $theme }}/info-outline.svg">
|
|
<img class="acknowledge" src="/images/{{ $version }}/{{ $theme }}/acknowledge.svg">
|
|
</div>
|
|
{{ else }}
|
|
<div class="{{ if .Acknowledged }}acked hidden{{ end }}">{{ if .IsArchived }}<img src="/images/{{ $version }}/{{ $theme }}/ok.svg">{{ else }}<img src="/images/{{ $version }}/{{ $theme }}/warning.svg">{{ end }}</div>
|
|
<div class="trigger"><a href="/trigger/edit/{{ .TriggerID }}">{{ .TriggerName }}</a></div>
|
|
<div class="area">{{ .AreaName }}</div>
|
|
<div class="section">{{ .SectionName }}</div>
|
|
<div class="start">{{ format_time .Start }}</div>
|
|
<div class="end">{{ if not .End.IsZero }}{{ format_time .End }}{{ else }}-{{ end }}</div>
|
|
<div class="icons">
|
|
{{ if .FormattedValues }}
|
|
<img class="info" src="/images/{{ $version }}/{{ $theme }}/info-filled.svg" title="{{ .FormattedValues }}">
|
|
{{ else }}
|
|
<img class="info" src="/images/{{ $version }}/{{ $theme }}/info-outline.svg">
|
|
{{ end }}
|
|
|
|
<img class="acknowledge" onclick="location.href = '/problem/acknowledge/{{ .ID }}'" src="/images/{{ $version }}/{{ $theme }}/acknowledge-filled.svg">
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div id="acknowledged-list" class="table hidden">
|
|
<div class="row"><h2>Acknowledged</h2></div>
|
|
|
|
<div class="header">OK</div>
|
|
<div class="header">Trigger</div>
|
|
<div class="header">Area</div>
|
|
<div class="header">Section</div>
|
|
<div class="header">Since</div>
|
|
<div class="header">Until</div>
|
|
<div class="header"></div>
|
|
|
|
{{ range .Data.Problems }}
|
|
{{ if not .Acknowledged }}
|
|
{{ continue }}
|
|
{{ end }}
|
|
<div class="line"></div>
|
|
<div class="{{ if .Acknowledged }}acked hidden{{ end }}">{{ if .IsArchived }}<img src="/images/{{ $version }}/{{ $theme }}/ok.svg">{{ else }}<img src="/images/{{ $version }}/{{ $theme }}/warning.svg">{{ end }}</div>
|
|
<div class="trigger"><a href="/trigger/edit/{{ .TriggerID }}">{{ .TriggerName }}</a></div>
|
|
<div class="area">{{ .AreaName }}</div>
|
|
<div class="section">{{ .SectionName }}</div>
|
|
<div class="start">{{ format_time .Start }}</div>
|
|
<div class="end">{{ if not .End.IsZero }}{{ format_time .End }}{{ else }}-{{ end }}</div>
|
|
<div class="icons">
|
|
{{ if .FormattedValues }}
|
|
<img class="info" src="/images/{{ $version }}/{{ $theme }}/info-filled.svg" title="{{ .FormattedValues }}">
|
|
{{ else }}
|
|
<img class="info" src="/images/{{ $version }}/{{ $theme }}/info-outline.svg">
|
|
{{ end }}
|
|
<img class="acknowledge" onclick="location.href = '/problem/unacknowledge/{{ .ID }}'" src="/images/{{ $version }}/{{ $theme }}/acknowledge-outline.svg">
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="display-areas hidden">
|
|
<div id="area-grouped">
|
|
{{ range $areaName, $sections := .Data.ProblemsGrouped }}
|
|
<div class="area table">
|
|
<div class="row"><h2>{{ $areaName }}</h2></div>
|
|
|
|
{{ range $sectionName, $problems := $sections }}
|
|
<div class="section row" style="margin-top: 16px; font-weight: bold;">{{ $sectionName }}</div>
|
|
|
|
<div class="header">OK</div>
|
|
<div class="header">Trigger</div>
|
|
<div class="header">Since</div>
|
|
<div class="header">Until</div>
|
|
<div class="header"></div>
|
|
<div class="line"></div>
|
|
|
|
{{ range $problems }}
|
|
<div class="{{ if .Acknowledged }}acked hidden{{ end }}">{{ if .IsArchived }}<img src="/images/{{ $version }}/{{ $theme }}/ok.svg">{{ else }}<img src="/images/{{ $version }}/{{ $theme }}/warning.svg">{{ end }}</div>
|
|
|
|
<div class="{{ if .Acknowledged }}acked hidden{{ end }} trigger">{{ .TriggerName }}</div>
|
|
|
|
<div class="{{ if .Acknowledged }}acked hidden{{ end }} since">{{ if not .Start.IsZero }}{{ format_time .Start }}{{ else }}-{{ end }}</div>
|
|
<div class="{{ if .Acknowledged }}acked hidden{{ end }} until">{{ if not .End.IsZero }}{{ format_time .End }}{{ else }}-{{ end }}</div>
|
|
|
|
{{ if .FormattedValues }}
|
|
<div class="{{ if .Acknowledged }}acked hidden{{ end }}"><img src="/images/{{ $version }}/{{ $theme }}/info-filled.svg" title="{{ .FormattedValues }}"></div>
|
|
{{ else }}
|
|
<div class="{{ if .Acknowledged }}acked hidden{{ end }}"><img src="/images/{{ $version }}/{{ $theme }}/info-outline.svg"></div>
|
|
{{ end }}
|
|
|
|
{{ end }}
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
const form = document.getElementById('form-time-selector')
|
|
const inputSelection = document.createElement('input')
|
|
inputSelection.type = 'hidden'
|
|
inputSelection.name = 'selection'
|
|
inputSelection.value = '{{ if eq .Data.Selection "ALL" }}all{{ else }}current{{ end }}'
|
|
form.append(inputSelection)
|
|
</script>
|
|
|
|
{{ end }}
|