sidebar values improvement
load header data on devicepage
This commit is contained in:
		@@ -142,14 +142,6 @@ class DeviceRequest : PostRequest() {
 | 
			
		||||
                }
 | 
			
		||||
                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" -> {
 | 
			
		||||
                var cityid = -1
 | 
			
		||||
                try {
 | 
			
		||||
@@ -162,6 +154,21 @@ class DeviceRequest : PostRequest() {
 | 
			
		||||
                }
 | 
			
		||||
                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()
 | 
			
		||||
    }
 | 
			
		||||
 
 | 
			
		||||
@@ -70,15 +70,6 @@
 | 
			
		||||
                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
 | 
			
		||||
                    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">
 | 
			
		||||
                        <a href="dashboard.html" class="nav-link">
 | 
			
		||||
                            <i class="nav-icon fas fa-columns"></i>
 | 
			
		||||
@@ -98,14 +89,7 @@
 | 
			
		||||
                        </a>
 | 
			
		||||
                    </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">
 | 
			
		||||
                        <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"
 | 
			
		||||
                    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">
 | 
			
		||||
                        <a href="dashboard.html" class="nav-link">
 | 
			
		||||
                            <i class="nav-icon fas fa-columns"></i>
 | 
			
		||||
@@ -98,14 +89,7 @@
 | 
			
		||||
                        </a>
 | 
			
		||||
                    </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">
 | 
			
		||||
                        <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"
 | 
			
		||||
                    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">
 | 
			
		||||
                        <a href="dashboard.html" class="nav-link">
 | 
			
		||||
                            <i class="nav-icon fas fa-columns"></i>
 | 
			
		||||
@@ -90,9 +81,6 @@
 | 
			
		||||
                    </li>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
                    <li id="devicepanel" class="nav-item">
 | 
			
		||||
                        <a href="device.html" class="nav-link">
 | 
			
		||||
                            <i class="nav-icon fas fa-desktop"></i>
 | 
			
		||||
@@ -102,14 +90,7 @@
 | 
			
		||||
                        </a>
 | 
			
		||||
                    </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">
 | 
			
		||||
                        <a href="adminpanel.html" class="nav-link">
 | 
			
		||||
@@ -175,9 +156,9 @@
 | 
			
		||||
                        <!-- small box -->
 | 
			
		||||
                        <div class="small-box bg-info">
 | 
			
		||||
                            <div class="inner">
 | 
			
		||||
                                <h3>TODO</h3>
 | 
			
		||||
                                <h3 id="devicenr-label">-1</h3>
 | 
			
		||||
 | 
			
		||||
                                <p>Todo</p>
 | 
			
		||||
                                <p>Devices</p>
 | 
			
		||||
                            </div>
 | 
			
		||||
                            <div class="icon">
 | 
			
		||||
                                <i class="ion ion-bag"></i>
 | 
			
		||||
@@ -190,9 +171,9 @@
 | 
			
		||||
                        <!-- small box -->
 | 
			
		||||
                        <div class="small-box bg-success">
 | 
			
		||||
                            <div class="inner">
 | 
			
		||||
                                <h3>TODO</h3>
 | 
			
		||||
                                <h3 id="unconfigured-devices-label">-1</h3>
 | 
			
		||||
 | 
			
		||||
                                <p>Devices</p>
 | 
			
		||||
                                <p>Not Configured Devices</p>
 | 
			
		||||
                            </div>
 | 
			
		||||
                            <div class="icon">
 | 
			
		||||
                                <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-signature"></i> Devicename</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>
 | 
			
		||||
                                    </tr>
 | 
			
		||||
                                    </tfoot>
 | 
			
		||||
 
 | 
			
		||||
@@ -1,11 +1,12 @@
 | 
			
		||||
