sidebar values improvement
load header data on devicepage
This commit is contained in:
		| @@ -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> | ||||||
|   | |||||||
| @@ -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 --> | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user