feature/FOUR-18630

ProcessMaker/Http/Controllers/ProcessesCatalogueController.php

@@ -6,6 +6,7 @@
 use Illuminate\Support\Facades\Auth;
 use ProcessMaker\Events\ScreenBuilderStarting;
 use ProcessMaker\Helpers\MobileHelper;
+use ProcessMaker\Http\Controllers\Api\UserConfigurationController;
 use ProcessMaker\Http\Controllers\Controller;
 use ProcessMaker\Managers\ScreenBuilderManager;
 use ProcessMaker\Models\Bookmark;
@@ -46,7 +47,7 @@ public function index(Request $request, Process $process = null)
 
             return view('processes-catalogue.mobile', compact('title', 'process', 'currentUser', 'manager'));
         }
-
-        return view('processes-catalogue.index', compact('process', 'currentUser', 'manager'));
+        $userConfiguration = (new UserConfigurationController())->index()['ui_configuration'];
+        return view('processes-catalogue.index', compact('process', 'currentUser', 'manager', 'userConfiguration'));
     }
 }

ProcessMaker/Http/Controllers/RequestController.php

@@ -12,6 +12,7 @@
 use ProcessMaker\Filters\SaveSession;
 use ProcessMaker\Helpers\DefaultColumns;
 use ProcessMaker\Helpers\MobileHelper;
+use ProcessMaker\Http\Controllers\Api\UserConfigurationController;
 use ProcessMaker\Http\Controllers\Controller;
 use ProcessMaker\Managers\DataManager;
 use ProcessMaker\Managers\ScreenBuilderManager;
@@ -193,6 +194,7 @@ public function show(ProcessRequest $request, Media $mediaItems)
         }
 
         UserResourceView::setViewed(Auth::user(), $request);
+        $userConfiguration = (new UserConfigurationController())->index();
 
         return view('requests.show', compact(
             'request',
@@ -208,6 +210,7 @@ public function show(ProcessRequest $request, Media $mediaItems)
             'isProcessManager',
             'eligibleRollbackTask',
             'errorTask',
+            'userConfiguration',
         ));
     }
 

ProcessMaker/Http/Controllers/TaskController.php

@@ -13,6 +13,7 @@
 use ProcessMaker\Helpers\DefaultColumns;
 use ProcessMaker\Helpers\MobileHelper;
 use ProcessMaker\Http\Controllers\Api\ProcessRequestController;
+use ProcessMaker\Http\Controllers\Api\UserConfigurationController;
 use ProcessMaker\Jobs\MarkNotificationAsRead;
 use ProcessMaker\Managers\DataManager;
 use ProcessMaker\Managers\ScreenBuilderManager;
@@ -140,6 +141,7 @@ public function edit(ProcessRequestToken $task, string $preview = '')
                 'timezone',
                 'datetime_format',
             ]);
+            $userConfiguration = (new UserConfigurationController())->index();
 
             return view('tasks.edit', [
                 'task' => $task,
@@ -153,6 +155,7 @@ public function edit(ProcessRequestToken $task, string $preview = '')
                 'currentUser' => $currentUser,
                 'screenFields' => $screenFields,
                 'taskDraftsEnabled' => $taskDraftsEnabled,
+                'userConfiguration' => $userConfiguration,
             ]);
         }
     }

resources/js/processes-catalogue/components/ProcessesCatalogue.vue

