mustard: notifs: Aggiunti controlli per la lista delle notifiche.
* web/mustard/notifs.php: Aggiunta una checkbox per selezionare/deselezionare in massa le notifiche ed un bottone per segnare tutte quelle selezionate come già lette.
This commit is contained in:
parent
c44d3b0d6e
commit
6778516add
1 changed files with 30 additions and 230 deletions
|
|
@ -32,6 +32,14 @@ if ($account['Level'] != 'guest') {
|
||||||
muoribene("Non hai i permessi per vedere questa pagina", true);
|
muoribene("Non hai i permessi per vedere questa pagina", true);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$filtordon = false;
|
||||||
|
if ($filtordon) {
|
||||||
|
$filtordimgoff = 'imgs/cerca_act_off.svg';
|
||||||
|
$filtordimgon = 'imgs/cerca_act_on.svg';
|
||||||
|
} else {
|
||||||
|
$filtordimgoff = 'imgs/cerca_off.svg';
|
||||||
|
$filtordimgon = 'imgs/cerca_on.svg';
|
||||||
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
|
|
@ -52,241 +60,24 @@ if ($account['Level'] != 'guest') {
|
||||||
<script language="JavaScript">
|
<script language="JavaScript">
|
||||||
<!--
|
<!--
|
||||||
<?php if ($account['Level'] != 'guest') require('js/notifs.js.php'); ?>
|
<?php if ($account['Level'] != 'guest') require('js/notifs.js.php'); ?>
|
||||||
function deselect(selid) {
|
function toggleState(check) {
|
||||||
var sel = document.getElementById(selid);
|
let checkboxes = document.querySelectorAll("div#notifs-list > div > input.seen-checkbox");
|
||||||
sel.selectedIndex = -1;
|
checkboxes.forEach(function (box) {
|
||||||
|
box.checked = check.checked;
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function getselarr(selid) {
|
function readAllSelected() {
|
||||||
var sel = document.getElementById(selid), selc = sel.length, i, arr = [];
|
let notifs = document.querySelectorAll("div#notifs-list > div");
|
||||||
for (i = 0; i < selc; i++)
|
notifs.forEach(function (notif) {
|
||||||
arr.push([sel.options[i].text, sel.options[i].value, sel.options[i].selected]);
|
let checkbox = notif.querySelector("input.seen-checkbox");
|
||||||
return arr;
|
if (checkbox.checked) {
|
||||||
}
|
markread(notif);
|
||||||
|
|
||||||
function updselarr(selid, selarr) {
|
|
||||||
var sel = document.getElementById(selid), selc = sel.length, selarrc = selarr.length, i, ii;
|
|
||||||
sel = sel.options;
|
|
||||||
ii = 0;
|
|
||||||
for (i = 0; i < selc; i++) {
|
|
||||||
while (ii < selarrc) {
|
|
||||||
if (selarr[ii][1] == sel[i].value) {
|
|
||||||
(sel[i].selected) ? selarr[ii][2] = true : selarr[ii][2] = false;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
ii++;
|
|
||||||
}
|
}
|
||||||
}
|
})
|
||||||
return selarr;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function filtsel(selarr, filt, selid, recbid, inpid, ocol, ecol) {
|
// -->
|
||||||
var sel = document.getElementById(selid), selarrc = selarr.length, i, ii, go = true;
|
|
||||||
if (!document.getElementById(recbid).checked) {
|
|
||||||
filt = filt.replace(/([.?*+^$[\]\\(){}|-])/g, '\\$1');
|
|
||||||
} else {
|
|
||||||
try {
|
|
||||||
(RegExp(filt));
|
|
||||||
} catch (e) {
|
|
||||||
go = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (go) {
|
|
||||||
sel.length = 0;
|
|
||||||
for (i = 0; i < selarrc; i++) {
|
|
||||||
if (RegExp(filt, 'i').test(selarr[i][0]))
|
|
||||||
sel.options.add(new Option(selarr[i][0], selarr[i][1], false, selarr[i][2]));
|
|
||||||
}
|
|
||||||
if (ocol != null)
|
|
||||||
document.getElementById(inpid).style.backgroundColor = ocol;
|
|
||||||
} else if (ecol != null) {
|
|
||||||
document.getElementById(inpid).style.backgroundColor = ecol;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function selup(selid) {
|
|
||||||
var sel = document.getElementById(selid), len = sel.length, i, prevopt, curopt;
|
|
||||||
if (sel.selectedIndex > 0) {
|
|
||||||
for (i = 0; i < len; i++) {
|
|
||||||
if (sel.options[i].selected) {
|
|
||||||
prevopt = sel.options[i - 1];
|
|
||||||
curopt = sel.options[i];
|
|
||||||
sel.remove(i - 1);
|
|
||||||
sel.remove(i - 1);
|
|
||||||
sel.add(curopt, i - 1);
|
|
||||||
sel.add(prevopt, i);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function seltop(selid) {
|
|
||||||
var sel = document.getElementById(selid);
|
|
||||||
while (sel.selectedIndex > 0)
|
|
||||||
selup(selid);
|
|
||||||
}
|
|
||||||
|
|
||||||
function seldown(selid) {
|
|
||||||
var sel = document.getElementById(selid), len = sel.length, i, nextopt, curopt;
|
|
||||||
if (!sel.options[len - 1].selected) {
|
|
||||||
for (i = len - 1; i > -1; i--) {
|
|
||||||
if (sel.options[i].selected) {
|
|
||||||
curopt = sel.options[i];
|
|
||||||
nextopt = sel.options[i + 1];
|
|
||||||
sel.remove(i);
|
|
||||||
sel.remove(i);
|
|
||||||
sel.add(curopt, i);
|
|
||||||
sel.add(nextopt, i);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function selbot(selid) {
|
|
||||||
var sel = document.getElementById(selid), len = sel.length;
|
|
||||||
if (sel.selectedIndex >= 0) {
|
|
||||||
while (!sel.options[len - 1].selected)
|
|
||||||
seldown(selid);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function selonebyval(refarr, val) {
|
|
||||||
var len = refarr.length, i;
|
|
||||||
for (i = len - 1; i > -1; i--)
|
|
||||||
(refarr[i][1] == val) ? refarr[i][2] = true : refarr[i][2] = false;
|
|
||||||
return refarr;
|
|
||||||
}
|
|
||||||
|
|
||||||
function rmelbyval(refarr, val) {
|
|
||||||
var len = refarr.length, i;
|
|
||||||
for (i = len - 1; i > -1; i--) {
|
|
||||||
if (refarr[i][1] == val) {
|
|
||||||
refarr.splice(i, 1);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return refarr;
|
|
||||||
}
|
|
||||||
|
|
||||||
// usato da edinsth.php
|
|
||||||
function cheltxtbyval(refarr, val, ntxt) {
|
|
||||||
var len = refarr.length, i;
|
|
||||||
for (i = len - 1; i > -1; i--) {
|
|
||||||
if (refarr[i][1] == val) {
|
|
||||||
refarr[i][0] = ntxt;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return refarr;
|
|
||||||
}
|
|
||||||
|
|
||||||
// usato da edinsth.php
|
|
||||||
function chelvalbyval(refarr, val, nval) {
|
|
||||||
var len = refarr.length, i;
|
|
||||||
for (i = len - 1; i > -1; i--) {
|
|
||||||
if (refarr[i][1] == val) {
|
|
||||||
refarr[i][1] = nval;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return refarr;
|
|
||||||
}
|
|
||||||
|
|
||||||
function seladd(fromselid, toselid, refarr) {
|
|
||||||
var fromsel = document.getElementById(fromselid), fslen = fromsel.length,
|
|
||||||
tosel = document.getElementById(toselid), i;
|
|
||||||
// farlo a scalare invece che a crescere inverte nella select di destinazione l'ordine delle opzioni scelte in quella di origine, perciò lo faccio a crescere
|
|
||||||
for (i = 0; i < fslen; i++) {
|
|
||||||
if (fromsel.options[i].selected) {
|
|
||||||
refarr = rmelbyval(refarr, fromsel.options[i].value);
|
|
||||||
tosel.add(fromsel.options[i]);
|
|
||||||
fslen--;
|
|
||||||
i--;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return refarr;
|
|
||||||
}
|
|
||||||
|
|
||||||
function sortByKey(array, key) {
|
|
||||||
return array.sort(function (a, b) {
|
|
||||||
var x = a[key].toLowerCase();
|
|
||||||
var y = b[key].toLowerCase();
|
|
||||||
return ((x < y) ? -1 : ((x > y) ? 1 : 0));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function selrem(fromselid, toselid, refarr, searchid, regexcbid) {
|
|
||||||
var fromsel = document.getElementById(fromselid), fslen = fromsel.length,
|
|
||||||
tosel = document.getElementById(toselid), i;
|
|
||||||
for (i = fslen - 1; i > -1; i--) {
|
|
||||||
if (fromsel.options[i].selected) {
|
|
||||||
refarr.push([fromsel.options[i].text, fromsel.options[i].value, true]);
|
|
||||||
fromsel.remove(i);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
refarr = sortByKey(refarr, 0);
|
|
||||||
filtsel(refarr, document.getElementById(searchid).value, toselid, regexcbid, searchid, 'white', '#ff8080');
|
|
||||||
return refarr;
|
|
||||||
}
|
|
||||||
|
|
||||||
function selordalf(selid) {
|
|
||||||
var sel = document.getElementById(selid), len = sel.length, arr = [], i;
|
|
||||||
for (i = 0; i < len; i++)
|
|
||||||
arr.push([sel.options[i].text, sel.options[i].value, sel.options[i].selected]);
|
|
||||||
arr = sortByKey(arr, 0);
|
|
||||||
sel.length = 0;
|
|
||||||
for (i = 0; i < len; i++)
|
|
||||||
sel.add(new Option(arr[i][0], arr[i][1], false, arr[i][2]));
|
|
||||||
}
|
|
||||||
|
|
||||||
function selordinv(selid) {
|
|
||||||
var sel = document.getElementById(selid), len = sel.length, arr = [], i;
|
|
||||||
for (i = 0; i < len; i++)
|
|
||||||
arr.push([sel.options[i].text, sel.options[i].value, sel.options[i].selected]);
|
|
||||||
arr = arr.reverse();
|
|
||||||
sel.length = 0;
|
|
||||||
for (i = 0; i < len; i++)
|
|
||||||
sel.add(new Option(arr[i][0], arr[i][1], false, arr[i][2]));
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeinpup() {
|
|
||||||
document.getElementById('inpopup').innerHTML = '<div id="popupcont">...</div>';
|
|
||||||
document.getElementById('popup').style.display = 'none';
|
|
||||||
}
|
|
||||||
|
|
||||||
function edit(selid, what, mode) {
|
|
||||||
var act = '', id = 0;
|
|
||||||
if (mode == 'edit')
|
|
||||||
act = {0: 'Editing', 1: 'edit'};
|
|
||||||
else if (mode == 'add')
|
|
||||||
act = {0: 'Adding', 1: 'add'};
|
|
||||||
else if (mode == 'remove')
|
|
||||||
act = {0: 'Removing', 1: 'remove'};
|
|
||||||
var sel = document.getElementById(selid);
|
|
||||||
if ((mode == 'edit' || mode == 'remove') && sel.selectedIndex < 0) {
|
|
||||||
alerta('Error', '<p>You have to select an entry to ' + act[1] + ' ;-)</p>');
|
|
||||||
} else {
|
|
||||||
if (mode == 'edit' || mode == 'remove')
|
|
||||||
id = sel.options[sel.selectedIndex].value;
|
|
||||||
document.getElementById('inpopup').innerHTML = '<div class="hiftit"><img src="imgs/p.png" style="float:left;width:24px;height:24px">' + act[0] + ' «' + what + '» entry<img src="imgs/close.svg" class="imgbut" style="float:right;" onclick="closeinpup()"></div><iframe src="edinsth.php?w=' + selid + '&i=' + id + '&m=' + mode + '" class="hiframe"></iframe>';
|
|
||||||
document.getElementById('popup').style.display = 'table';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function ckf() {
|
|
||||||
// questo qua sotto resetta eventuale filtro su LocalityID in modo che se c'è valore selezionato ma non mostrato viene passato
|
|
||||||
filtsel(locselarr, '', 'LocalityID', 'locselre', 'locsearch', 'white', '#ff8080');
|
|
||||||
var selids = ['ChosenLangs[]', 'ChosenFinModes[]', 'ChosenPolicies[]', 'ChosenTags[]'], len = selids.length,
|
|
||||||
i, sel, ii;
|
|
||||||
for (i = 0; i < len; i++) {
|
|
||||||
sel = document.getElementById(selids[i]).options;
|
|
||||||
for (ii = 0; ii < sel.length; ii++)
|
|
||||||
sel[ii].selected = true;
|
|
||||||
}
|
|
||||||
document.getElementById('f').submit();
|
|
||||||
}
|
|
||||||
|
|
||||||
//-->
|
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -308,9 +99,16 @@ if ($account['Level'] != 'guest') {
|
||||||
|
|
||||||
<div id="fullscreen">
|
<div id="fullscreen">
|
||||||
<div id="middlerow">
|
<div id="middlerow">
|
||||||
|
<div id="notifs-list-controls">
|
||||||
|
<input id="global-selector" type="checkbox" onclick="toggleState(this)">
|
||||||
|
<button onclick="readAllSelected()">Segna tutti come letto</button>
|
||||||
|
</div>
|
||||||
<div id="notifs-list">
|
<div id="notifs-list">
|
||||||
<?php
|
<?php
|
||||||
if ($account['Level'] != 'guest') {
|
if ($account['Level'] != 'guest') {
|
||||||
|
// Questi valori sono un po' a naso,
|
||||||
|
// dovrebbero avere senso ma non ho
|
||||||
|
// indagato troppo
|
||||||
$sev_classes = array(
|
$sev_classes = array(
|
||||||
1 => "sev-normal",
|
1 => "sev-normal",
|
||||||
2 => "sev-warning",
|
2 => "sev-warning",
|
||||||
|
|
@ -323,12 +121,14 @@ if ($account['Level'] != 'guest') {
|
||||||
foreach ($notifs['notifs'] as $n) {
|
foreach ($notifs['notifs'] as $n) {
|
||||||
echo("<div id=\"notif-" . $n["ID"] .
|
echo("<div id=\"notif-" . $n["ID"] .
|
||||||
"\" class=\"" . $sev_classes[$n["Severity"]] . " " . $seen_class[$n["Seen"]] . "\">" .
|
"\" class=\"" . $sev_classes[$n["Severity"]] . " " . $seen_class[$n["Seen"]] . "\">" .
|
||||||
|
"<input type=\"checkbox\" class=\"seen-checkbox\">" .
|
||||||
$n["Notification"] .
|
$n["Notification"] .
|
||||||
"<button type='button' onclick='markread(this.parentElement)'>✕</button>" .
|
"<button type='button' onclick='markread(this.parentElement)'>✕</button>" .
|
||||||
"</div>\n");
|
"</div>\n");
|
||||||
}
|
}
|
||||||
} ?>
|
} ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue