Washing Reservation dynamic content

This commit is contained in:
frederikpyt
2020-07-28 14:26:32 +02:00
parent e5e937b76c
commit c4e4d64014
8 changed files with 263 additions and 143 deletions
+74 -84
View File
@@ -1,34 +1,5 @@
// class Calendar {
// constructor() {
//
// }
//
// nextMonth() {
//
// }
//
// previousMonth() {
//
// }
//
// addEvent() {
//
// }
//
// removeEvent() {
//
// }
// }
const moment = require("moment");
// const calendar = document.getElementById("calendar");
// const title = document.getElementById("month");
// calendar.innerHTML = "";
function generateCalendar(weekOffset = 0) {
const week = (moment().week() + weekOffset);
@@ -107,73 +78,96 @@ function onDateSelect(date, dayHolder) {
dayHolder.classList.add("selected");
if(document.getElementById("washing-machines") != undefined)
machinez = document.getElementById("washing-machines");
else {
let span = document.createElement("span");
span.classList.add("events__title");
span.innerText = "Maskiner";
let select = document.createElement("select");
select.classList.add("events__title");
select.id = "washing-machines";
axios({
method: 'get',
url: '/washing-reservationsapi',
data: { date: date }
}).then(function (response) {
var data = response.data();
console.log(data);
});
container.appendChild(span);
container.appendChild(select);
$.ajax({
type: 'get',
url: "/washing-reservationsapi",
data: {'date': date},
success:function (data) {
console.log(data);
machinez = document.getElementById("washing-machines");
}
if(document.getElementById("events") != undefined)
events = document.getElementById("events");
else {
let span = document.createElement("span");
span.classList.add("events__title");
span.innerText = "Tider";
/*if(document.getElementById("washing-machines") != undefined)
machinez = document.getElementById("washing-machines");
else {
let span = document.createElement("span");
span.classList.add("events__title");
span.innerText = "Maskiner";
let select = document.createElement("select");
select.classList.add("events__title");
select.id = "events";
let select = document.createElement("select");
select.classList.add("events__title");
select.id = "washing-machines";
container.appendChild(span);
container.appendChild(select);
container.appendChild(span);
container.appendChild(select);
events = document.getElementById("events");
}
if(document.getElementById("create-reservation") != undefined)
buttonz = document.getElementById("create-reservation");
else {
let button = document.createElement("button");
machinez = document.getElementById("washing-machines");
}
if(document.getElementById("events") != undefined)
events = document.getElementById("events");
else {
let span = document.createElement("span");
span.classList.add("events__title");
span.innerText = "Tider";
button.id = "create-reservation";
button.innerText = "Reserver";
let select = document.createElement("select");
select.classList.add("events__title");
select.id = "events";
container.appendChild(button);
container.appendChild(span);
container.appendChild(select);
buttonz = document.getElementById("events");
}
events = document.getElementById("events");
}
if(document.getElementById("create-reservation") != undefined)
buttonz = document.getElementById("create-reservation");
else {
let button = document.createElement("button");
const machines = [
"Maskine 1",
"Maskine 2"
]
button.id = "create-reservation";
button.innerText = "Reserver";
machinez.innerHTML = "";
for (let i = 0; i < machines.length; i++) {
let option = document.createElement("option");
option.text = machines[i];
container.appendChild(button);
machinez.appendChild(option);
}
buttonz = document.getElementById("events");
}
const machines = [
"Maskine 1",
"Maskine 2"
]
machinez.innerHTML = "";
for (let i = 0; i < machines.length; i++) {
let option = document.createElement("option");
option.text = machines[i];
machinez.appendChild(option);
}
events.innerHTML = "";
for (let hour = 8; hour <= 20; hour++) {
events.innerHTML = "";
for (let hour = 8; hour <= 20; hour++) {
let option = document.createElement("option");
option.text = prependZero(hour);
let option = document.createElement("option");
option.text = prependZero(hour);
events.appendChild(option);
}
events.appendChild(option);
}*/
},
error:function (data) {
console.log("FEJL");
console.log(data);
}
});
}
function prependZero(value) {
@@ -181,7 +175,3 @@ function prependZero(value) {
return "0" + value;
return value;
}
module.exports = {
generateCalendar
};