From a5d8dc603e94a610bc4810a19266b441a5552f66 Mon Sep 17 00:00:00 2001
From: dcore94 <m.lettere@gmail.com>
Date: Mon, 8 May 2023 11:10:33 +0200
Subject: [PATCH] added outcome message

---
 ccp/js/executionformcontroller.js | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/ccp/js/executionformcontroller.js b/ccp/js/executionformcontroller.js
index 261473d..921293e 100644
--- a/ccp/js/executionformcontroller.js
+++ b/ccp/js/executionformcontroller.js
@@ -108,13 +108,26 @@ class CCPExecutionForm extends HTMLElement{
   }
   
   lockRender(){
-    this.#rootdoc.querySelector(".plexiglass").classList.toggle("d-none")
+    const plexi = this.#rootdoc.querySelector(".plexiglass")
+    plexi.innerHTML = ``
+    plexi.classList.toggle("d-none")
   }
   
   unlockRender(){
     this.#rootdoc.querySelector(".plexiglass").classList.toggle("d-none")
   }
   
+  writeToPlexi(message){
+    const plexi = this.#rootdoc.querySelector(".plexiglass")
+    plexi.innerHTML = `
+      <div class="d-flex" style="flex-direction: column;justify-content:center;position:relative;height:100%;align-items: center;">
+        <div class="mx-2 p-4 bg-success text-white border" style="border-radius: 5px;box-shadow: 2px 2px 2px darkgray;">
+            <div>${message}</h5></div>
+        </div>
+    </div>
+    `
+  }
+  
   loadMethod(){
     return this.#boot.secureFetch(this.#serviceurl + "/processes/" + this.#method).then(
       (resp)=>{
@@ -163,7 +176,8 @@ class CCPExecutionForm extends HTMLElement{
       }
       const event = new CustomEvent('newexecution', { detail: data.jobID });
       document.dispatchEvent(event)
-      this.unlockRender()
+      this.writeToPlexi("Execution request accepted with id: " + data.jobID)
+      window.setTimeout(()=>this.unlockRender(), 3000)
     }).catch(err => {alert("Unable to call execute: " + err); this.unlockRender()})
   }