push latest on ui

WebGde/WebContent/src/BPO/getElement.js

@@ -55,10 +55,11 @@ async function initGetElement() {
                 await returnElement(element.element);
             }
         } else if (element.errorCode == 463) {
-            alert("No more available element");
-            sessionStorage.clear();
+            /*alert("No more available element");*/
+            promptNoFilesLeft();
+/*            sessionStorage.clear();
             localStorage.clear();
-            logoutKeycloak();
+            logoutKeycloak();*/
             break;
         } else {
             alert(`Error ${element.errorCode}: Fetching waiting element`);

WebGde/WebContent/src/BPO/returnElement.js

@@ -103,10 +103,11 @@ async function loadWaitingElement(){
                 await returnElement(element.element);
             }
         } else if (element.errorCode == 463) {
-            alert("No more available element");
-            sessionStorage.clear();
+            /*alert("No more available element");*/
+            promptNoFilesLeft();
+/*            sessionStorage.clear();
             localStorage.clear();
-            logoutKeycloak();
+            logoutKeycloak();*/
             break;
         } else {
             alert(`Error ${element.errorCode}: Fetching waiting element`);

WebGde/WebContent/src/accessFile/accessFile.js

@@ -13,11 +13,11 @@ async function accessFile() {
         elStatus.innerHTML = text;
     }
 
-    const progressBar = document.getElementById('progressBar');
+    //const progressBar = document.getElementById('progressBar');
     const elProgress = document.getElementById('progress');
     function progress({ loaded, total }) {
-        // elProgress.innerHTML = Math.round(loaded * .000001) + " mb of " + Math.round(total * .000001);
-        progressBar.value = Math.round(loaded / total * 100);
+        elProgress.innerHTML = Math.round(loaded * .000001) + " mb of " + Math.round(total * .000001);
+        //progressBar.value = Math.round(loaded / total * 100);
     }
 
     const indexedDB =
@@ -501,11 +501,11 @@ function refreshImage() {
         elStatus.innerHTML = text;
     }
 
-    const progressBar = document.getElementById('progressBar');
+    //const progressBar = document.getElementById('progressBar');
     const elProgress = document.getElementById('progress');
     function progress() {
-        // elProgress.innerHTML = Math.round(loaded * .000001) + " mb of " + Math.round(total * .000001);
-        progressBar.value = Math.round(100 / 100 * 100);
+       elProgress.innerHTML = Math.round(loaded * .000001) + " mb of " + Math.round(total * .000001);
+        //progressBar.value = Math.round(100 / 100 * 100);
     }
 
 
@@ -550,22 +550,25 @@ function refreshImage() {
 
 
 function promptNoFilesLeft(){
-    var viewer = document.getElementById('viewer');
-    var promptMain = document.createElement('div');
-    promptMain.setAttribute("id", "prompt");
-
-    var message =  document.createElement('p');
-    message.innerHTML = 'No images left to be fetched, Proceed to end session';
-
-
-    var okButton = document.createElement('button');
-    okButton.innerHTML = 'ok';
-    okButton.onclick = function() {
-        promptMain.style.display = 'none';
-    };
-    promptMain.appendChild(message);
-    promptMain.appendChild(okButton);
-    viewer.appendChild(promptMain);
+    var viewer = document.getElementById('viewer');
+    let genericDiv = document.createElement("div");
+    genericDiv.classList.add("genericPopup");
+    var promptMain = document.createElement('div');
+    promptMain.setAttribute("id", "prompt");     var message =  document.createElement('p');
+    message.innerHTML = 'No images left to be fetched, Proceed to end session'; 
+    var okButton = document.createElement('button');
+    okButton.innerHTML = 'ok';
+    okButton.onclick = function() {
+    genericDiv.remove();
+    sessionStorage.clear();
+    localStorage.clear();
+    logoutKeycloak();
+        /*promptMain.style.display = 'none';*/
+    };
+    promptMain.appendChild(message);
+    promptMain.appendChild(okButton);
+    genericDiv.append(promptMain);
+    viewer.append(genericDiv);
 }
 
 function getGfsFileName(contentDisposition) {

WebGde/WebContent/style.css

@@ -13,6 +13,18 @@ html {
   user-select: none;
 }
 
+#prompt{
+	background-color:white;
+ height:10%
+ position: absolute;
+ display: block;
+ margin: auto;
+ width: 42%;
+ top: 47%;
+ left: 31%;
+ text-align: center;
+}
+
 /* The actual popup */
 .popup .popuptext {
     visibility: hidden;
@@ -907,10 +919,6 @@ select {
     background-color: yellow;
 }
 
-#prompt{
-  
-}
-
 .parent_Window {
 	box-shadow: var(- -ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31));
     width: 238px;
@@ -1020,3 +1028,5 @@ select {
   from {opacity: 0;}
   to {opacity:1 ;}
 }
+
+