trustchain-oc1-orchestral
/
devicehub-teal
Archived
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use TableController to check all devices list

This commit is contained in:
RubenPX 2022-04-29 12:36:42 +02:00
parent f26b441fef
commit 0fd12ee37c
1 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
ereuse_devicehub/static/js/main_inventory.js
View File

@ -24,14 +24,17 @@ class TableController {
* @returns This will return all input attributes from selected devices * @returns This will return all input attributes from selected devices
*/ */
static getSelectedDevices() { static getSelectedDevices() {
return this.#ProcessTR(this.#tableRows.filter(element => element.querySelector("input").checked)) return this.#tableRows
.filter(element => element.querySelector("input").checked)
.map(element => element.querySelector("input"))
} }
/** /**
* @returns This will return all input attributes from all devices in list * @returns This will return all input attributes from all devices in list
*/ */
static getAllDevices() { static getAllDevices() {
return this.#ProcessTR(this.#tableRows) return this.#tableRows
.map(element => element.querySelector("input"))
} }
/** /**
@ -39,18 +42,18 @@ class TableController {
* @param {HTMLElement} DOMElements * @param {HTMLElement} DOMElements
* @returns Procesed input atributes to an Object class * @returns Procesed input atributes to an Object class
*/ */
static #ProcessTR(DOMElements) { static ProcessTR(DOMElements) {
return DOMElements.map(element => { return DOMElements.map(element => {
const info = {} const info = {}
info.checked = element.querySelector("input").checked info.checked = element.checked
Object.values(element.querySelector("input").attributes).forEach(attrib => {info[attrib.nodeName] = attrib.nodeValue}) Object.values(element.attributes).forEach(attrib => {info[attrib.nodeName.replace(/-/g, "_")] = attrib.nodeValue})
return info return info
}) })
} }
} }
function deviceSelect() { function deviceSelect() {
const devices_count = $(".deviceSelect").filter(":checked").length; const devices_count = TableController.getSelectedDevices().length;
get_device_list(); get_device_list();
if (devices_count == 0) { if (devices_count == 0) {
$("#addingLotModal .pol").show(); $("#addingLotModal .pol").show();
@ -92,7 +95,7 @@ function deviceSelect() {
} }
function removeLot() { function removeLot() {
const devices = $(".deviceSelect"); const devices = TableController.getAllDevices();
if (devices.length > 0) { if (devices.length > 0) {
$("#btnRemoveLots .text-danger").show(); $("#btnRemoveLots .text-danger").show();
} else { } else {
@ -102,8 +105,8 @@ function removeLot() {
} }
function removeTag() { function removeTag() {
const devices = $(".deviceSelect").filter(":checked"); const devices = TableController.getSelectedDevices();
const devices_id = $.map(devices, (x) => $(x).attr("data")); const devices_id = devices.map(dev => dev.data);
if (devices_id.length == 1) { if (devices_id.length == 1) {
const url = `/inventory/tag/devices/${devices_id[0]}/del/`; const url = `/inventory/tag/devices/${devices_id[0]}/del/`;
window.location.href = url; window.location.href = url;
@ -113,8 +116,8 @@ function removeTag() {
} }
function addTag() { function addTag() {
const devices = $(".deviceSelect").filter(":checked"); const devices = TableController.getSelectedDevices();
const devices_id = $.map(devices, (x) => $(x).attr("data")); const devices_id = devices.map(dev => dev.data);
if (devices_id.length == 1) { if (devices_id.length == 1) {
$("#addingTagModal .pol").hide(); $("#addingTagModal .pol").hide();
$("#addingTagModal .btn-primary").show(); $("#addingTagModal .btn-primary").show();
@ -169,7 +172,7 @@ function newDataWipe(action) {
} }
function get_device_list() { function get_device_list() {
const devices = $(".deviceSelect").filter(":checked"); const devices = TableController.getSelectedDevices();
/* Insert the correct count of devices in actions form */ /* Insert the correct count of devices in actions form */
const devices_count = devices.length; const devices_count = devices.length;
@ -188,10 +191,11 @@ function get_device_list() {
"Desktop": "<i class='bi bi-building'></i>", "Desktop": "<i class='bi bi-building'></i>",
"Laptop": "<i class='bi bi-laptop'></i>", "Laptop": "<i class='bi bi-laptop'></i>",
}; };
list_devices = devices.map((x) => { list_devices = devices.map((x) => {
let typ = $(devices[x]).data("device-type"); let typ = $(x).data("device-type");
const manuf = $(devices[x]).data("device-manufacturer"); const manuf = $(x).data("device-manufacturer");
const dhid = $(devices[x]).data("device-dhid"); const dhid = $(x).data("device-dhid");
if (computer[typ]) { if (computer[typ]) {
typ = computer[typ]; typ = computer[typ];
}; };
@ -203,7 +207,7 @@ function get_device_list() {
} }
function export_file(type_file) { function export_file(type_file) {
const devices = $(".deviceSelect").filter(":checked"); const devices = TableController.getSelectedDevices();
const devices_id = $.map(devices, (x) => $(x).attr("data-device-dhid")).join(","); const devices_id = $.map(devices, (x) => $(x).attr("data-device-dhid")).join(",");
if (devices_id) { if (devices_id) {
const url = `/inventory/export/${type_file}/?ids=${devices_id}`; const url = `/inventory/export/${type_file}/?ids=${devices_id}`;
@ -372,7 +376,7 @@ async function processSelectedDevices() {
const listHTML = $("#LotsSelector") const listHTML = $("#LotsSelector")
// Get selected devices // Get selected devices
const selectedDevicesID = TableController.getSelectedDevices().map(item => item.data) const selectedDevicesID = TableController.ProcessTR(TableController.getSelectedDevices()).map(item => item.data)
if (selectedDevicesID.length <= 0) { if (selectedDevicesID.length <= 0) {
listHTML.html("<li style=\"color: red; text-align: center\">No devices selected</li>"); listHTML.html("<li style=\"color: red; text-align: center\">No devices selected</li>");