cleaned project structure
This commit is contained in:
160
src/resources/wwwroot/js/dashboard.js
Normal file
160
src/resources/wwwroot/js/dashboard.js
Normal file
@ -0,0 +1,160 @@
|
||||
$(document).ready(function () {
|
||||
console.log("page loaded");
|
||||
$.post('/senddata/checkloginstate', 'action=getloginstate', function (data) {
|
||||
console.log(data);
|
||||
if (data.loggedin == true) {
|
||||
$("#userlabel").html(" " + data.username);
|
||||
} else {
|
||||
$("#userlabel").html(" not logged in!!");
|
||||
}
|
||||
}, 'json');
|
||||
|
||||
var table;
|
||||
|
||||
function reloadtable() {
|
||||
$.post('/senddata/wastedata', 'action=getAllCities', function (data) {
|
||||
console.log(data);
|
||||
if (data.query == "ok") {
|
||||
$('#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,
|
||||
// });
|
||||
} else if (data.query == "nodbconn") {
|
||||
Swal.fire({
|
||||
type: "error",
|
||||
title: 'No connection to Database',
|
||||
html: 'Setup DB here --> <a href="index.html">click<a/>.',
|
||||
}).then((result) => {
|
||||
console.log('Popup closed. ')
|
||||
|
||||
});
|
||||
} else {
|
||||
console.log("Error: " + data.query);
|
||||
}
|
||||
|
||||
|
||||
}, 'json');
|
||||
}
|
||||
|
||||
reloadtable();
|
||||
|
||||
|
||||
//btn listeners
|
||||
$('#logoutbtn').click(function () {
|
||||
$.post('/senddata/checkloginstate', 'action=logout', function (data) {
|
||||
console.log(data);
|
||||
}, 'json');
|
||||
});
|
||||
|
||||
$('.dropdown-item').click(function () {
|
||||
$('#dropdown-wastetype').html($(this).html());
|
||||
});
|
||||
|
||||
$('#btn-savecity').click(function () {
|
||||
var cityname = $("#new_city_cityname").val();
|
||||
var zonename = $("#new_city_zonename").val();
|
||||
var wastetype = $("#dropdown-wastetype").html();
|
||||
console.log("storing: " + cityname + "--" + wastetype + "in db");
|
||||
|
||||
$.post('/senddata/wastedata', 'action=newCity&wastetype=' + wastetype + "&cityname=" + cityname + "&wastezone=" + zonename, function (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');
|
||||
|
||||
//clear form data
|
||||
$("#new_city_cityname").val("");
|
||||
$("#new_city_zonename").val("");
|
||||
$("#dropdown-wastetype").html("select waste type");
|
||||
|
||||
|
||||
//todo reload table.
|
||||
|
||||
});
|
||||
|
||||
|
||||
$('.btn-addtolist').click(function () {
|
||||
console.log("added new row to table");
|
||||
$('#addtable-body').append("<tr>" +
|
||||
"<td class='td-dropdown-wastetype'>" + $('#dropdown-wastetype').html() + "</td>" +
|
||||
"<td class='td-input-wastetime'>" + $('#input-wastetime').val() + "</td>" +
|
||||
"<td class='td-input-wasteregion'>" + $('#input-wasteregion').val() + "</td>" +
|
||||
"<td class='td-input-wastezone'>" + $('#input-wastezone').val() + "</td>" +
|
||||
"</tr>");
|
||||
});
|
||||
|
||||
$('#btn-savelist').click(function () {
|
||||
console.log("saving list");
|
||||
var wastetypearr = $('.td-dropdown-wastetype');
|
||||
var wastetime = $('.td-input-wastetime');
|
||||
var wasteregionarr = $('.td-input-wasteregion');
|
||||
var wastezonearr = $('.td-input-wastezone');
|
||||
|
||||
for (var i = 0; i < wastetypearr.length; i++) {
|
||||
console.log(wastetypearr[i].innerHTML);
|
||||
$.post('/senddata/wastedata', 'action=senddata&wastetype=' + wastetypearr[i].innerHTML + "&wastetime=" + wastetime[i].innerHTML + "&wasteregion=" + wasteregionarr[i].innerHTML + "&wastezone=" + wastezonearr[i].innerHTML, function (data) {
|
||||
console.log(data);
|
||||
}, 'text');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
//Date picker pop up actions...
|
||||
var date_input = $('input[name="date"]'); //our date input has the name "date"
|
||||
var container = $('.bootstrap-iso form').length > 0 ? $('.bootstrap-iso form').parent() : "body";
|
||||
var options = {
|
||||
format: 'mm/dd/yyyy',
|
||||
container: container,
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
};
|
||||
date_input.datepicker(options);
|
||||
});
|
28
src/resources/wwwroot/js/index.js
Normal file
28
src/resources/wwwroot/js/index.js
Normal file
@ -0,0 +1,28 @@
|
||||
$(document).ready(function () {
|
||||
$('#loginbtn').click(function (e) {
|
||||
e.preventDefault();
|
||||
console.log("clicked login button");
|
||||
var username = $("#userfield")[0].value;
|
||||
var password = $("#passfield")[0].value;
|
||||
|
||||
$.post('/senddata/loginget', 'username=' + username + '&password=' + password, function (data) {
|
||||
|
||||
console.log(data);
|
||||
if (data.status == "nodbconn"){
|
||||
Swal.fire({
|
||||
type: "error",
|
||||
title: 'No connection to Database',
|
||||
html: 'Setup DB here --> <a href="index.html">click<a/>.',
|
||||
}).then((result) => {
|
||||
console.log('Popup closed. ')
|
||||
|
||||
});
|
||||
}
|
||||
if (data.accept == true) {
|
||||
console.log("successfully logged in!");
|
||||
document.cookie = "username=" + username;
|
||||
window.location = 'dashboard.html';
|
||||
}
|
||||
}, 'json');
|
||||
});
|
||||
});
|
7
src/resources/wwwroot/js/profile.js
Normal file
7
src/resources/wwwroot/js/profile.js
Normal file
@ -0,0 +1,7 @@
|
||||
$(document).ready(function() {
|
||||
$("#firstname").value("hhh");
|
||||
|
||||
$.post('/senddata/checkloginstate', 'action=getfirstname', function (data) {
|
||||
console.log(data);
|
||||
}, 'json');
|
||||
});
|
37
src/resources/wwwroot/js/register.js
Normal file
37
src/resources/wwwroot/js/register.js
Normal file
@ -0,0 +1,37 @@
|
||||
$(document).ready(function() {
|
||||
$('#loginbtn').click(function(e) {
|
||||
e.preventDefault();
|
||||
console.log("clicked login button");
|
||||
var username = $("#usernamefield")[0].value;
|
||||
var firstname = $("#firstnamefield")[0].value;
|
||||
var lastname = $("#lastnamefield")[0].value;
|
||||
var email = $("#emailfield")[0].value;
|
||||
var password = $("#passfield")[0].value;
|
||||
var replypassword = $("#replpassfield")[0].value;
|
||||
|
||||
if (password != replypassword) {
|
||||
console.log("passwords doesnt match");
|
||||
}else {
|
||||
$.post('/senddata/registerpost','username='+username+
|
||||
'&firstname='+firstname+
|
||||
'&lastname='+lastname+
|
||||
'&email='+email+
|
||||
'&password='+password,function(data){
|
||||
|
||||
console.log(data);
|
||||
|
||||
if (data.accept == true) {
|
||||
console.log("successfully registered!");
|
||||
$("#successbar").show();
|
||||
|
||||
setTimeout(function() {
|
||||
window.location = 'index.html';
|
||||
},3000);
|
||||
}else {
|
||||
console.log("error!");
|
||||
$("#errorbar").show();
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
});
|
||||
});
|
Reference in New Issue
Block a user