From ed3c6d7e5bb338a10080d8047be7273214e7cee8 Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Wed, 5 Feb 2025 09:56:01 -0400
Subject: [PATCH 1/8] saving progress

---
 .../Http/Controllers/TaskController.php       |  4 +++-
 .../Traits/SearchAutocompleteTrait.php        | 20 +++++++++++++++++++
 .../shared/LaunchpadSettingsModal.vue         |  2 +-
 resources/views/tasks/index.blade.php         |  1 +
 4 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/ProcessMaker/Http/Controllers/TaskController.php b/ProcessMaker/Http/Controllers/TaskController.php
index 04b14ce302..33158cb0bc 100755
--- a/ProcessMaker/Http/Controllers/TaskController.php
+++ b/ProcessMaker/Http/Controllers/TaskController.php
@@ -66,7 +66,9 @@ public function index()
 
         $currentUser = Auth::user();
 
-        return view('tasks.index', compact('title', 'userFilter', 'defaultColumns', 'taskDraftsEnabled', 'userConfiguration', 'showOldTaskScreen', 'currentUser', 'selectedProcess'));
+        $defaultSavedSearchId = $this->getDefaultSavedSearchId();
+
+        return view('tasks.index', compact('title', 'userFilter', 'defaultColumns', 'taskDraftsEnabled', 'userConfiguration', 'showOldTaskScreen', 'currentUser', 'selectedProcess', 'defaultSavedSearchId'));
     }
 
     public function edit(ProcessRequestToken $task, string $preview = '')
diff --git a/ProcessMaker/Traits/SearchAutocompleteTrait.php b/ProcessMaker/Traits/SearchAutocompleteTrait.php
index a4ec5e197e..5287de137e 100644
--- a/ProcessMaker/Traits/SearchAutocompleteTrait.php
+++ b/ProcessMaker/Traits/SearchAutocompleteTrait.php
@@ -13,6 +13,7 @@
 use ProcessMaker\Models\ProcessRequestToken;
 use ProcessMaker\Models\User;
 use ProcessMaker\Package\Projects\Models\ProjectCategory;
+use ProcessMaker\Package\SavedSearch\Models\SavedSearch;
 
 trait SearchAutocompleteTrait
 {
@@ -259,4 +260,23 @@ private function searchProjectCategories($query)
             return $request->only(['id', 'name']);
         });
     }
+
+    /**
+     * Get the ID of the default saved search for tasks.
+     *
+     * @return int|null
+     */
+    private function getDefaultSavedSearchId()
+    {
+        $id = null;
+        if (class_exists(SavedSearch::class)) {
+            $savedSearch = SavedSearch::firstSystemSearchFor(
+                Auth::user(),
+                SavedSearch::KEY_TASKS,
+            );
+            $id = $savedSearch->id;
+        }
+
+        return $id;
+    }
 }
