sidebar values improvement
load header data on devicepage
This commit is contained in:
parent
8e4aad4691
commit
c839c8506c
@ -142,14 +142,6 @@ class DeviceRequest : PostRequest() {
|
|||||||
}
|
}
|
||||||
sb.append("{\"status\":\"success\"}")
|
sb.append("{\"status\":\"success\"}")
|
||||||
}
|
}
|
||||||
"getDeviceNumber" -> try {
|
|
||||||
val numberset = jdbc!!.executeQuery("SELECT * FROM devices")
|
|
||||||
numberset.last()
|
|
||||||
val devicenr = numberset.row
|
|
||||||
sb.append("{\"devicenr\":\"$devicenr\"}")
|
|
||||||
} catch (e: SQLException) {
|
|
||||||
e.printStackTrace()
|
|
||||||
}
|
|
||||||
"addtodb" -> {
|
"addtodb" -> {
|
||||||
var cityid = -1
|
var cityid = -1
|
||||||
try {
|
try {
|
||||||
@ -162,6 +154,21 @@ class DeviceRequest : PostRequest() {
|
|||||||
}
|
}
|
||||||
sb.append("{\"success\":true}")
|
sb.append("{\"success\":true}")
|
||||||
}
|
}
|
||||||
|
"getheader" -> {
|
||||||
|
try {
|
||||||
|
var numberset = jdbc!!.executeQuery("SELECT * FROM devices")
|
||||||
|
numberset.last()
|
||||||
|
val devicenr = numberset.row
|
||||||
|
|
||||||
|
numberset = jdbc!!.executeQuery("SELECT * FROM devices WHERE CityID=-1")
|
||||||
|
numberset.last()
|
||||||
|
val unconfigureddevices = numberset.row
|
||||||
|
|
||||||
|
sb.append("{\"success\":true,\"devicenumber\":$devicenr, \"unconfigureddevices\":$unconfigureddevices}")
|
||||||
|
} catch (e: SQLException) {
|
||||||
|
e.printStackTrace()
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
return sb.toString()
|
return sb.toString()
|
||||||
}
|
}
|
||||||
|
@ -70,15 +70,6 @@
|
|||||||
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
|
||||||
data-accordion="false">
|
data-accordion="false">
|
||||||
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="ShedulePickUp.html" class="nav-link">
|
|
||||||
<i class="nav-icon fas fa-calendar-alt"></i>
|
|
||||||
<p>
|
|
||||||
Shedule Pick-up
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="dashboard.html" class="nav-link">
|
<a href="dashboard.html" class="nav-link">
|
||||||
<i class="nav-icon fas fa-columns"></i>
|
<i class="nav-icon fas fa-columns"></i>
|
||||||
@ -98,14 +89,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="#todo" class="nav-link">
|
|
||||||
<i class="nav-icon fas fa-plus-circle"></i>
|
|
||||||
<p>
|
|
||||||
New Entry
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li id="adminpanel" class="nav-item hideit">
|
<li id="adminpanel" class="nav-item hideit">
|
||||||
<a href="adminpanel.html" class="nav-link">
|
<a href="adminpanel.html" class="nav-link">
|
||||||
|
@ -72,15 +72,6 @@
|
|||||||
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
|
||||||
data-accordion="false">
|
data-accordion="false">
|
||||||
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="ShedulePickUp.html" class="nav-link">
|
|
||||||
<i class="nav-icon fas fa-calendar-alt"></i>
|
|
||||||
<p>
|
|
||||||
Shedule Pick-up
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="dashboard.html" class="nav-link">
|
<a href="dashboard.html" class="nav-link">
|
||||||
<i class="nav-icon fas fa-columns"></i>
|
<i class="nav-icon fas fa-columns"></i>
|
||||||
@ -98,14 +89,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="#todo" class="nav-link">
|
|
||||||
<i class="nav-icon fas fa-plus-circle"></i>
|
|
||||||
<p>
|
|
||||||
New Entry
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li id="adminpanel" class="nav-item hideit">
|
<li id="adminpanel" class="nav-item hideit">
|
||||||
<a href="adminpanel.html" class="nav-link">
|
<a href="adminpanel.html" class="nav-link">
|
||||||
|
@ -71,15 +71,6 @@
|
|||||||
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
|
||||||
data-accordion="false">
|
data-accordion="false">
|
||||||
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="ShedulePickUp.html" class="nav-link">
|
|
||||||
<i class="nav-icon fas fa-calendar-alt"></i>
|
|
||||||
<p>
|
|
||||||
Shedule Pick-up
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="dashboard.html" class="nav-link">
|
<a href="dashboard.html" class="nav-link">
|
||||||
<i class="nav-icon fas fa-columns"></i>
|
<i class="nav-icon fas fa-columns"></i>
|
||||||
@ -90,9 +81,6 @@
|
|||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li id="devicepanel" class="nav-item">
|
<li id="devicepanel" class="nav-item">
|
||||||
<a href="device.html" class="nav-link">
|
<a href="device.html" class="nav-link">
|
||||||
<i class="nav-icon fas fa-desktop"></i>
|
<i class="nav-icon fas fa-desktop"></i>
|
||||||
@ -102,14 +90,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="#todo" class="nav-link">
|
|
||||||
<i class="nav-icon fas fa-plus-circle"></i>
|
|
||||||
<p>
|
|
||||||
New Entry
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li id="adminpanel" class="nav-item hideit">
|
<li id="adminpanel" class="nav-item hideit">
|
||||||
<a href="adminpanel.html" class="nav-link">
|
<a href="adminpanel.html" class="nav-link">
|
||||||
@ -175,9 +156,9 @@
|
|||||||
<!-- small box -->
|
<!-- small box -->
|
||||||
<div class="small-box bg-info">
|
<div class="small-box bg-info">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>TODO</h3>
|
<h3 id="devicenr-label">-1</h3>
|
||||||
|
|
||||||
<p>Todo</p>
|
<p>Devices</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<i class="ion ion-bag"></i>
|
<i class="ion ion-bag"></i>
|
||||||
@ -190,9 +171,9 @@
|
|||||||
<!-- small box -->
|
<!-- small box -->
|
||||||
<div class="small-box bg-success">
|
<div class="small-box bg-success">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>TODO</h3>
|
<h3 id="unconfigured-devices-label">-1</h3>
|
||||||
|
|
||||||
<p>Devices</p>
|
<p>Not Configured Devices</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<i class="ion ion-stats-bars"></i>
|
<i class="ion ion-stats-bars"></i>
|
||||||
@ -234,7 +215,7 @@
|
|||||||
<th><i class="fas fa-id-card"></i> Device ID</th>
|
<th><i class="fas fa-id-card"></i> Device ID</th>
|
||||||
<th><i class="fas fa-signature"></i> Devicename</th>
|
<th><i class="fas fa-signature"></i> Devicename</th>
|
||||||
<th><i class="fas fa-search-location"></i> Devicelocation</th>
|
<th><i class="fas fa-search-location"></i> Devicelocation</th>
|
||||||
<th> <i class="fas fa-recycle"></i> WasteType</th>
|
<th><i class="fas fa-recycle"></i> WasteType</th>
|
||||||
<th><i class="fas fa-edit"></i> Action</th>
|
<th><i class="fas fa-edit"></i> Action</th>
|
||||||
</tr>
|
</tr>
|
||||||
</tfoot>
|
</tfoot>
|
||||||
|
@ -1,11 +1,12 @@
|
|||||||
$(document).ready(function () {
|
$(function () {
|
||||||
new Device();
|
new Device();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
class Device {
|
class Device {
|
||||||
constructor() {
|
constructor() {
|
||||||
this.reloadDevices()
|
this.reloadDevices();
|
||||||
|
this.loadHeader();
|
||||||
}
|
}
|
||||||
|
|
||||||
devicetable = null;
|
devicetable = null;
|
||||||
@ -50,9 +51,9 @@ class Device {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
_this.addDeleteButton();
|
_this._addDeleteButton();
|
||||||
_this.addAddButton();
|
_this._addAddButton();
|
||||||
_this.addConfigDialog();
|
_this._addConfigDialog();
|
||||||
_this.devicetable = $('#table-devices').DataTable();
|
_this.devicetable = $('#table-devices').DataTable();
|
||||||
}, 'json');
|
}, 'json');
|
||||||
}
|
}
|
||||||
@ -60,7 +61,8 @@ class Device {
|
|||||||
/**
|
/**
|
||||||
* add click listener to add button to add new city entries to current device
|
* add click listener to add button to add new city entries to current device
|
||||||
*/
|
*/
|
||||||
addAddButton() {
|
_addAddButton() {
|
||||||
|
var _this = this;
|
||||||
$('.addbtn').click(function (event) {
|
$('.addbtn').click(function (event) {
|
||||||
var id = event.target.getAttribute("dataid");
|
var id = event.target.getAttribute("dataid");
|
||||||
var cityname;
|
var cityname;
|
||||||
@ -83,8 +85,6 @@ class Device {
|
|||||||
}
|
}
|
||||||
]).then((result) => {
|
]).then((result) => {
|
||||||
if (result.value) {
|
if (result.value) {
|
||||||
console.log(result.value);
|
|
||||||
const answers = JSON.stringify(result.value);
|
|
||||||
cityname = result.value[0];
|
cityname = result.value[0];
|
||||||
|
|
||||||
console.log("cityname=" + cityname);
|
console.log("cityname=" + cityname);
|
||||||
@ -103,7 +103,6 @@ class Device {
|
|||||||
}
|
}
|
||||||
]).then((result) => {
|
]).then((result) => {
|
||||||
if (result.value) {
|
if (result.value) {
|
||||||
console.log(result.value);
|
|
||||||
zone = result.value[0];
|
zone = result.value[0];
|
||||||
$.post('/senddata/Devicedata', 'action=gettypes&cityname=' + cityname + '&zonename=' + zone, function (data) {
|
$.post('/senddata/Devicedata', 'action=gettypes&cityname=' + cityname + '&zonename=' + zone, function (data) {
|
||||||
Swal.mixin({
|
Swal.mixin({
|
||||||
@ -120,11 +119,8 @@ class Device {
|
|||||||
}
|
}
|
||||||
]).then((result) => {
|
]).then((result) => {
|
||||||
if (result.value) {
|
if (result.value) {
|
||||||
console.log(result.value);
|
|
||||||
wastetype = result.value[0];
|
wastetype = result.value[0];
|
||||||
|
|
||||||
|
|
||||||
//todo add to db
|
|
||||||
$.post('/senddata/Devicedata', 'action=addtodb&deviceid=' + id + '&cityname=' + cityname + '&zonename=' + zone + '&wastetype=' + wastetype, function (data) {
|
$.post('/senddata/Devicedata', 'action=addtodb&deviceid=' + id + '&cityname=' + cityname + '&zonename=' + zone + '&wastetype=' + wastetype, function (data) {
|
||||||
if (data.success) {
|
if (data.success) {
|
||||||
Swal.fire({
|
Swal.fire({
|
||||||
@ -133,8 +129,7 @@ class Device {
|
|||||||
html: 'This alert closes added.',
|
html: 'This alert closes added.',
|
||||||
timer: 1000,
|
timer: 1000,
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
console.log('Popup closed. ');
|
_this.reloadDevices();
|
||||||
reloadDevices();
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -153,7 +148,7 @@ class Device {
|
|||||||
/**
|
/**
|
||||||
* add click listener to delete button to delete this device entry
|
* add click listener to delete button to delete this device entry
|
||||||
*/
|
*/
|
||||||
addDeleteButton() {
|
_addDeleteButton() {
|
||||||
var _this = this;
|
var _this = this;
|
||||||
$(".delbtn").click(function (event) {
|
$(".delbtn").click(function (event) {
|
||||||
var id = event.target.getAttribute("dataid");
|
var id = event.target.getAttribute("dataid");
|
||||||
@ -190,7 +185,8 @@ class Device {
|
|||||||
/**
|
/**
|
||||||
* add click listener to unconfigured device to show configure dialog
|
* add click listener to unconfigured device to show configure dialog
|
||||||
*/
|
*/
|
||||||
addConfigDialog() {
|
_addConfigDialog() {
|
||||||
|
var _this = this;
|
||||||
$(".configuredevicebutton").click(function (event) {
|
$(".configuredevicebutton").click(function (event) {
|
||||||
var id = event.target.getAttribute("deviceid");
|
var id = event.target.getAttribute("deviceid");
|
||||||
var cityname;
|
var cityname;
|
||||||
@ -271,7 +267,7 @@ class Device {
|
|||||||
timer: 1000,
|
timer: 1000,
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
console.log('Popup closed. ');
|
console.log('Popup closed. ');
|
||||||
reloadDevices();
|
_this.reloadDevices();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -284,10 +280,18 @@ class Device {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
console.log("click..." + id);
|
* Load header tiles
|
||||||
|
*/
|
||||||
|
loadHeader(){
|
||||||
|
$.post('/senddata/Devicedata', 'action=getheader', function (data) {
|
||||||
|
if (data.success) {
|
||||||
|
$("#devicenr-label").html(data.devicenumber);
|
||||||
|
$("#unconfigured-devices-label").html(data.unconfigureddevices);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -88,14 +88,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="#todo" class="nav-link">
|
|
||||||
<i class="nav-icon fas fa-plus-circle"></i>
|
|
||||||
<p>
|
|
||||||
New Entry
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<!-- /.sidebar-menu -->
|
<!-- /.sidebar-menu -->
|
||||||
|
Loading…
Reference in New Issue
Block a user