@@ -65,7 +65,7 @@ export default {
   components: {
     MenuCatologue, CatalogueEmpty, Breadcrumbs,
   },
-  props: ["currentUserId", "process", "currentUser"],
+  props: ["currentUserId", "process", "currentUser", "userConfig"],
   data() {
     return {
       showMenu: false,
@@ -103,7 +103,9 @@ export default {
       categoryCount: 0,
       hideLaunchpad: true,
       currentWidth: 0,
-      mobileApp: window.ProcessMaker.mobileApp
+      mobileApp: window.ProcessMaker.mobileApp,
+      userConfiguration: this.userConfig,
+      urlConfiguration: "users/configuration",
     };
   },
   mounted() {
@@ -118,6 +120,7 @@ export default {
     this.$root.$on('filter-categories', (filter) => {
       this.filterCategories(filter);
     });
+    this.defineUserConfiguration();
   },
   watch: {
     category: {
@@ -136,9 +139,26 @@ export default {
     }
   },
   methods: {
+    defineUserConfiguration() {
+      this.showMenu = this.userConfiguration.launchpad.isMenuCollapse;
+    },
     hideMenu() {
       this.showMenu = !this.showMenu;
       this.$root.$emit("sizeChanged", !this.showMenu);
+      this.updateUserConfiguration();
+    },
+    updateUserConfiguration() {
+      this.userConfiguration.launchpad.isMenuCollapse = this.showMenu;
+      ProcessMaker.apiClient
+        .put(
+          this.urlConfiguration,
+          {
+            ui_configuration: this.userConfiguration,
+          },
+        )
+        .catch((error) => {
+          console.error("Error", error);
+        });
     },
     /**
      * Add new page of categories

resources/views/processes-catalogue/index.blade.php

@@ -18,6 +18,7 @@
       :process="{{$process ?? 0}}"
       :current-user-id="{{ \Auth::user()->id }}"
       :current-user="{{ \Auth::user() }}"
+      :user-config="{{$userConfiguration ?? []}}"
     >
     </processes-catalogue>
   </div>

resources/views/requests/show.blade.php

@@ -520,6 +520,8 @@ class="btn btn-outline-info btn-block"
           showTree: false,
           showInfo: true,
           showMenu: true,
+          userConfiguration: @json($userConfiguration),
+          urlConfiguration:'users/configuration',
         };
       },
       computed: {
@@ -649,9 +651,27 @@ classStatusCard() {
         },
       },
       methods: {
+        defineUserConfiguration() {
+          this.userConfiguration = JSON.parse(this.userConfiguration.ui_configuration);
+          this.showMenu = this.userConfiguration.requests.isMenuCollapse;
+        },
         hideMenu() {
           this.showMenu = !this.showMenu;
           this.$root.$emit("sizeChanged", !this.showMenu);
+          this.updateUserConfiguration();
+        },
+        updateUserConfiguration() {
+          this.userConfiguration.requests.isMenuCollapse = this.showMenu;
+          ProcessMaker.apiClient
+            .put(
+              this.urlConfiguration, 
+              {
+                ui_configuration: this.userConfiguration,
+              }
+            )
+            .catch((error) => {
+              console.error("Error", error);
+            });
         },
         switchTab(tab) {
           this.activeTab = tab;
@@ -850,6 +870,7 @@ classStatusCard() {
         this.listenRequestUpdates();
         this.cleanScreenButtons();
         this.editJsonData();
+        this.defineUserConfiguration();
       },
     });
   </script>

resources/views/tasks/edit.blade.php

@@ -436,6 +436,8 @@ class="multiselect__tag-icon"></i>
           userHasInteracted: false,
           caseTitle: "",
           showMenu: true,
+          userConfiguration: @json($userConfiguration),
+          urlConfiguration:'users/configuration',
         },
         watch: {
           task: {
@@ -526,9 +528,27 @@ class="multiselect__tag-icon"></i>
           },
         },
         methods: {
+          defineUserConfiguration() {
+            this.userConfiguration = JSON.parse(this.userConfiguration.ui_configuration);
+            this.showMenu = this.userConfiguration.tasks.isMenuCollapse;
+          },
           hideMenu() {
             this.showMenu = !this.showMenu;
             this.$root.$emit("sizeChanged", !this.showMenu);
+            this.updateUserConfiguration();
+          },
+          updateUserConfiguration() {
+            this.userConfiguration.tasks.isMenuCollapse = this.showMenu;
+            ProcessMaker.apiClient
+            .put(
+              this.urlConfiguration, 
+              {
+                ui_configuration: this.userConfiguration,
+              }
+            )
+            .catch((error) => {
+              console.error("Error", error);
+            });
           },
           createRule() {
             window.location.href = '/tasks/rules/new?' +
@@ -777,6 +797,7 @@ class="multiselect__tag-icon"></i>
           interactionListener.addEventListener('keydown', (event) => {
             this.sendUserHasInteracted();
           });
+          this.defineUserConfiguration();
         }
       });
       window.ProcessMaker.breadcrumbs.taskTitle = @json($task->element_name);