diff --git a/resources/js/components/shared/LaunchpadSettingsModal.vue b/resources/js/components/shared/LaunchpadSettingsModal.vue
index 10dda3e785..ebf103f71e 100755
--- a/resources/js/components/shared/LaunchpadSettingsModal.vue
+++ b/resources/js/components/shared/LaunchpadSettingsModal.vue
@@ -499,7 +499,7 @@ export default {
     },
     async getMyTasksColumns() {
       this.myTasks.currentColumns = this.myTasksColumns;
-      let defaultSavedSearch = window.ProcessMaker.defaultSavedSearch || null;
+      let defaultSavedSearch = window.ProcessMaker.defaultSavedSearchId || window.Processmaker.defaultSavedSearchId || null;
       await ProcessMaker.apiClient.get(`saved-searches/${defaultSavedSearch}/columns?include=default`)
         .then((response) => {
           if (response.data && response.data.default) {
diff --git a/resources/views/tasks/index.blade.php b/resources/views/tasks/index.blade.php
index 69a105d883..2ef1077d4d 100644
--- a/resources/views/tasks/index.blade.php
+++ b/resources/views/tasks/index.blade.php
@@ -160,6 +160,7 @@
         window.ProcessMaker.showOldTaskScreen = @json($showOldTaskScreen);
         window.Processmaker.user = @json($currentUser);
         window.Processmaker.selectedProcess = @json($selectedProcess);
+        window.Processmaker.defaultSavedSearchId = @json($defaultSavedSearchId);
     </script>
     <script>
         window.ProcessMaker.ellipsisPermission = {{

From 0fb408991811e079f594b847f94ce9ccc8f6337b Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Wed, 5 Feb 2025 11:43:15 -0400
Subject: [PATCH 2/8] Adding defaultSavedSearchId

---
 resources/js/components/shared/LaunchpadSettingsModal.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/shared/LaunchpadSettingsModal.vue b/resources/js/components/shared/LaunchpadSettingsModal.vue
index ebf103f71e..8eefda04e1 100755
--- a/resources/js/components/shared/LaunchpadSettingsModal.vue
+++ b/resources/js/components/shared/LaunchpadSettingsModal.vue
@@ -499,7 +499,10 @@ export default {
     },
     async getMyTasksColumns() {
       this.myTasks.currentColumns = this.myTasksColumns;
-      let defaultSavedSearch = window.ProcessMaker.defaultSavedSearchId || window.Processmaker.defaultSavedSearchId || null;
+      let defaultSavedSearch = window.ProcessMaker?.defaultSavedSearchId || 
+        window.Processmaker?.defaultSavedSearchId || 
+        window?.defaultSavedSearchId || 
+        null;
       await ProcessMaker.apiClient.get(`saved-searches/${defaultSavedSearch}/columns?include=default`)
         .then((response) => {
           if (response.data && response.data.default) {

From b6c4cbc2c5e85ea3bb45ffcd8cd3a74fc9e3a721 Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Wed, 5 Feb 2025 12:23:29 -0400
Subject: [PATCH 3/8] applying php-cs-fixer

---
 .../Http/Controllers/TaskController.php       |  2 ++
 .../Traits/SearchAutocompleteTrait.php        | 20 ------------------
 .../Traits/TaskControllerIndexMethods.php     | 21 +++++++++++++++++++
 3 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/ProcessMaker/Http/Controllers/TaskController.php b/ProcessMaker/Http/Controllers/TaskController.php
index 33158cb0bc..5179230de5 100755
--- a/ProcessMaker/Http/Controllers/TaskController.php
+++ b/ProcessMaker/Http/Controllers/TaskController.php
@@ -28,11 +28,13 @@
 use ProcessMaker\Nayra\Contracts\Bpmn\ScriptTaskInterface;
 use ProcessMaker\Traits\HasControllerAddons;
 use ProcessMaker\Traits\SearchAutocompleteTrait;
+use ProcessMaker\Traits\TaskControllerIndexMethods;
 
 class TaskController extends Controller
 {
     use SearchAutocompleteTrait;
     use HasControllerAddons;
+    use TaskControllerIndexMethods;
 
     private static $dueLabels = [
         'open' => 'Due',
diff --git a/ProcessMaker/Traits/SearchAutocompleteTrait.php b/ProcessMaker/Traits/SearchAutocompleteTrait.php
index 5287de137e..a4ec5e197e 100644
--- a/ProcessMaker/Traits/SearchAutocompleteTrait.php
+++ b/ProcessMaker/Traits/SearchAutocompleteTrait.php
@@ -13,7 +13,6 @@
 use ProcessMaker\Models\ProcessRequestToken;
 use ProcessMaker\Models\User;
 use ProcessMaker\Package\Projects\Models\ProjectCategory;
-use ProcessMaker\Package\SavedSearch\Models\SavedSearch;
 
 trait SearchAutocompleteTrait
 {
@@ -260,23 +259,4 @@ private function searchProjectCategories($query)
             return $request->only(['id', 'name']);
         });
     }
-
-    /**
-     * Get the ID of the default saved search for tasks.
-     *
-     * @return int|null
-     */
-    private function getDefaultSavedSearchId()
-    {
-        $id = null;
-        if (class_exists(SavedSearch::class)) {
-            $savedSearch = SavedSearch::firstSystemSearchFor(
-                Auth::user(),
-                SavedSearch::KEY_TASKS,
-            );
-            $id = $savedSearch->id;
-        }
-
-        return $id;
-    }
 }
diff --git a/ProcessMaker/Traits/TaskControllerIndexMethods.php b/ProcessMaker/Traits/TaskControllerIndexMethods.php
index d0a351478f..0971863304 100644
--- a/ProcessMaker/Traits/TaskControllerIndexMethods.php
+++ b/ProcessMaker/Traits/TaskControllerIndexMethods.php
@@ -2,6 +2,7 @@
 
 namespace ProcessMaker\Traits;
 
+use Auth;
 use DB;
 use Illuminate\Database\QueryException;
 use Illuminate\Support\Arr;
@@ -12,6 +13,7 @@
 use ProcessMaker\Models\ProcessRequest;
 use ProcessMaker\Models\ProcessRequestToken;
 use ProcessMaker\Models\User;
+use ProcessMaker\Package\SavedSearch\Models\SavedSearch;
 use ProcessMaker\Query\SyntaxError;
 
 trait TaskControllerIndexMethods
@@ -347,4 +349,23 @@ public function applyProcessManager($query, $user)
                 ->where('process_request_tokens.status', 'ACTIVE');
         });
     }
+
+    /**
+     * Get the ID of the default saved search for tasks.
+     *
+     * @return int|null
+     */
+    private function getDefaultSavedSearchId()
+    {
+        $id = null;
+        if (class_exists(SavedSearch::class)) {
+            $savedSearch = SavedSearch::firstSystemSearchFor(
+                Auth::user(),
+                SavedSearch::KEY_TASKS,
+            );
+            $id = $savedSearch->id;
+        }
+
+        return $id;
+    }
 }

From d02d702fa7281cf1af9d192c94f34c2a0b471531 Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Wed, 5 Feb 2025 18:04:02 -0400
Subject: [PATCH 4/8] fixing observation

---
 ProcessMaker/Traits/TaskControllerIndexMethods.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ProcessMaker/Traits/TaskControllerIndexMethods.php b/ProcessMaker/Traits/TaskControllerIndexMethods.php
index 0971863304..4d02caf314 100644
--- a/ProcessMaker/Traits/TaskControllerIndexMethods.php
+++ b/ProcessMaker/Traits/TaskControllerIndexMethods.php
@@ -363,7 +363,9 @@ private function getDefaultSavedSearchId()
                 Auth::user(),
                 SavedSearch::KEY_TASKS,
             );
-            $id = $savedSearch->id;
+            if ($savedSearch) {
+                $id = $savedSearch->id;
+            }
         }
 
         return $id;

From 1e0ca0fb8a762cfdec75881e567991c6d436a761 Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Thu, 6 Feb 2025 10:57:33 -0400
Subject: [PATCH 5/8] refactoring code to optimize traits

---
 .../ProcessesCatalogueController.php          | 21 ++-----------------
 1 file changed, 2 insertions(+), 19 deletions(-)

diff --git a/ProcessMaker/Http/Controllers/ProcessesCatalogueController.php b/ProcessMaker/Http/Controllers/ProcessesCatalogueController.php
index f80fef8b9b..b55c89698b 100644
--- a/ProcessMaker/Http/Controllers/ProcessesCatalogueController.php
+++ b/ProcessMaker/Http/Controllers/ProcessesCatalogueController.php
@@ -15,6 +15,7 @@
 use ProcessMaker\Models\ProcessLaunchpad;
 use ProcessMaker\Package\SavedSearch\Models\SavedSearch;
 use ProcessMaker\Traits\HasControllerAddons;
+use ProcessMaker\Traits\TaskControllerIndexMethods;
 
 /**
  * @param Request $request
@@ -25,6 +26,7 @@
 class ProcessesCatalogueController extends Controller
 {
     use HasControllerAddons;
+    use TaskControllerIndexMethods;
 
     public function index(Request $request, Process $process = null)
     {
@@ -54,23 +56,4 @@ public function index(Request $request, Process $process = null)
 
         return view('processes-catalogue.index', compact('process', 'currentUser', 'manager', 'userConfiguration', 'defaultSavedSearch'));
     }
-
-    /**
-     * Get the ID of the default saved search for tasks.
-     *
-     * @return int|null
-     */
-    private function getDefaultSavedSearchId()
-    {
-        $id = null;
-        if (class_exists(SavedSearch::class)) {
-            $savedSearch = SavedSearch::firstSystemSearchFor(
-                Auth::user(),
-                SavedSearch::KEY_TASKS,
-            );
-            $id = $savedSearch->id;
-        }
-
-        return $id;
-    }
 }

From 3a64b318c3f56220e3e6b301acc39c8f62118bdd Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Thu, 6 Feb 2025 11:46:35 -0400
Subject: [PATCH 6/8] new fix applied

---
 resources/js/components/shared/LaunchpadSettingsModal.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/shared/LaunchpadSettingsModal.vue b/resources/js/components/shared/LaunchpadSettingsModal.vue
index 8eefda04e1..3e8ad04d1f 100755
--- a/resources/js/components/shared/LaunchpadSettingsModal.vue
+++ b/resources/js/components/shared/LaunchpadSettingsModal.vue
@@ -499,9 +499,8 @@ export default {
     },
     async getMyTasksColumns() {
       this.myTasks.currentColumns = this.myTasksColumns;
-      let defaultSavedSearch = window.ProcessMaker?.defaultSavedSearchId || 
-        window.Processmaker?.defaultSavedSearchId || 
-        window?.defaultSavedSearchId || 
+      let defaultSavedSearch = window.ProcessMaker?.defaultSavedSearch || 
+        window.Processmaker?.defaultSavedSearchId ||  
         null;
       await ProcessMaker.apiClient.get(`saved-searches/${defaultSavedSearch}/columns?include=default`)
         .then((response) => {

From d335bcbb7f0b0856387210191e49d7bce8a82202 Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Thu, 6 Feb 2025 18:03:45 -0400
Subject: [PATCH 7/8] Validating empty Default Task columns configuration

---
 .../js/components/shared/LaunchpadSettingsModal.vue    | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/resources/js/components/shared/LaunchpadSettingsModal.vue b/resources/js/components/shared/LaunchpadSettingsModal.vue
index 3e8ad04d1f..a40f9149d4 100755
--- a/resources/js/components/shared/LaunchpadSettingsModal.vue
+++ b/resources/js/components/shared/LaunchpadSettingsModal.vue
@@ -502,6 +502,16 @@ export default {
       let defaultSavedSearch = window.ProcessMaker?.defaultSavedSearch || 
         window.Processmaker?.defaultSavedSearchId ||  
         null;
+        
+      // If there is no defaultSavedSearch, initialize empty arrays and exit
+      if (!defaultSavedSearch) {
+        this.myTasks.defaultColumns = [];
+        this.myTasks.availableColumns = [];
+        this.myTasks.dataColumns = [];
+        return;
+      }
+
+      if (defaultSavedSearch) {
       await ProcessMaker.apiClient.get(`saved-searches/${defaultSavedSearch}/columns?include=default`)
         .then((response) => {
           if (response.data && response.data.default) {

From 287738e559dcd225fdef0125d1be5b48b20bbe09 Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Fri, 7 Feb 2025 12:20:46 -0400
Subject: [PATCH 8/8] adding missing bracket

---
 .../shared/LaunchpadSettingsModal.vue         | 307 +++++++++++-------
 1 file changed, 189 insertions(+), 118 deletions(-)

diff --git a/resources/js/components/shared/LaunchpadSettingsModal.vue b/resources/js/components/shared/LaunchpadSettingsModal.vue
index a40f9149d4..165a8a135c 100755
--- a/resources/js/components/shared/LaunchpadSettingsModal.vue
+++ b/resources/js/components/shared/LaunchpadSettingsModal.vue
@@ -10,17 +10,18 @@
       :custom-buttons="customModalButtons"
       @saveModal="saveModal"
       @closeModal="closeModal"
-      >
+    >
       <div class="modal-content-custom">
         <p class="text-info-custom">
-          {{ $t('Here you can personalize how your process will be shown in the process browser') }}
+          {{
+            $t(
+              "Here you can personalize how your process will be shown in the process browser"
+            )
+          }}
         </p>
         <div class="row">
           <div class="col-sm-12 col-lg-6">
-            <div
-              md="12"
-              class="no-padding"
-              >
+            <div md="12" class="no-padding">
               <label>{{ $t("Launchpad Carousel") }}</label>
               <input-image-carousel ref="image-carousel" />
             </div>
@@ -42,9 +43,13 @@
                   :allow-empty="false"
                   @open="retrieveDisplayScreen"
                   @search-change="retrieveDisplayScreen"
-                  >
+                >
                   <template slot="noResult">
-                    {{ $t("No elements found. Consider changing the search query.") }}
+                    {{
+                      $t(
+                        "No elements found. Consider changing the search query."
+                      )
+                    }}
                   </template>
                   <template slot="noOptions">
                     {{ $t("No Data Available") }}
@@ -72,9 +77,13 @@
                   :allow-empty="false"
                   @open="retrieveSavedSearchCharts"
                   @search-change="retrieveSavedSearchCharts"
-                  >
+                >
                   <template slot="noResult">
-                    {{ $t("No elements found. Consider changing the search query.") }}
+                    {{
+                      $t(
+                        "No elements found. Consider changing the search query."
+                      )
+                    }}
                   </template>
                   <template slot="noOptions">
                     {{ $t("No Data Available") }}
@@ -84,7 +93,9 @@
             </div>
             <label></label>
             <div>
-              <a href="#" @click.prevent="showEditTaskColumn">{{ $t("Edit Task Column") }} <i class="fp-box-arrow-up-right" /></a>
+              <a href="#" @click.prevent="showEditTaskColumn"
+                >{{ $t("Edit Task Column") }} <i class="fp-box-arrow-up-right"
+              /></a>
             </div>
           </div>
         </div>
@@ -99,48 +110,50 @@
           rows="5"
           :aria-label="$t('Description')"
           disabled
-          />
+        />
       </div>
       <template #modal-footer>
-        <b-button
-          variant="outline-secondary"
-          @click="hideModal"
-          >
+        <b-button variant="outline-secondary" @click="hideModal">
           Cancel 2
         </b-button>
-        <b-button
-          variant="secondary"
-          @click="saveModal"
-          >
-          Save 1
-        </b-button>
+        <b-button variant="secondary" @click="saveModal"> Save 1 </b-button>
       </template>
     </modal>
-    <b-modal ref="editTaskColumn"
-           size="lg"
-           class="modal-dialog modal-dialog-centered"
-           hide-footer
-           :title="$t('Edit Task Column')"
-           >
+    <b-modal
+      ref="editTaskColumn"
+      size="lg"
+      class="modal-dialog modal-dialog-centered"
+      hide-footer
+      :title="$t('Edit Task Column')"
+    >
       <div class="modal-content-custom">
-        <column-chooser v-model="myTasks.currentColumns"
-                        :available-columns="myTasks.availableColumns"
-                        :default-columns="myTasks.defaultColumns"
-                        :data-columns="myTasks.dataColumns">
+        <column-chooser
+          v-model="myTasks.currentColumns"
+          :available-columns="myTasks.availableColumns"
+          :default-columns="myTasks.defaultColumns"
+          :data-columns="myTasks.dataColumns"
+        >
           <template #title1>
             <small class="form-text text-muted">
               <a href="#" @click.prevent="$refs['editTaskColumn'].hide()">
                 <i class="fp-arrow-left" />
-                {{ $t('Go back to Launchpad Settings') }}
+                {{ $t("Go back to Launchpad Settings") }}
               </a>
             </small>
           </template>
           <template #footer>
-            <b-button variant="outline-secondary" @click="$refs['editTaskColumn'].hide()" class="mr-1">
-              {{ $t('Cancel and go back') }}
+            <b-button
+              variant="outline-secondary"
+              @click="$refs['editTaskColumn'].hide()"
+              class="mr-1"
+            >
+              {{ $t("Cancel and go back") }}
             </b-button>
-            <b-button variant="secondary" @click="$refs['editTaskColumn'].hide()">
-              {{ $t('Save columns') }}
+            <b-button
+              variant="secondary"
+              @click="$refs['editTaskColumn'].hide()"
+            >
+              {{ $t("Save columns") }}
             </b-button>
           </template>
         </column-chooser>
@@ -183,7 +196,7 @@ export default {
     },
     myTasksColumns: {
       type: Array,
-      default: () => ([]),
+      default: () => [],
     },
   },
   data() {
@@ -238,8 +251,8 @@ export default {
         currentColumns: [],
         availableColumns: [],
         defaultColumns: [],
-        dataColumns: []
-      }
+        dataColumns: [],
+      },
     };
   },
   mounted() {
@@ -261,22 +274,44 @@ export default {
         .then((response) => {
           const firstResponse = response.data.shift();
           const unparseProperties = firstResponse?.launchpad?.properties;
-          const launchpadProperties = unparseProperties ? JSON.parse(unparseProperties) : "";
+          const launchpadProperties = unparseProperties
+            ? JSON.parse(unparseProperties)
+            : "";
           if (launchpadProperties !== "" && "tabs" in launchpadProperties) {
             this.tabs = launchpadProperties.tabs;
           }
-          if (launchpadProperties !== "" && "my_tasks_columns" in launchpadProperties) {
+          if (
+            launchpadProperties !== "" &&
+            "my_tasks_columns" in launchpadProperties
+          ) {
             this.myTasks.currentColumns = launchpadProperties.my_tasks_columns;
           }
-          if (launchpadProperties && Object.keys(launchpadProperties).length > 0) {
-            this.selectedSavedChart = this.getSelectedSavedChartJSONFromResult(launchpadProperties);
-            this.selectedLaunchpadIcon = this.verifyProperty(launchpadProperties.icon) ? this.defaultIcon : launchpadProperties.icon;
-            this.selectedLaunchpadIconLabel = this.verifyProperty(launchpadProperties.icon_label) ? this.defaultIcon : launchpadProperties.icon_label;
-            this.selectedScreen = this.getSelectedScreenJSONFromResult(launchpadProperties);
+          if (
+            launchpadProperties &&
+            Object.keys(launchpadProperties).length > 0
+          ) {
+            this.selectedSavedChart =
+              this.getSelectedSavedChartJSONFromResult(launchpadProperties);
+            this.selectedLaunchpadIcon = this.verifyProperty(
+              launchpadProperties.icon
+            )
+              ? this.defaultIcon
+              : launchpadProperties.icon;
+            this.selectedLaunchpadIconLabel = this.verifyProperty(
+              launchpadProperties.icon_label
+            )
+              ? this.defaultIcon
+              : launchpadProperties.icon_label;
+            this.selectedScreen =
+              this.getSelectedScreenJSONFromResult(launchpadProperties);
             this.$refs["icon-dropdown"].setIcon(this.selectedLaunchpadIcon);
           } else {
-            this.selectedSavedChart = this.getSelectedSavedChartJSON(this.defaultChart);
-            this.selectedScreen = this.getSelectedScreenJSON(this.defaultScreen);
+            this.selectedSavedChart = this.getSelectedSavedChartJSON(
+              this.defaultChart
+            );
+            this.selectedScreen = this.getSelectedScreenJSON(
+              this.defaultScreen
+            );
           }
           this.oldScreen = this.selectedScreen.id;
           // Load media into Carousel Container
@@ -293,28 +328,38 @@ export default {
     },
     getSelectedSavedChartJSONFromResult(launchpadProperties) {
       return {
-        id: this.verifyProperty(launchpadProperties.saved_chart_id) ? this.defaultChart.id : launchpadProperties.saved_chart_id,
-        title: this.verifyProperty(launchpadProperties.saved_chart_title) ? this.defaultChart.title : launchpadProperties.saved_chart_title,
+        id: this.verifyProperty(launchpadProperties.saved_chart_id)
+          ? this.defaultChart.id
+          : launchpadProperties.saved_chart_id,
+        title: this.verifyProperty(launchpadProperties.saved_chart_title)
+          ? this.defaultChart.title
+          : launchpadProperties.saved_chart_title,
       };
     },
     getSelectedScreenJSONFromResult(launchpadProperties) {
       return {
-        id: this.verifyProperty(launchpadProperties.screen_id) ? this.defaultScreen.id : launchpadProperties.screen_id,
-        uuid: this.verifyProperty(launchpadProperties.screen_uuid) ? this.defaultScreen.uuid : launchpadProperties.screen_uuid,
-        title: this.verifyProperty(launchpadProperties.screen_title) ? this.defaultScreen.title : launchpadProperties.screen_title,
+        id: this.verifyProperty(launchpadProperties.screen_id)
+          ? this.defaultScreen.id
+          : launchpadProperties.screen_id,
+        uuid: this.verifyProperty(launchpadProperties.screen_uuid)
+          ? this.defaultScreen.uuid
+          : launchpadProperties.screen_uuid,
+        title: this.verifyProperty(launchpadProperties.screen_title)
+          ? this.defaultScreen.title
+          : launchpadProperties.screen_title,
       };
     },
     getSelectedSavedChartJSON(defaultChart) {
       return {
         id: defaultChart.id,
-        title: defaultChart.title
+        title: defaultChart.title,
       };
     },
     getSelectedScreenJSON(defaultScreen) {
       return {
         id: defaultScreen.id,
         uuid: defaultScreen.uuid,
-        title: defaultScreen.title
+        title: defaultScreen.title,
       };
     },
     /**
@@ -350,18 +395,23 @@ export default {
      */
     saveProcessDescription() {
       if (!this.$refs["image-carousel"].checkImages()) return;
-      this.dataProcess.imagesCarousel = this.$refs["image-carousel"].getImages();
-      this.dataProcess.properties = JSON.stringify({
-        saved_chart_id: this.selectedSavedChart.id,
-        saved_chart_title: this.selectedSavedChart.title,
-        screen_id: this.selectedScreen.id,
-        screen_uuid: this.selectedScreen.uuid,
-        screen_title: this.selectedScreen.title,
-        icon: this.selectedLaunchpadIcon,
-        icon_label: this.selectedLaunchpadIconLabel,
-        tabs: this.tabs,
-        my_tasks_columns: this.myTasks.currentColumns
-      }, null, 1);
+      this.dataProcess.imagesCarousel =
+        this.$refs["image-carousel"].getImages();
+      this.dataProcess.properties = JSON.stringify(
+        {
+          saved_chart_id: this.selectedSavedChart.id,
+          saved_chart_title: this.selectedSavedChart.title,
+          screen_id: this.selectedScreen.id,
+          screen_uuid: this.selectedScreen.uuid,
+          screen_title: this.selectedScreen.title,
+          icon: this.selectedLaunchpadIcon,
+          icon_label: this.selectedLaunchpadIconLabel,
+          tabs: this.tabs,
+          my_tasks_columns: this.myTasks.currentColumns,
+        },
+        null,
+        1
+      );
 
       ProcessMaker.apiClient
         .put(`process_launchpad/${this.options.id}`, {
@@ -370,18 +420,26 @@ export default {
           properties: this.dataProcess.properties,
         })
         .then((response) => {
-          ProcessMaker.alert(this.$t("The launchpad settings were saved."), "success", 5, true);
+          ProcessMaker.alert(
+            this.$t("The launchpad settings were saved."),
+            "success",
+            5,
+            true
+          );
           const params = {
             indexImage: null,
             type: "add",
           };
           if (this.oldScreen !== this.selectedScreen.id) {
-            ProcessMaker.EventBus.$emit("reloadByNewScreen", this.selectedScreenId);
+            ProcessMaker.EventBus.$emit(
+              "reloadByNewScreen",
+              this.selectedScreenId
+            );
           }
           ProcessMaker.EventBus.$emit("getLaunchpadImagesEvent", params);
           ProcessMaker.EventBus.$emit("getChartId", this.selectedSavedChart.id);
           this.customModalButtons[1].disabled = false;
-          this.$emit('updateMyTasksColumns', this.myTasks.currentColumns);
+          this.$emit("updateMyTasksColumns", this.myTasks.currentColumns);
           this.hideModal();
         })
         .catch((error) => {
@@ -403,11 +461,13 @@ export default {
      */
     retrieveSavedSearchCharts(query = "") {
       if (!ProcessMaker.packages.includes("package-collections")) return;
-      const filter = (query === "" || query === null) ? "" : `&filter=${query}`;
+      const filter = query === "" || query === null ? "" : `&filter=${query}`;
       ProcessMaker.apiClient
-        .get("saved-searches?page=1&per_page=10&order_by=title&order_direction=asc"
-          + "&has=charts&include=charts&get=id,title,charts.id,charts.title,charts.saved_search_id,type"
-          + `${filter}`)
+        .get(
+          "saved-searches?page=1&per_page=10&order_by=title&order_direction=asc" +
+            "&has=charts&include=charts&get=id,title,charts.id,charts.title,charts.saved_search_id,type" +
+            `${filter}`
+        )
         .then((response) => {
           if (response.data.data[0].charts) {
             const resultArray = response.data.data.flatMap((item) => {
@@ -431,11 +491,10 @@ export default {
      * Initial method to retrieve Screens and populate dropdown
      */
     retrieveDisplayScreen(query = "") {
-      const filter = (query === "" || query === null) ? "" : `&filter=${query}`;
+      const filter = query === "" || query === null ? "" : `&filter=${query}`;
       ProcessMaker.apiClient
         .get(
-          `screens?page=1&per_page=10&order_by=title&order_direction=asc&include=categories,category&exclude=config&type=DISPLAY${
-            filter}`,
+          `screens?page=1&per_page=10&order_by=title&order_direction=asc&include=categories,category&exclude=config&type=DISPLAY${filter}`
         )
         .then((response) => {
           if (response.data.data) {
@@ -457,7 +516,8 @@ export default {
     getDescriptionInitial() {
       if (this.origin !== "core") {
         if (ProcessMaker.modeler?.process) {
-          this.processDescriptionInitial = ProcessMaker.modeler.process.description;
+          this.processDescriptionInitial =
+            ProcessMaker.modeler.process.description;
         }
       } else {
         this.processDescriptionInitial = this.descriptionSettings;
@@ -492,17 +552,18 @@ export default {
      * If you don't use the nextTick method, the modal will not be displayed correctly.
      */
     showEditTaskColumn() {
-      this.$refs['editTaskColumn'].show();
+      this.$refs["editTaskColumn"].show();
       this.$nextTick(() => {
         this.getMyTasksColumns();
       });
     },
     async getMyTasksColumns() {
       this.myTasks.currentColumns = this.myTasksColumns;
-      let defaultSavedSearch = window.ProcessMaker?.defaultSavedSearch || 
-        window.Processmaker?.defaultSavedSearchId ||  
+      let defaultSavedSearch =
+        window.ProcessMaker?.defaultSavedSearch ||
+        window.Processmaker?.defaultSavedSearchId ||
         null;
-        
+
       // If there is no defaultSavedSearch, initialize empty arrays and exit
       if (!defaultSavedSearch) {
         this.myTasks.defaultColumns = [];
@@ -512,33 +573,42 @@ export default {
       }
 
       if (defaultSavedSearch) {
-      await ProcessMaker.apiClient.get(`saved-searches/${defaultSavedSearch}/columns?include=default`)
-        .then((response) => {
-          if (response.data && response.data.default) {
-            this.myTasks.defaultColumns = response.data.default;
-          }
-        });
-
-      await ProcessMaker.apiClient.get(`saved-searches/${defaultSavedSearch}/columns?include=available,data`)
-        .then((response) => {
-          if (response.data) {
-            if (response.data.available) {
-              this.myTasks.availableColumns = response.data.available;
-              // Update availableColumns with the fields that are not in currentColumns.
-              let columns = [...this.myTasks.defaultColumns, ...this.myTasks.availableColumns];
-              const difference = columns.filter(column =>
-                !this.myTasks.currentColumns.some(currentColumn =>
-                  currentColumn.field === column.field
-                )
-              );
-              this.myTasks.availableColumns = difference;
+        await ProcessMaker.apiClient
+          .get(`saved-searches/${defaultSavedSearch}/columns?include=default`)
+          .then((response) => {
+            if (response.data && response.data.default) {
+              this.myTasks.defaultColumns = response.data.default;
             }
-            if (response.data.data) {
-              this.myTasks.dataColumns = response.data.data;
+          });
+
+        await ProcessMaker.apiClient
+          .get(
+            `saved-searches/${defaultSavedSearch}/columns?include=available,data`
+          )
+          .then((response) => {
+            if (response.data) {
+              if (response.data.available) {
+                this.myTasks.availableColumns = response.data.available;
+                // Update availableColumns with the fields that are not in currentColumns.
+                let columns = [
+                  ...this.myTasks.defaultColumns,
+                  ...this.myTasks.availableColumns,
+                ];
+                const difference = columns.filter(
+                  (column) =>
+                    !this.myTasks.currentColumns.some(
+                      (currentColumn) => currentColumn.field === column.field
+                    )
+                );
+                this.myTasks.availableColumns = difference;
+              }
+              if (response.data.data) {
+                this.myTasks.dataColumns = response.data.data;
+              }
             }
-          }
-        });
-    }
+          });
+      }
+    },
   },
 };
 </script>
@@ -548,7 +618,7 @@ label {
   color: #556271;
   margin-top: 16px;
   margin-bottom: 4px;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
@@ -557,7 +627,7 @@ label {
 }
 .modal-title div {
   color: #556271;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   font-size: 21px;
   font-weight: 400;
   line-height: 29px;
@@ -577,7 +647,7 @@ label {
   margin: 0px;
   width: 90px;
   height: 40px;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
@@ -595,7 +665,7 @@ label {
   height: 40px;
   margin: 0px;
   margin-left: 7px;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
@@ -608,7 +678,7 @@ label {
 .text-info-custom {
   color: #556271;
   margin-bottom: 17px;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
@@ -624,14 +694,15 @@ label {
   background: white;
   border-radius: 4px;
   border: 1px solid #cdddee;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 21.79px;
   letter-spacing: -0.02em;
   gap: 6px;
 }
-.modal-dialog, .modal-content {
+.modal-dialog,
+.modal-content {
   min-width: 800px;
 }
 .options-launchpad {
@@ -665,7 +736,7 @@ label {
     overflow: hidden;
     text-align: left;
     text-overflow: ellipsis;
-    font-family: 'Open Sans', sans-serif;
+    font-family: "Open Sans", sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 21.79px;
@@ -689,7 +760,7 @@ label {
   .multiselect__input {
     max-width: 239px;
     height: 20px;
-    font-family: 'Open Sans', sans-serif;
+    font-family: "Open Sans", sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 21.79px;
@@ -709,7 +780,7 @@ label {
   .multiselect__option {
     color: #556271;
     padding: 12px;
-    font-family: 'Open Sans', sans-serif;
+    font-family: "Open Sans", sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 21.79px;