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

UI adjustments for problems view

Browse source
This commit is contained in:
Magnus Åhall 2024-07-04 16:29:53 +02:00
parent b53b507355
commit 1bef8719c0
5 changed files with 35 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

3
static/css/default_light/main.css
View file

@ -237,6 +237,9 @@ label {
grid-template-columns: min-content min-content;
grid-gap: 6px 16px;
width: min-content;
background-color: #fff;
border: 1px solid #2979b8;
padding: 16px;
border-radius: 6px;
}
#time-selector.hidden {

3
static/css/gruvbox/main.css
View file

@ -237,6 +237,9 @@ label {
grid-template-columns: min-content min-content;
grid-gap: 6px 16px;
width: min-content;
background-color: #282828;
border: 1px solid #333;
padding: 16px;
border-radius: 6px;
}
#time-selector.hidden {

12
static/js/problems.mjs
View file

@ -6,6 +6,7 @@ export class UI {
const list = document.getElementById('acknowledged-list')
list.classList.remove('hidden')
}
this.acknowledgeDisplay(showAcked == 'true')
const display = localStorage.getItem('problems_display')
if (display === null)
@ -23,13 +24,20 @@ export class UI {
}
toggleAcknowledged(evt) {
const list = document.getElementById('acknowledged-list')
this.acknowledgeDisplay(evt.target.checked)
}
if (evt.target.checked) {
acknowledgeDisplay(show) {
const list = document.getElementById('acknowledged-list')
const areaItems = document.querySelectorAll('.acked')
if (show) {
list.classList.remove('hidden')
areaItems.forEach(item=>item.classList.remove('hidden'))
localStorage.setItem('show_acknowledged', true)
} else {
list.classList.add('hidden')
areaItems.forEach(item=>item.classList.add('hidden'))
localStorage.setItem('show_acknowledged', false)
}
}

3
static/less/main.less
View file

@ -295,6 +295,9 @@ label {
grid-gap: 6px 16px;
width: min-content;
background-color: @bg1;
border: 1px solid @bg3;
padding: 16px;
border-radius: 6px;
&.hidden {