FormIntegration status active/inactive

app/Http/Controllers/Forms/Integration/FormIntegrationsController.php

@@ -29,7 +29,7 @@ public function create(FormIntegrationsRequest $request, string $id)
 
         $formIntegration = FormIntegration::create([
             'form_id' => $form->id,
-            'status' => ($request->get('status')) ? FormIntegration::STATUS_ACTIVE : FormIntegration::STATUS_PAUSED,
+            'status' => ($request->get('status')) ? FormIntegration::STATUS_ACTIVE : FormIntegration::STATUS_INACTIVE,
             'integration_id' => $request->get('integration_id'),
             'data' => $request->get('settings') ?? [],
             'logic' => $request->get('logic') ?? []
@@ -48,7 +48,7 @@ public function update(FormIntegrationsRequest $request, string $id, string $int
 
         $formIntegration = FormIntegration::findOrFail((int) $integrationid);
         $formIntegration->update([
-            'status' => ($request->get('status')) ? FormIntegration::STATUS_ACTIVE : FormIntegration::STATUS_PAUSED,
+            'status' => ($request->get('status')) ? FormIntegration::STATUS_ACTIVE : FormIntegration::STATUS_INACTIVE,
             'data' => $request->get('settings') ?? [],
             'logic' => $request->get('logic') ?? []
         ]);

app/Models/Integration/FormIntegration.php

@@ -8,8 +8,8 @@
 
 class FormIntegration extends Model
 {
-    const STATUS_ACTIVE = 1;
-    const STATUS_PAUSED = 0;
+    const STATUS_ACTIVE = 'active';
+    const STATUS_INACTIVE = 'inactive';
 
     use HasFactory;
 

client/pages/forms/[slug]/show/integrations/[id].vue

@@ -40,7 +40,7 @@ const integrationProperty = computed(() => {
 const integrationData = computed(() => {
   return {
     integration_id: integration.value.integration_id,
-    status: (integration.value.status == 1 || integration.value.status == '1') ? true : false,
+    status: integration.value.status === 'active',
     settings: integration.value.data ?? {},
     logic: (!Array.isArray(integration.value.logic) && integration.value.logic) ? integration.value.logic : null
   }

client/pages/forms/[slug]/show/integrations/index.vue

@@ -18,7 +18,7 @@
           <div
             class="hover:bg-gray-50 bg-white transition shadow-md cursor-pointer border border-gray-200 rounded-lg py-5 pr-10 pl-7 items-center flex w-full group justify-between relative">
             <div class="flex space-x-3">{{ integrations.get(row.integration_id).name }}</div>
-            <span v-if="row.status != '1'"
+            <span v-if="row.status === 'inactive'"
               class="inline-flex items-center rounded-full bg-yellow-100 px-2 py-1 text-xs font-medium text-yellow-600 ring-1 ring-inset ring-gray-500/10 dark:text-white dark:bg-gray-700">
               In-Active
             </span>