* add city animation

* delete city button
* reload table data
This commit is contained in:
lukas-heiligenbrunner 2019-11-29 16:55:57 +01:00
parent e292df8bb8
commit 07a4035195
12 changed files with 155 additions and 45 deletions

View File

@ -0,0 +1,9 @@
<component name="libraryTable">
<library name="gson-2.8.6">
<CLASSES>
<root url="jar://$PROJECT_DIR$/lib/gson-2.8.6.jar!/" />
</CLASSES>
<JAVADOC />
<SOURCES />
</library>
</component>

View File

@ -0,0 +1,9 @@
<component name="libraryTable">
<library name="gson-2.8.6-sources">
<CLASSES />
<JAVADOC />
<SOURCES>
<root url="jar://$PROJECT_DIR$/lib/gson-2.8.6-sources.jar!/" />
</SOURCES>
</library>
</component>

View File

@ -1,9 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="ProjectPlainTextFileTypeManager"> <component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" default="false" project-jdk-name="13" project-jdk-type="JavaSDK">
<file url="file://$PROJECT_DIR$/resources/wwwroot/settings.html" />
</component>
<component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" default="false" project-jdk-name="11" project-jdk-type="JavaSDK">
<output url="file://$PROJECT_DIR$/out" /> <output url="file://$PROJECT_DIR$/out" />
</component> </component>
</project> </project>

View File

@ -12,7 +12,6 @@
<orderEntry type="library" name="mysql-connector-java-5.1.44-bin" level="project" /> <orderEntry type="library" name="mysql-connector-java-5.1.44-bin" level="project" />
<orderEntry type="library" name="mysql-connector-java-5.1.44-bin" level="project" /> <orderEntry type="library" name="mysql-connector-java-5.1.44-bin" level="project" />
<orderEntry type="library" name="org.eclipse.paho.client.mqttv3-1.2.1" level="project" /> <orderEntry type="library" name="org.eclipse.paho.client.mqttv3-1.2.1" level="project" />
<orderEntry type="library" name="gson-2.8.6-javadoc" level="project" />
<orderEntry type="library" name="gson-2.8.6" level="project" /> <orderEntry type="library" name="gson-2.8.6" level="project" />
<orderEntry type="library" name="gson-2.8.6-sources" level="project" /> <orderEntry type="library" name="gson-2.8.6-sources" level="project" />
</component> </component>

BIN
lib/gson-2.8.6-sources.jar Normal file

Binary file not shown.

BIN
lib/gson-2.8.6.jar Normal file

Binary file not shown.

View File

@ -332,6 +332,7 @@
<th>City</th> <th>City</th>
<th>Zone</th> <th>Zone</th>
<th>Waste Type</th> <th>Waste Type</th>
<th>X</th>
</tr> </tr>
</thead> </thead>
<tbody id="location-table-data"> <tbody id="location-table-data">
@ -341,6 +342,7 @@
<th>City</th> <th>City</th>
<th>Zone</th> <th>Zone</th>
<th>Waste Type</th> <th>Waste Type</th>
<th>X</th>
</tr> </tr>
</tfoot> </tfoot>
</table> </table>
@ -419,5 +421,7 @@
<script src="lib/AdminLTE/plugins/datatables/jquery.dataTables.js"></script> <script src="lib/AdminLTE/plugins/datatables/jquery.dataTables.js"></script>
<script src="lib/AdminLTE/plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script> <script src="lib/AdminLTE/plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
<script src="lib/AdminLTE/plugins/sweetalert2/sweetalert2.all.js"></script>
</body> </body>
</html> </html>

View File

