sharee.bike/copri4/main/js/rentalator.js

84 lines
2.6 KiB
JavaScript

function rental_request(url,bikeID,bookingID) {
console.log('getURL: ' + url);
console.log('bike: ' + bikeID);
console.log('pos_id: ' + bookingID);
if(bookingID){
bikeID = bookingID;
console.log('Take bikeID from requesting bookinID: ' + bikeID);
}
const button_reserv = document.querySelector('#button_reserv_' + bikeID);
const button_cancel = document.querySelector('#button_cancel_' + bikeID);
const return_state = document.querySelector('#return_state_' + bikeID);
const reserved_bikes = document.querySelector('#reserved_bikes');
$.getJSON( url, function( data ) {
console.log('state=' + data.shareejson.state + '|bike: ' + data.shareejson.bike + '==' + bikeID + '| bookingID: ' + data.shareejson.pos_id + '==' + bookingID);
var DID = data.shareejson.bike;
if(data.shareejson.pos_id && bookingID){
DID = data.shareejson.pos_id;
console.log('Take DID from responsing pos_id: ' + DID);
}
if(data.shareejson.response_state.match(/Failure/)){
return_state.style = 'color:red';
}
if(data.shareejson.state == 'requested' && DID == bikeID){
return_state.textContent = data.shareejson.response_text;
button_reserv.style.display = 'none';
button_cancel.style.display = 'block';
}
else if(data.shareejson.state == 'reserved' && DID == bikeID){
return_state.textContent = data.shareejson.response_text;
button_reserv.style.display = 'none';
button_cancel.style.display = 'block';
}
else if(data.shareejson.state == 'available' && DID == bikeID){
return_state.textContent = data.shareejson.response_text;
button_cancel.style.display = 'none';
button_reserv.style.display = 'block';
}
else {
return_state.style = 'color:red';
return_state.textContent = data.shareejson.response_text;
}
if(1 == 2){
for (const key in data.shareejson.bikes_occupied) {
console.log(key + ':' + data.shareejson.bikes_occupied[key].bike);
reserved_bikes.textContent = data.shareejson.bikes_occupied[key].bike;
}
}
});
}
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
var scrollToTopBtn = document.getElementById("scroll-top-wrapper");
var rootElement = document.documentElement;
function scrollToTop() {
// Scroll to top logic
rootElement.scrollTo({
top: 0,
behavior: "smooth"
});
}
scrollToTopBtn.addEventListener("click", scrollToTop);