From f2a86e7801d0f9e5f4c6cab42c3da5813f1eace9 Mon Sep 17 00:00:00 2001
From: Aleix <acasanov@redhat.com>
Date: Mon, 10 Jun 2024 11:45:25 +0200
Subject: [PATCH] feat: autoDetach for workshopProvisions (#1951)

* feat: autoDetach for workshopProvisions
---
 .../ui/src/app/Catalog/CatalogItemForm.tsx    | 19 ++++++++++++-------
 catalog/ui/src/app/api.ts                     |  9 +++++++++
 catalog/ui/src/app/types.ts                   |  3 +++
 3 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/catalog/ui/src/app/Catalog/CatalogItemForm.tsx b/catalog/ui/src/app/Catalog/CatalogItemForm.tsx
index 21ce7121b..a4ab00671 100644
--- a/catalog/ui/src/app/Catalog/CatalogItemForm.tsx
+++ b/catalog/ui/src/app/Catalog/CatalogItemForm.tsx
@@ -188,6 +188,7 @@ const CatalogItemFormData: React.FC<{ catalogItemName: string; catalogNamespaceN
         parameters: parameterValues,
         startDelay: provisionStartDelay,
         workshop: workshop,
+        useAutoDetach: formState.useAutoDetach,
       });
       if (scheduled !== null) {
         try {
@@ -850,6 +851,10 @@ const CatalogItemFormData: React.FC<{ catalogItemName: string; catalogNamespaceN
                 />
               </div>
             </FormGroup>
+          </>
+        ) : null}
+        <>
+          {isAdmin ? (
             <FormGroup key="auto-detach-switch" fieldId="auto-detach-switch">
               <div className="catalog-item-form__group-control--single">
                 <Switch
@@ -858,17 +863,17 @@ const CatalogItemFormData: React.FC<{ catalogItemName: string; catalogNamespaceN
                   label="Keep instance if provision fails (only visible to admins)"
                   isChecked={!formState.useAutoDetach}
                   hasCheckIcon
-                  onChange={(isChecked) =>
+                  onChange={(isChecked) => {
                     dispatchFormState({
                       type: 'useAutoDetach',
                       useAutoDetach: !isChecked,
-                    })
-                  }
+                    });
+                  }}
                 />
               </div>
             </FormGroup>
-          </>
-        ) : null}
+          ) : null}
+        </>
 
         {catalogItem.spec.termsOfService ? (
           <TermsOfService
@@ -911,9 +916,9 @@ const CatalogItemFormData: React.FC<{ catalogItemName: string; catalogNamespaceN
                 Schedule{' '}
                 <span
                   style={{
-                    backgroundColor: submitRequestEnabled ? '#f0f0f0' : '#bee1f4',
+                    backgroundColor: !submitRequestEnabled ? '#f0f0f0' : '#bee1f4',
                     borderRadius: '10px',
-                    color: submitRequestEnabled ? '#8a8d90' : '#06c',
+                    color: !submitRequestEnabled ? '#8a8d90' : '#06c',
                     fontStyle: 'italic',
                     fontWeight: 300,
                     fontSize: '12px',
diff --git a/catalog/ui/src/app/api.ts b/catalog/ui/src/app/api.ts
index ed4a12497..282af9dde 100644
--- a/catalog/ui/src/app/api.ts
+++ b/catalog/ui/src/app/api.ts
@@ -69,6 +69,7 @@ type CreateWorkshopPovisionOpt = {
   parameters: any;
   startDelay: number;
   workshop: Workshop;
+  useAutoDetach: boolean;
 };
 
 export type CreateServiceRequestParameterValues = {
@@ -699,6 +700,7 @@ export async function createWorkshopProvision({
   parameters,
   startDelay,
   workshop,
+  useAutoDetach,
 }: CreateWorkshopPovisionOpt) {
   const definition: WorkshopProvision = {
     apiVersion: `${BABYLON_DOMAIN}/v1`,
@@ -736,6 +738,13 @@ export async function createWorkshopProvision({
       parameters: parameters,
       startDelay: startDelay,
       workshopName: workshop.metadata.name,
+      ...(useAutoDetach
+        ? {
+            autoDetach: {
+              when: `status.resources | json_query("[?state.spec.vars.current_state == 'provision-failed']") | length != 0`,
+            },
+          }
+        : {}),
     },
   };
 
diff --git a/catalog/ui/src/app/types.ts b/catalog/ui/src/app/types.ts
index ff37d44e3..eb8bfbaca 100644
--- a/catalog/ui/src/app/types.ts
+++ b/catalog/ui/src/app/types.ts
@@ -477,6 +477,9 @@ export interface WorkshopProvisionSpec {
     start?: string;
     end?: string;
   };
+  autoDetach?: {
+    when: string;
+  };
 }
 
 export interface WorkshopSpec {