mirror of
https://github.com/TheGreyDiamond/elevatormapRewritten.git
synced 2025-12-16 23:10:45 +01:00
Compare commits
2 Commits
dd346d5017
...
3cb4a71c9f
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
3cb4a71c9f | ||
|
|
37e718ec80 |
@@ -50,8 +50,11 @@
|
||||
<body>
|
||||
<!-- Primary Page Layout
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<div id="overlay" onclick="off()">
|
||||
<div id="text"><TODO>Add this dialoge</TODO></div>
|
||||
<div id="overlay">
|
||||
<div id="text">
|
||||
We've detected that there is a draft in your current session. Do you want to restore it?<br>
|
||||
<button class="button-primary" onclick="restoreFunc()">Yes, restore it</button>
|
||||
<button onclick="noRestore()">No, don't restore it</button></div>
|
||||
</div>
|
||||
<div style="margin: 0px">
|
||||
<div class="map" id="map"></div>
|
||||
@@ -108,10 +111,26 @@
|
||||
<h5>4. Add images</h5>
|
||||
<p>This is the last step. You can now add images. <b>Make sure no personal information is visibel in the image.</b></p>
|
||||
<input type="file" id="myFile" name="files" multiple>
|
||||
|
||||
<br>
|
||||
<button onclick="prevPage()">Go back one step <i class="fas fa-arrow-left"></i></button>
|
||||
<button onclick="nextDialogePage()" class="button-primary">Next step <i class="fas fa-arrow-right"></i></button>
|
||||
</step>
|
||||
<step class="missingAlert" id="missingAlert" style="display: none;">
|
||||
<i class="fas fa-exclamation-triangle"></i> There are some empty fields. Please check the previous pages for empty fields!<br>
|
||||
<button onclick="prevPage()">Go back one step <i class="fas fa-arrow-left"></i></button>
|
||||
</step>
|
||||
<step id="step5" style="display: none;">
|
||||
<h5>5. Ready</h5>
|
||||
<p>Are you sure you want to submit this elevator?</p>
|
||||
<button style="background-color: greenyellow;" onclick="submit()"><i class="fas fa-check"></i></button>
|
||||
|
||||
<button onclick="currentPage = 3; updateDialog()">Go back one step <i class="fas fa-arrow-left"></i></button>
|
||||
</step>
|
||||
<step id="step6" style="display: none;">
|
||||
<h5>6. Saving</h5>
|
||||
<br><br><center><div class="lds-ripple"><div></div><div></div></div></center>
|
||||
</step>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -119,10 +138,13 @@
|
||||
<i style="color: black; cursor: pointer" class="fas fa-map-marker-alt" onclick="home()"></i>
|
||||
</aside>
|
||||
<script type="text/javascript">
|
||||
dataBlock = Cookies.get("tempStore");
|
||||
if(dataBlock == undefined){
|
||||
dataBlock = {};
|
||||
}else{
|
||||
|
||||
function noRestore(){
|
||||
off();
|
||||
Cookies.remove("tempStore")
|
||||
}
|
||||
|
||||
function restoreFunc(){
|
||||
try{
|
||||
dataBlock = JSON.parse(dataBlock)
|
||||
document.getElementById("lat").value = dataBlock["lat"]
|
||||
@@ -132,10 +154,17 @@
|
||||
document.getElementById("pepl").value = dataBlock["pepl"]
|
||||
document.getElementById("weig").value = dataBlock["weig"]
|
||||
document.getElementById("description").value = dataBlock["description"]
|
||||
on()
|
||||
}catch(ex){
|
||||
dataBlock = {}
|
||||
}
|
||||
off()
|
||||
}
|
||||
|
||||
dataBlock = Cookies.get("tempStore");
|
||||
if(dataBlock == undefined){
|
||||
dataBlock = {};
|
||||
}else{
|
||||
on()
|
||||
}
|
||||
|
||||
var currentPage = 0;
|
||||
@@ -149,6 +178,11 @@
|
||||
dataBlock["description"] = document.getElementById("description").value
|
||||
Cookies.set('tempStore', JSON.stringify(dataBlock))
|
||||
}
|
||||
function submit(){
|
||||
currentPage = 6;
|
||||
updateDialog()
|
||||
saveValues()
|
||||
}
|
||||
function updateDialog() {
|
||||
if (currentPage == 0) {
|
||||
document.getElementById("step1").style.display = 'block';
|
||||
@@ -173,6 +207,46 @@
|
||||
document.getElementById("step2").style.display = 'none';
|
||||
document.getElementById("step3").style.display = 'none';
|
||||
document.getElementById("step4").style.display = 'block';
|
||||
document.getElementById("step5").style.display = 'none';
|
||||
document.getElementById("missingAlert").style.display = 'none';
|
||||
}
|
||||
if (currentPage == 4) {
|
||||
document.getElementById("step1").style.display = 'none';
|
||||
document.getElementById("step2").style.display = 'none';
|
||||
document.getElementById("step3").style.display = 'none';
|
||||
document.getElementById("step4").style.display = 'none';
|
||||
|
||||
containsEmpt = false;
|
||||
for (const [key, value] of Object.entries(dataBlock)) {
|
||||
if(value == "" || value == undefined){
|
||||
console.log("hi")
|
||||
console.log(key, value)
|
||||
containsEmpt = true;
|
||||
document.getElementById("missingAlert").style.display = 'block';
|
||||
}
|
||||
}
|
||||
if(containsEmpt == false){
|
||||
document.getElementById("missingAlert").style.display = 'none';
|
||||
currentPage = 5;
|
||||
}
|
||||
console.log(containsEmpt);
|
||||
}
|
||||
if (currentPage == 5) {
|
||||
document.getElementById("step1").style.display = 'none';
|
||||
document.getElementById("step2").style.display = 'none';
|
||||
document.getElementById("step3").style.display = 'none';
|
||||
document.getElementById("step4").style.display = 'none';
|
||||
document.getElementById("step5").style.display = 'block';
|
||||
document.getElementById("missingAlert").style.display = 'none';
|
||||
}
|
||||
if (currentPage == 6) {
|
||||
document.getElementById("step1").style.display = 'none';
|
||||
document.getElementById("step2").style.display = 'none';
|
||||
document.getElementById("step3").style.display = 'none';
|
||||
document.getElementById("step4").style.display = 'none';
|
||||
document.getElementById("step5").style.display = 'none';
|
||||
document.getElementById("step6").style.display = 'block';
|
||||
document.getElementById("missingAlert").style.display = 'none';
|
||||
}
|
||||
saveValues();
|
||||
console.log(dataBlock)
|
||||
|
||||
Reference in New Issue
Block a user