Jones/MastodonHelp
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

mustard: notifs: Aggiunti controlli per la lista delle notifiche.

Browse source 
* 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:
paul 2020-05-16 02:04:41 +02:00 committed by Giacomo Leidi
parent c44d3b0d6e
commit 6778516add
1 changed files with 30 additions and 230 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

260
web/mustard/notifs.php
View file

@ -32,6 +32,14 @@ if ($account['Level'] != 'guest') {
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>
@ -52,241 +60,24 @@ if ($account['Level'] != 'guest') {
<script language="JavaScript">
<!--
<?php if ($account['Level'] != 'guest') require('js/notifs.js.php'); ?>
function deselect(selid) {
var sel = document.getElementById(selid);
sel.selectedIndex = -1;
function toggleState(check) {
let checkboxes = document.querySelectorAll("div#notifs-list > div > input.seen-checkbox");
checkboxes.forEach(function (box) {
box.checked = check.checked;
})
}
function getselarr(selid) {
var sel = document.getElementById(selid), selc = sel.length, i, arr = [];
for (i = 0; i < selc; i++)
arr.push([sel.options[i].text, sel.options[i].value, sel.options[i].selected]);
return arr;
}
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++;
function readAllSelected() {
let notifs = document.querySelectorAll("div#notifs-list > div");
notifs.forEach(function (notif) {
let checkbox = notif.querySelector("input.seen-checkbox");
if (checkbox.checked) {
markread(notif);
}
}
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>
</head>
<body>
@ -308,9 +99,16 @@ if ($account['Level'] != 'guest') {
<div id="fullscreen">
<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">
<?php
if ($account['Level'] != 'guest') {
// Questi valori sono un po' a naso,
// dovrebbero avere senso ma non ho
// indagato troppo
$sev_classes = array(
1 => "sev-normal",
2 => "sev-warning",
@ -323,12 +121,14 @@ if ($account['Level'] != 'guest') {
foreach ($notifs['notifs'] as $n) {
echo("<div id=\"notif-" . $n["ID"] .
"\" class=\"" . $sev_classes[$n["Severity"]] . " " . $seen_class[$n["Seen"]] . "\">" .
"<input type=\"checkbox\" class=\"seen-checkbox\">" .
$n["Notification"] .
"<button type='button' onclick='markread(this.parentElement)'>&#x2715</button>" .
"</div>\n");
}
} ?>
</div>
</div>
</div>
</div>