mirror of
https://github.com/TheGreyDiamond/elevatormapRewritten.git
synced 2026-01-31 08:10:24 +01:00
Compare commits
2 Commits
dd346d5017
...
3cb4a71c9f
| Author | SHA1 | Date | |
|---|---|---|---|
|
3cb4a71c9f | ||
|
|
37e718ec80 |
@@ -50,8 +50,11 @@
|
|||||||
<body>
|
<body>
|
||||||
<!-- Primary Page Layout
|
<!-- Primary Page Layout
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
<div id="overlay" onclick="off()">
|
<div id="overlay">
|
||||||
<div id="text"><TODO>Add this dialoge</TODO></div>
|
<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>
|
||||||
<div style="margin: 0px">
|
<div style="margin: 0px">
|
||||||
<div class="map" id="map"></div>
|
<div class="map" id="map"></div>
|
||||||
@@ -108,10 +111,26 @@
|
|||||||
<h5>4. Add images</h5>
|
<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>
|
<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>
|
<input type="file" id="myFile" name="files" multiple>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
<button onclick="prevPage()">Go back one step <i class="fas fa-arrow-left"></i></button>
|
<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>
|
<button onclick="nextDialogePage()" class="button-primary">Next step <i class="fas fa-arrow-right"></i></button>
|
||||||
</step>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -119,10 +138,13 @@
|
|||||||
<i style="color: black; cursor: pointer" class="fas fa-map-marker-alt" onclick="home()"></i>
|
<i style="color: black; cursor: pointer" class="fas fa-map-marker-alt" onclick="home()"></i>
|
||||||
</aside>
|
</aside>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
dataBlock = Cookies.get("tempStore");
|
|
||||||
if(dataBlock == undefined){
|
function noRestore(){
|
||||||
dataBlock = {};
|
off();
|
||||||
}else{
|
Cookies.remove("tempStore")
|
||||||
|
}
|
||||||
|
|
||||||
|
function restoreFunc(){
|
||||||
try{
|
try{
|
||||||
dataBlock = JSON.parse(dataBlock)
|
dataBlock = JSON.parse(dataBlock)
|
||||||
document.getElementById("lat").value = dataBlock["lat"]
|
document.getElementById("lat").value = dataBlock["lat"]
|
||||||
@@ -132,10 +154,17 @@
|
|||||||
document.getElementById("pepl").value = dataBlock["pepl"]
|
document.getElementById("pepl").value = dataBlock["pepl"]
|
||||||
document.getElementById("weig").value = dataBlock["weig"]
|
document.getElementById("weig").value = dataBlock["weig"]
|
||||||
document.getElementById("description").value = dataBlock["description"]
|
document.getElementById("description").value = dataBlock["description"]
|
||||||
on()
|
|
||||||
}catch(ex){
|
}catch(ex){
|
||||||
dataBlock = {}
|
dataBlock = {}
|
||||||
}
|
}
|
||||||
|
off()
|
||||||
|
}
|
||||||
|
|
||||||
|
dataBlock = Cookies.get("tempStore");
|
||||||
|
if(dataBlock == undefined){
|
||||||
|
dataBlock = {};
|
||||||
|
}else{
|
||||||
|
on()
|
||||||
}
|
}
|
||||||
|
|
||||||
var currentPage = 0;
|
var currentPage = 0;
|
||||||
@@ -149,6 +178,11 @@
|
|||||||
dataBlock["description"] = document.getElementById("description").value
|
dataBlock["description"] = document.getElementById("description").value
|
||||||
Cookies.set('tempStore', JSON.stringify(dataBlock))
|
Cookies.set('tempStore', JSON.stringify(dataBlock))
|
||||||
}
|
}
|
||||||
|
function submit(){
|
||||||
|
currentPage = 6;
|
||||||
|
updateDialog()
|
||||||
|
saveValues()
|
||||||
|
}
|
||||||
function updateDialog() {
|
function updateDialog() {
|
||||||
if (currentPage == 0) {
|
if (currentPage == 0) {
|
||||||
document.getElementById("step1").style.display = 'block';
|
document.getElementById("step1").style.display = 'block';
|
||||||
@@ -173,6 +207,46 @@
|
|||||||
document.getElementById("step2").style.display = 'none';
|
document.getElementById("step2").style.display = 'none';
|
||||||
document.getElementById("step3").style.display = 'none';
|
document.getElementById("step3").style.display = 'none';
|
||||||
document.getElementById("step4").style.display = 'block';
|
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();
|
saveValues();
|
||||||
console.log(dataBlock)
|
console.log(dataBlock)
|
||||||
|
|||||||
Reference in New Issue
Block a user