WG-236 - Added a prompt when returning an element

WebGde/WebContent/src/BPO/returnElement.js

@@ -69,26 +69,14 @@ async function returnElementLogout(elementId) {
 var returnButton = document.getElementById('return');
 
 returnButton.addEventListener("click", function () {
-	returnElementBPO(sessionStorage.getItem("element_id"));
-	var fileName = sessionStorage.getItem("file_Name");
-	if(fileName !== null && fileName !== undefined){
-		document.getElementById("controlsContainer").outerHTML="";	
-	}else{
-		document.getElementById("TiffViewer_ButtonContainer").outerHTML="";
-	}	
+	createReturnWindow();
 });
 
 
 
 window.addEventListener('keydown', function(e) {
     if (e.altKey == true && e.keyCode == 85){
-       	returnElementBPO(sessionStorage.getItem("element_id"));
-		var fileName = sessionStorage.getItem("file_Name");
-		if(fileName !== null && fileName !== undefined){
-			document.getElementById("controlsContainer").outerHTML="";		
-		}else{
-			document.getElementById("TiffViewer_ButtonContainer").outerHTML="";	
-		}
+       createReturnWindow();
     }
 });
 
@@ -174,3 +162,64 @@ function returnSaveXML(){
        updateXMLException(xmlData);
 	   return false;	
 }
+
+function createReturnWindow() {
+    let overlay = document.createElement("div");
+    overlay.classList.add("genericPopup");
+
+
+    let endWindow = document.createElement('div');
+    endWindow.id = 'end_window';
+    endWindow.classList.add("parent_Window")
+
+    let endBodyDiv = document.createElement('div');
+    endBodyDiv.id = 'endBodyDiv';
+    let endLabel = document.createElement('p');
+    endLabel.innerText = "Current Element will be Returned.";
+    let endContinue = document.createElement('p');
+    endContinue.innerText = "Continue Y/N?";
+
+    let endOkCnclDiv = document.createElement('div');
+    endOkCnclDiv.id = 'endOkCnclCont';
+
+    let okEnd = document.createElement('button');
+    okEnd.classList.add("emphasizeButton");
+    okEnd.innerHTML = 'ok';
+    okEnd.id = 'okEndButtn';
+    okEnd.onclick = function() {
+    	returnElementBPO(sessionStorage.getItem("element_id"));
+		var fileName = sessionStorage.getItem("file_Name");
+		if(fileName !== null && fileName !== undefined){
+			document.getElementById("controlsContainer").outerHTML="";	
+		}else{
+			document.getElementById("TiffViewer_ButtonContainer").outerHTML="";
+		}
+		overlay.remove();
+    }
+
+    let cancelEnd = document.createElement('button');
+    cancelEnd.classList.add("normalButton");
+    cancelEnd.innerHTML = 'cancel';
+    cancelEnd.id = 'cnclEndButton';
+
+
+    endOkCnclDiv.appendChild(okEnd);
+    endOkCnclDiv.appendChild(cancelEnd);
+
+
+    endBodyDiv.appendChild(endLabel);
+    endBodyDiv.appendChild(endContinue);
+    endBodyDiv.appendChild(endOkCnclDiv);
+    endWindow.appendChild(endBodyDiv);
+
+
+
+    cancelEnd.addEventListener("click", function() {
+        overlay.remove();
+    });
+
+
+
+    overlay.append(endWindow);
+    document.body.append(overlay);
+}
\ No newline at end of file