@ -1,5 +1,4 @@
$(document).ready(function () { $(document).ready(function () {
// TODO: check login state
console.log("page loaded"); console.log("page loaded");
$.post('/senddata/checkloginstate', 'action=getloginstate', function (data) { $.post('/senddata/checkloginstate', 'action=getloginstate', function (data) {
console.log(data); console.log(data);
@ -10,27 +9,45 @@ $(document).ready(function () {
} }
}, 'json'); }, 'json');
$.post('/senddata/wastedata', 'action=getAllCities', function (data) { var table;
console.log(data);
for (var i = 0; i < data.data.length; i++) {
$('#location-table-data').append("<tr>" +
"<td>" + data.data[i].cityname + "</td>" +
"<td>" + data.data[i].zone + "</td>" +
"<td>" + data.data[i].wastetype + "</td>" +
"</tr>");
}
//todo entweda 1 od 2
$("#example2").DataTable();
$('#example1').DataTable({
"paging": true,
"lengthChange": false,
"searching": false,
"ordering": true,
"info": true,
"autoWidth": false,
});
}, 'json'); function reloadtable() {
$.post('/senddata/wastedata', 'action=getAllCities', function (data) {
console.log(data);
$('#location-table-data').html("");
for (var i = 0; i < data.data.length; i++) {
$('#location-table-data').append("<tr>" +
"<td>" + data.data[i].cityname + "</td>" +
"<td>" + data.data[i].zone + "</td>" +
"<td>" + data.data[i].wastetype + "</td>" +
"<td>" + "<button dataid='" + data.data[i].id + "' type='button' class='delbtn btn btn-danger'>X</button>" + "</td>" +
"</tr>");
$(".delbtn").click(function (event) {
var id = event.target.getAttribute("dataid");
console.log("clicked btn data " + id);
$.post('/senddata/wastedata', 'action=deletecity&id=' + id, function (data) {
console.log(data);
reloadtable();
});
});
}
//todo entweda 1 od 2
// $("#example2").reload();
table = $("#example2").DataTable();
// $('#example1').DataTable({
// "paging": true,
// "lengthChange": false,
// "searching": false,
// "ordering": true,
// "info": true,
// "autoWidth": false,
// });
}, 'json');
}
reloadtable();
//btn listeners //btn listeners
@ -52,12 +69,39 @@ $(document).ready(function () {
$.post('/senddata/wastedata', 'action=newCity&wastetype=' + wastetype + "&cityname=" + cityname + "&wastezone=" + zonename, function (data) { $.post('/senddata/wastedata', 'action=newCity&wastetype=' + wastetype + "&cityname=" + cityname + "&wastezone=" + zonename, function (data) {
console.log(data); console.log(data);
if (data.status == "inserted") {
Swal.fire({
type: "success",
title: 'Successfully created city!',
html: 'This alert closes automatically.',
timer: 1000,
}).then((result) => {
console.log('Popup closed. ')
});
table.destroy();
reloadtable();
} else if (data.status == "exists") {
Swal.fire({
type: "warning",
title: 'Name already exists in db',
html: 'Close popup.',
}).then((result) => {
console.log('Popup closed. ')
});
}
}, 'json'); }, 'json');
//clear form data //clear form data
var cityname = $("#new_city_cityname").val(""); $("#new_city_cityname").val("");
var zonename = $("#new_city_zonename").val(""); $("#new_city_zonename").val("");
var wastetype = $("#dropdown-wastetype").html("select waste type"); $("#dropdown-wastetype").html("select waste type");
//todo reload table.
}); });

View File

@ -25,8 +25,13 @@ public class main {
Log.message("thread started"); Log.message("thread started");
mqtt m = new mqtt(); try{
m.notifymessage(); mqtt m = new mqtt();
m.notifymessage();
}catch (Exception e){
e.printStackTrace();
}
} }
} }

View File

@ -1,3 +1,16 @@
// Dear programmer:
// When I wrote this code, only god and
// I knew how it worked.
// Now, only god knows it!
//
// Therefore, if you are trying to optimize
// this routine and it fails (most surely),
// please increase this counter as a
// warning for the next person:
//
// total hours wasted here = 254
//
package com.wasteinformationserver.website; package com.wasteinformationserver.website;
import com.sun.net.httpserver.Headers; import com.sun.net.httpserver.Headers;

View File

