School/WasteInformationServer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

define class for device

Browse Source
This commit is contained in:
Lukas-Heiligenbrunner 2020-02-10 11:10:37 +01:00
parent 98b3c69c15
commit 1238a121f4
1 changed files with 38 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/resources/wwwroot/js/device.js
View File

@ -1,12 +1,23 @@
$(document).ready(function () { $(document).ready(function () {
new Device();
});
var devicetable = null;
reloadDevices();
function reloadDevices() { class Device {
constructor() {
this.reloadDevices()
}
devicetable = null;
/**
* reload devices list on page
*/
reloadDevices() {
var _this = this;
$.post('/senddata/Devicedata', 'action=getdevices', function (data) { $.post('/senddata/Devicedata', 'action=getdevices', function (data) {
if (devicetable != null) { if (_this.devicetable != null) {
devicetable.destroy(); _this.devicetable.destroy();
} }
console.log(data); console.log(data);
@ -18,7 +29,7 @@ $(document).ready(function () {
var cityid = data.data[i].cityid; var cityid = data.data[i].cityid;
if (cityid == -1) { if (cityid === -1) {
$("#devices-tablebody").append("<tr><td>" + id + "</td><td>new Device</td><td><button deviceid=\"" + id + "\"type=\"button\" class=\"btn btn-primary configuredevicebutton\">Configure</button></td><td></td><td><button dataid='" + id + "' type='button' class='delbtn btn btn-danger'>X</button></td></tr>"); $("#devices-tablebody").append("<tr><td>" + id + "</td><td>new Device</td><td><button deviceid=\"" + id + "\"type=\"button\" class=\"btn btn-primary configuredevicebutton\">Configure</button></td><td></td><td><button dataid='" + id + "' type='button' class='delbtn btn btn-danger'>X</button></td></tr>");
} else { } else {
var devicename = data.data[i].devicename; var devicename = data.data[i].devicename;
@ -40,14 +51,17 @@ $(document).ready(function () {
} }
} }
addDeleteButton(); _this.addDeleteButton();
addAddButton(); _this.addAddButton();
addConfigDialog(); _this.addConfigDialog();
devicetable = $('#table-devices').DataTable(); _this.devicetable = $('#table-devices').DataTable();
}, 'json'); }, 'json');
} }
function addAddButton() { /**
* add click listener to add button to add new city entries to current device
*/
addAddButton() {
$('.addbtn').click(function (event) { $('.addbtn').click(function (event) {
var id = event.target.getAttribute("dataid"); var id = event.target.getAttribute("dataid");
var cityname; var cityname;
@ -137,13 +151,17 @@ $(document).ready(function () {
}); });
} }
function addDeleteButton() { /**
* add click listener to delete button to delete this device entry
*/
addDeleteButton() {
var _this = this;
$(".delbtn").click(function (event) { $(".delbtn").click(function (event) {
var id = event.target.getAttribute("dataid"); var id = event.target.getAttribute("dataid");
console.log("clicked btn data " + id); console.log("clicked btn data " + id);
$.post('/senddata/Devicedata', 'action=deleteDevice&id=' + id, function (data) { $.post('/senddata/Devicedata', 'action=deleteDevice&id=' + id, function (data) {
console.log(data); console.log(data);
if (data.status == "success") { if (data.status === "success") {
Swal.fire({ Swal.fire({
type: "success", type: "success",
title: 'Successfully deleted city!', title: 'Successfully deleted city!',
@ -153,8 +171,8 @@ $(document).ready(function () {
console.log('Popup closed. ') console.log('Popup closed. ')
}); });
reloadDevices(); _this.reloadDevices();
} else if (data.status == "dependenciesnotdeleted") { } else if (data.status === "dependenciesnotdeleted") {
Swal.fire({ Swal.fire({
type: "warning", type: "warning",
title: 'This city is a dependency of a date', title: 'This city is a dependency of a date',
@ -170,7 +188,10 @@ $(document).ready(function () {
}); });
} }
function addConfigDialog() { /**
* add click listener to unconfigured device to show configure dialog
*/
addConfigDialog() {
$(".configuredevicebutton").click(function (event) { $(".configuredevicebutton").click(function (event) {
var id = event.target.getAttribute("deviceid"); var id = event.target.getAttribute("deviceid");
var cityname; var cityname;
@ -269,6 +290,5 @@ $(document).ready(function () {
console.log("click..." + id); console.log("click..." + id);
}); });
} }
}
});