0ct0pu5/DweebUI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

checkbox selectAll() fix

Browse source
This commit is contained in:
lllllllillllllillll 2024-02-07 23:57:49 -08:00
parent 13ee350bb2
commit 71bbb574d1
6 changed files with 46 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
controllers/images.js
View file

@ -6,6 +6,10 @@ export const Images = async function(req, res) {
let image_list = `
<thead>
<!-- Hidden checkbox so that the form returns an array each time -->
<tr class="d-none">
<td><input class="form-check-input m-0 align-middle" name="select" value="on" type="checkbox" checked="" aria-label="Select"></td>
</tr>
<tr>
<th class="w-1"><input class="form-check-input m-0 align-middle" name="select" type="checkbox" aria-label="Select all" onclick="selectAll()"></th>
<th><button class="table-sort" data-sort="sort-name">Name</button></th>
@ -16,10 +20,6 @@ export const Images = async function(req, res) {
<th><button class="table-sort" data-sort="sort-quantity">Size</button></th>
<th><button class="table-sort" data-sort="sort-progress">Action</button></th>
</tr>
<!-- Hidden checkbox so that the form returns an array each time -->
<tr class="d-none">
<td><input class="form-check-input m-0 align-middle" name="select" value="on" type="checkbox" checked="" aria-label="Select"></td>
</tr>
</thead>
<tbody class="table-tbody">`

8
controllers/networks.js
View file

@ -7,6 +7,10 @@ export const Networks = async function(req, res) {
let network_list = `
<thead>
<!-- Hidden checkbox so that the form returns an array each time -->
<tr class="d-none">
<td><input class="form-check-input m-0 align-middle" name="select" value="on" type="checkbox" checked="" aria-label="Select"></td>
</tr>
<tr>
<th class="w-1"><input class="form-check-input m-0 align-middle" name="select" type="checkbox" aria-label="Select all" onclick="selectAll()"></th>
<th><button class="table-sort" data-sort="sort-name">Name</button></th>
@ -15,10 +19,6 @@ export const Networks = async function(req, res) {
<th><button class="table-sort" data-sort="sort-date">Created</button></th>
<th><button class="table-sort" data-sort="sort-progress">Action</button></th>
</tr>
<!-- Hidden checkbox so that the form returns an array each time -->
<tr class="d-none">
<td><input class="form-check-input m-0 align-middle" name="select" value="on" type="checkbox" checked="" aria-label="Select"></td>
</tr>
</thead>
<tbody class="table-tbody">`

41
controllers/volumes.js
View file

@ -8,6 +8,10 @@ export const Volumes = async function(req, res) {
let volume_list = `
<thead>
<!-- Hidden checkbox so that the form returns an array each time -->
<tr class="d-none">
<td><input class="form-check-input m-0 align-middle" name="select" value="on" type="checkbox" checked="" aria-label="Select"></td>
</tr>
<tr>
<th class="w-1"><input class="form-check-input m-0 align-middle" name="select" type="checkbox" aria-label="Select all" onclick="selectAll()"></th>
<th><button class="table-sort" data-sort="sort-name">Name</button></th>
@ -17,10 +21,6 @@ export const Volumes = async function(req, res) {
<th><button class="table-sort" data-sort="sort-quantity">Size</button></th>
<th><button class="table-sort" data-sort="sort-progress">Action</button></th>
</tr>
<!-- Hidden checkbox so that the form returns an array each time -->
<tr class="d-none">
<td><input class="form-check-input m-0 align-middle" name="select" value="on" type="checkbox" checked="" aria-label="Select"></td>
</tr>
</thead>
<tbody class="table-tbody">`
@ -73,22 +73,33 @@ export const Volumes = async function(req, res) {
}
export const createVolume = async function(req, res) {
let name = req.body.name;
docker.createVolume({
Name: name
});
res.redirect("/volumes");
}
export const removeVolume = async function(req, res) {
let volumes = req.body.select;
for (let i = 0; i < volumes.length; i++) {
console.log(volumes);
// for (let i = 0; i < volumes.length; i++) {
if (volumes[i] != 'on') {
try {
console.log(`Removing volume: ${volumes[i]}`);
let volume = docker.getVolume(volumes[i]);
await volume.remove();
} catch (error) {
console.log(`Unable to remove volume: ${volumes[i]}`);
}
}
}
// if (volumes[i] != 'on') {
// try {
// console.log(`Removing volume: ${volumes[i]}`);
// let volume = docker.getVolume(volumes[i]);
// await volume.remove();
// } catch (error) {
// console.log(`Unable to remove volume: ${volumes[i]}`);
// }
// }
// }
res.redirect("/volumes");
}

7
views/images.html
View file

@ -100,12 +100,13 @@
<script>
function selectAll() {
let checkboxes = document.getElementsByName('select');
if (checkboxes[0].checked == true) {
for (var i = 0; i < checkboxes.length; i++) {
// loops start at 1 to ignore the hidden checkbox
if (checkboxes[1].checked == true) {
for (var i = 1; i < checkboxes.length; i++) {
checkboxes[i].checked = true;
}
} else {
for (var i = 0; i < checkboxes.length; i++) {
for (var i = 1; i < checkboxes.length; i++) {
checkboxes[i].checked = false;
}
}

7
views/networks.html
View file

@ -115,12 +115,13 @@
<script>
function selectAll() {
let checkboxes = document.getElementsByName('select');
if (checkboxes[0].checked == true) {
for (var i = 0; i < checkboxes.length; i++) {
// loops start at 1 to ignore the hidden checkbox
if (checkboxes[1].checked == true) {
for (var i = 1; i < checkboxes.length; i++) {
checkboxes[i].checked = true;
}
} else {
for (var i = 0; i < checkboxes.length; i++) {
for (var i = 1; i < checkboxes.length; i++) {
checkboxes[i].checked = false;
}
}

7
views/volumes.html
View file

@ -114,12 +114,13 @@
<script>
function selectAll() {
let checkboxes = document.getElementsByName('select');
if (checkboxes[0].checked == true) {
for (var i = 0; i < checkboxes.length; i++) {
// loops start at 1 to ignore the hidden checkbox
if (checkboxes[1].checked == true) {
for (var i = 1; i < checkboxes.length; i++) {
checkboxes[i].checked = true;
}
} else {
for (var i = 0; i < checkboxes.length; i++) {
for (var i = 1; i < checkboxes.length; i++) {
checkboxes[i].checked = false;
}
}