From b2431785349616aba9b3c9a4626ed5c089879c02 Mon Sep 17 00:00:00 2001
From: dcore94 <m.lettere@gmail.com>
Date: Fri, 17 Mar 2023 10:49:21 +0100
Subject: [PATCH] transform executable into action

---
 ccp/js/executionformcontroller.js | 10 ++++++++++
 ccp/js/methodlistcontroller2.js   | 16 ++++++++++------
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/ccp/js/executionformcontroller.js b/ccp/js/executionformcontroller.js
index 050dee7..ca9658c 100644
--- a/ccp/js/executionformcontroller.js
+++ b/ccp/js/executionformcontroller.js
@@ -13,6 +13,8 @@ class CCPExecutionForm extends HTMLElement{
     this.#boot = document.querySelector("d4s-boot-2")
     this.#serviceurl = this.getAttribute("serviceurl")
     this.#rootdoc = this.attachShadow({ "mode" : "open"})
+    
+    this.connectNewExecutionRequest()
     this.render()
     this.showMethod()
   }
@@ -28,6 +30,14 @@ class CCPExecutionForm extends HTMLElement{
     }
   }
   
+  connectNewExecutionRequest(){
+    document.addEventListener("newexecutionrequest", ev=>{ 
+      if(window.confirm("Confirm overwrite of execution form?")){
+        this.setAttribute("method", ev.detail) 
+      }
+    })
+  }
+  
   render(){
     this.#rootdoc.innerHTML = `
       <div>
diff --git a/ccp/js/methodlistcontroller2.js b/ccp/js/methodlistcontroller2.js
index 4b1ff5f..a0d440d 100644
--- a/ccp/js/methodlistcontroller2.js
+++ b/ccp/js/methodlistcontroller2.js
@@ -88,11 +88,11 @@ class CCPMethodList2 extends HTMLElement{
                       <span name="version" class="badge badge-primary"></span>
                       <span name="author" class="badge badge-warning"></span>
                       <div class="float-right d-flex" style="gap:3px">
-                        <div name="executable" title="Executable" class="border border-success">
-                          <svg viewBox="0 0 48 48" style="fill:green;width:16px;height:16px;display:block">
-                            <path d="M18.9 35.7 7.7 24.5l2.15-2.15 9.05 9.05 19.2-19.2 2.15 2.15Z"/>
+                        <button name="executable" title="Execute" class="btn btn-success ccp-toolbar-button ccp-toolbar-button-small">
+                          <svg viewBox="0 0 48 48" style="fill:white; stroke:white">
+                            <path d="M10,10 v28 L38,24 Z"/>
                           </svg>
-                        </div>
+                        </button>
                         <button name="export_method" title="Export this version" class="btn btn-primary ccp-toolbar-button ccp-toolbar-button-small">
                           <svg viewBox="0 0 24 24"><g><rect fill="none" height="24" width="24"/></g><g><path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z"/></g></svg>
                         </button>
@@ -326,8 +326,12 @@ class CCPMethodList2 extends HTMLElement{
                   target : "li.ccp-process",
                   "in" : (e,d)=>this.#filtered[d],
                   on_click : ev=>{
+                    const id = ev.currentTarget.bss_input.data.id
                     if(ev.target.getAttribute("name") === "export_method"){
-                      this.exportMethod(ev.currentTarget.bss_input.data.id)
+                      this.exportMethod(id)
+                    }else  if(ev.target.getAttribute("name") === "executable"){
+                      const event = new CustomEvent('newexecutionrequest', { detail: id });
+                      document.dispatchEvent(event)
                     }
                   },
                   on_dragstart : ev=>{
@@ -345,7 +349,7 @@ class CCPMethodList2 extends HTMLElement{
                       apply : (e,d)=>{ e.textContent = d.version }
                     },
                     {
-                      target: "div[name=executable]",
+                      target: "button[name=executable]",
                       apply : (e,d)=>{ e.style.display = d.executable ? "revert" : "none" }
                     },
                     {