+
+
+
+
+
+
+
+
+ {/*
+ {
+ setSelected(new Array(devices.length).fill(e.target.checked))
+ //console.log("selected:", selected)
+ setSelectAll(e.target.checked)
+ }}
+ checked={selectAll}
+ />
+ */}
+ {columns["sn"] &&
+ Serial Number
+ }
+ {columns["alias"] &&
+ Alias
+ }
+ {
+ columns["label"] &&
+ Labels
+
+ }
+ {columns["model"] &&
+ Model
+ }
+ {columns["vendor"] &&
+ Vendor
+ }
+ {columns["version"] &&
+ Version
+ }
+ {columns["status"] &&
+
+ {/*//TODO: create function to fetch devices by status order*/}
+
+ {
+ if (statusOrder == "asc") {
+ setStatusOrder("desc")
+ fetchDevicePerPage(page, "desc")
+ } else {
+ setStatusOrder("asc")
+ fetchDevicePerPage(page, "asc")
+ }
+ }}>Status ↑↓
+
+ {/*
+
+
+
+
+
+ */}
+ }
+ {columns["actions"] &&
+ Actions
+ }
+
+
+ {!Loading ?
+ {devices && devices.map((order, index) => {
+ return (
+
+ {/*
+
+ {
+ let newData = [...selected]
+ newData.splice(index, 1, e.target.checked);
+ console.log("newData:", newData)
+ setSelected(newData)
+ }}
+ checked={selected[index]}
+ />
+
+ */}
+ {columns["sn"] &&
+ {order.SN}
+ }
+ {columns["alias"] &&
+ {order.Alias}
+ }
+ {
+ columns["label"] &&
+
+
+
+
+ }
+ {columns["model"] &&
+ {order.Model || order.ProductClass}
+ }
+ {columns["vendor"] &&
+ {order.Vendor}
+ }
+ {columns["version"] &&
+ {order.Version}
+ }
+ {columns["status"] &&
+ {/*
+ {status(order.Status)}
+ */}
+
+ }
+ {columns["actions"] &&
+ {order.Status == 2 &&
+
+
+ }
+ {/*
+
+
+
+
+ */}
+ }
+
+ );
+ })}
+ :
+
+
+
+ {
+ deviceFound ? : "No device found"
+ }
+
+
+
+ }
+
+
+ {(pages.lenght > 0) && total && {
+ setPage(newPage+1)
+ fetchDevicePerPage(newPage+1, statusOrder, filtersList, rowsPerPage)
+ }}
+ onRowsPerPageChange={(e)=>{
+ setRowsPerPage(e.target.value)
+ setPage(1)
+ fetchDevicePerPage(1, statusOrder, filtersList, e.target.value)
+ }}
+ />}
+
+
+
+ {showSetDeviceAlias &&
+
}
+