$(document).ready(function () {
 | 
			
		||||
$(function () {
 | 
			
		||||
    new Device();
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class Device {
 | 
			
		||||
    constructor() {
 | 
			
		||||
        this.reloadDevices()
 | 
			
		||||
        this.reloadDevices();
 | 
			
		||||
        this.loadHeader();
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    devicetable = null;
 | 
			
		||||
@@ -50,9 +51,9 @@ class Device {
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            _this.addDeleteButton();
 | 
			
		||||
            _this.addAddButton();
 | 
			
		||||
            _this.addConfigDialog();
 | 
			
		||||
            _this._addDeleteButton();
 | 
			
		||||
            _this._addAddButton();
 | 
			
		||||
            _this._addConfigDialog();
 | 
			
		||||
            _this.devicetable = $('#table-devices').DataTable();
 | 
			
		||||
        }, 'json');
 | 
			
		||||
    }
 | 
			
		||||
@@ -60,7 +61,8 @@ class Device {
 | 
			
		||||
    /**
 | 
			
		||||
     * add click listener to add button to add new city entries to current device
 | 
			
		||||
     */
 | 
			
		||||
    addAddButton() {
 | 
			
		||||
    _addAddButton() {
 | 
			
		||||
        var _this = this;
 | 
			
		||||
        $('.addbtn').click(function (event) {
 | 
			
		||||
            var id = event.target.getAttribute("dataid");
 | 
			
		||||
            var cityname;
 | 
			
		||||
@@ -83,8 +85,6 @@ class Device {
 | 
			
		||||
                }
 | 
			
		||||
                ]).then((result) => {
 | 
			
		||||
                    if (result.value) {
 | 
			
		||||
                        console.log(result.value);
 | 
			
		||||
                        const answers = JSON.stringify(result.value);
 | 
			
		||||
                        cityname = result.value[0];
 | 
			
		||||
 | 
			
		||||
                        console.log("cityname=" + cityname);
 | 
			
		||||
@@ -103,7 +103,6 @@ class Device {
 | 
			
		||||
                                }
 | 
			
		||||
                            ]).then((result) => {
 | 
			
		||||
                                if (result.value) {
 | 
			
		||||
                                    console.log(result.value);
 | 
			
		||||
                                    zone = result.value[0];
 | 
			
		||||
                                    $.post('/senddata/Devicedata', 'action=gettypes&cityname=' + cityname + '&zonename=' + zone, function (data) {
 | 
			
		||||
                                        Swal.mixin({
 | 
			
		||||
@@ -120,11 +119,8 @@ class Device {
 | 
			
		||||
                                            }
 | 
			
		||||
                                        ]).then((result) => {
 | 
			
		||||
                                            if (result.value) {
 | 
			
		||||
                                                console.log(result.value);
 | 
			
		||||
                                                wastetype = result.value[0];
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
                                                //todo add to db
 | 
			
		||||
                                                $.post('/senddata/Devicedata', 'action=addtodb&deviceid=' + id + '&cityname=' + cityname + '&zonename=' + zone + '&wastetype=' + wastetype, function (data) {
 | 
			
		||||
                                                    if (data.success) {
 | 
			
		||||
                                                        Swal.fire({
 | 
			
		||||
@@ -133,8 +129,7 @@ class Device {
 | 
			
		||||
                                                            html: 'This alert closes added.',
 | 
			
		||||
                                                            timer: 1000,
 | 
			
		||||
                                                        }).then((result) => {
 | 
			
		||||
                                                            console.log('Popup closed. ');
 | 
			
		||||
                                                            reloadDevices();
 | 
			
		||||
                                                            _this.reloadDevices();
 | 
			
		||||
                                                        });
 | 
			
		||||
                                                    }
 | 
			
		||||
                                                });
 | 
			
		||||
@@ -153,7 +148,7 @@ class Device {
 | 
			
		||||
    /**
 | 
			
		||||
     * add click listener to delete button to delete this device entry
 | 
			
		||||
     */
 | 
			
		||||
    addDeleteButton() {
 | 
			
		||||
    _addDeleteButton() {
 | 
			
		||||
        var _this = this;
 | 
			
		||||
        $(".delbtn").click(function (event) {
 | 
			
		||||
            var id = event.target.getAttribute("dataid");
 | 
			
		||||
@@ -190,7 +185,8 @@ class Device {
 | 
			
		||||
    /**
 | 
			
		||||
     * add click listener to unconfigured device to show configure dialog
 | 
			
		||||
     */
 | 
			
		||||
    addConfigDialog() {
 | 
			
		||||
    _addConfigDialog() {
 | 
			
		||||
        var _this = this;
 | 
			
		||||
        $(".configuredevicebutton").click(function (event) {
 | 
			
		||||
            var id = event.target.getAttribute("deviceid");
 | 
			
		||||
            var cityname;
 | 
			
		||||
@@ -271,7 +267,7 @@ class Device {
 | 
			
		||||
                                                            timer: 1000,
 | 
			
		||||
                                                        }).then((result) => {
 | 
			
		||||
                                                            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>
 | 
			
		||||
                    </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>
 | 
			
		||||
            </nav>
 | 
			
		||||
            <!-- /.sidebar-menu -->
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user