@ -21,19 +21,38 @@ public class DataRequest extends PostRequest {
JDCB jdcb = new JDCB("users", "kOpaIJUjkgb9ur6S", "wasteinformation"); JDCB jdcb = new JDCB("users", "kOpaIJUjkgb9ur6S", "wasteinformation");
ResultSet set = jdcb.executeQuery("select * from cities where name='" + params.get("cityname") + "' AND wastetype='" + params.get("wastetype") + "' AND zone='" + params.get("wastezone") + "'"); Log.debug(params.get("cityname") + params.get("wastetype") + params.get("wastezone"));
ResultSet set = jdcb.executeQuery("select * from `cities` where `name`='" + params.get("cityname") + "' AND `wastetype`='" + params.get("wastetype") + "' AND `zone`='" + params.get("wastezone") + "'");
int size = 0;
try { try {
if (set.getFetchSize() == 0) { if (set != null) {
//doesnt exist set.last(); // moves cursor to the last row
System.out.println("doesnt exist"); size = set.getRow(); // get row id
jdcb.executeUpdate("INSERT INTO `cities`(`userid`, `name`, `wastetype`, `zone`) VALUES ('0','" + params.get("cityname") + "','" + params.get("wastetype") + "','" + params.get("wastezone") + "');");
} else {
//already exists
System.out.println("already exists");
} }
} catch (SQLException e) { } catch (SQLException e) {
e.printStackTrace(); e.printStackTrace();
} }
if (size == 0) {
//doesnt exist
System.out.println("doesnt exist");
int status = jdcb.executeUpdate("INSERT INTO `cities`(`userid`, `name`, `wastetype`, `zone`) VALUES ('0','" + params.get("cityname") + "','" + params.get("wastetype") + "','" + params.get("wastezone") + "');");
System.out.println(status);
if (status == 1) {
result = "{\"status\" : \"inserted\"}";
} else {
result = "{\"status\" : \"inserterror\"}";
}
} else if (size > 1) {
Log.warning("more than one entry in db!!!");
result = "{\"status\" : \"exists\"}";
} else {
//already exists
System.out.println("already exists");
result = "{\"status\" : \"exists\"}";
}
Log.debug(result);
break; break;
case "getAllCities": case "getAllCities":
@ -48,10 +67,11 @@ public class DataRequest extends PostRequest {
builder.append("{\"data\":["); builder.append("{\"data\":[");
try { try {
while (sett.next()) { while (sett.next()) {
builder.append("{\"cityname\":\""+sett.getString("name")+"\""); builder.append("{\"cityname\":\"" + sett.getString("name") + "\"");
builder.append(",\"wastetype\":\""+sett.getString("wastetype")+"\""); builder.append(",\"wastetype\":\"" + sett.getString("wastetype") + "\"");
builder.append(",\"zone\":\""+sett.getString("zone")+"\"}"); builder.append(",\"id\":\"" + sett.getString("id") + "\"");
if (!sett.isLast()){ builder.append(",\"zone\":\"" + sett.getString("zone") + "\"}");
if (!sett.isLast()) {
builder.append(","); builder.append(",");
} }
@ -61,8 +81,18 @@ public class DataRequest extends PostRequest {
e.printStackTrace(); e.printStackTrace();
} }
builder.append("]}"); builder.append("]}");
result= builder.toString(); result = builder.toString();
Log.debug(result); Log.debug(result);
break;
case "deletecity":
//DELETE FROM `cities` WHERE `id`=0
JDCB jdcbcc = new JDCB("users", "kOpaIJUjkgb9ur6S", "wasteinformation");
Log.debug(params.get("id"));
int status= jdcbcc.executeUpdate("DELETE FROM `cities` WHERE `id`='" + params.get("id")+"'");
Log.debug(status);
break; break;
} }
return result; return result;

View File

@ -19,7 +19,7 @@ public class LoginRequest extends PostRequest {
String username = params.get("username"); String username = params.get("username");
ResultSet s = new JDCB("users", "kOpaIJUjkgb9ur6S", "wasteinformation").executeQuery("select * from user where username ='" + username + "'"); ResultSet s = new JDCB("users", "kOpaIJUjkgb9ur6S", "wasteinformation").executeQuery("select * from user where username ='" + username + "'");
Log.debug("successfully logged in to db");
String response = "{\"accept\": false}"; String response = "{\"accept\": false}";
try { try {
s.last(); s.last();