From a6a61194446322cb98b5292545b948ec34c5c19e Mon Sep 17 00:00:00 2001
From: Fabio <frguachallab@gmail.com>
Date: Mon, 27 Nov 2023 20:39:07 +0000
Subject: [PATCH] FOUR-12581:Process Launchpad: Create the initial mockup

---
 .../ProcessesCatalogueController.php          | 15 +++++++
 .../components/shared/ellipsisMenuActions.js  |  2 +-
 .../components/ProcessInfo.vue                | 41 +++++++++++++++++++
 resources/js/processes-catalogue/open.js      |  9 ++++
 .../views/processes-catalogue/open.blade.php  | 19 +++++++++
 webpack.mix.js                                |  1 +
 6 files changed, 86 insertions(+), 1 deletion(-)
 create mode 100644 resources/js/processes-catalogue/components/ProcessInfo.vue
 create mode 100644 resources/js/processes-catalogue/open.js
 create mode 100644 resources/views/processes-catalogue/open.blade.php

diff --git a/ProcessMaker/Http/Controllers/ProcessesCatalogueController.php b/ProcessMaker/Http/Controllers/ProcessesCatalogueController.php
index 5ccc9c54e6..a17e35eb57 100644
--- a/ProcessMaker/Http/Controllers/ProcessesCatalogueController.php
+++ b/ProcessMaker/Http/Controllers/ProcessesCatalogueController.php
@@ -4,6 +4,8 @@
 
 use Illuminate\Http\Request;
 use ProcessMaker\Http\Controllers\Controller;
+use ProcessMaker\Models\Process;
+use ProcessMaker\Models\ProcessCategory;
 
 class ProcessesCatalogueController extends Controller
 {
@@ -11,4 +13,17 @@ public function index(Request $request)
     {
         return view('processes-catalogue.index');
     }
+    /**
+     * @param Process $process
+     * @param string $id
+     * 
+     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
+     */
+    public function open(Process $process, $id)
+    {
+        return view('processes-catalogue.open', [
+            'process' => $process,
+            'processId' => $id
+        ]);
+    }
 }
diff --git a/resources/js/components/shared/ellipsisMenuActions.js b/resources/js/components/shared/ellipsisMenuActions.js
index 74f018646a..60e13d6209 100644
--- a/resources/js/components/shared/ellipsisMenuActions.js
+++ b/resources/js/components/shared/ellipsisMenuActions.js
@@ -23,7 +23,7 @@ export default {
           value: "open-launchpad",
           content: "Open Launchpad",
           link: true,
-          href: "/processes-catalogue/",
+          href: "/processes-catalogue/{{id}}",
           permission: ["edit-processes", "create-projects", "view-projects"],
           icon: "fas fa-file-export",
         },
diff --git a/resources/js/processes-catalogue/components/ProcessInfo.vue b/resources/js/processes-catalogue/components/ProcessInfo.vue
new file mode 100644
index 0000000000..94e210d00d
--- /dev/null
+++ b/resources/js/processes-catalogue/components/ProcessInfo.vue
@@ -0,0 +1,41 @@
+<template>
+  <b-row>
+    <b-col cols="2">
+      <h4> {{ $t('Processes Browser') }} </h4>
+      <!--
+      Menu Catalogue FOUR-12111
+      <MenuCatologue
+        :data="listCategories"
+        :select="selectCategorie"
+        class="mt-3"
+      />
+      -->
+    </b-col>
+    <b-col cols="10">
+      <div class="d-flex">
+        <b-col cols="9">
+          Process Map
+        </b-col>
+        <b-col cols="3">
+          Process Options
+        </b-col>
+      </div>
+      <b-col cols="12">
+        Process Tab
+      </b-col>
+    </b-col>
+  </b-row>
+</template>
+
+<script>
+
+export default {
+  data() {
+    return {
+      fields: [],
+    };
+  },
+  methods: {
+  },
+};
+</script>
diff --git a/resources/js/processes-catalogue/open.js b/resources/js/processes-catalogue/open.js
new file mode 100644
index 0000000000..94e67c4e58
--- /dev/null
+++ b/resources/js/processes-catalogue/open.js
@@ -0,0 +1,9 @@
+import Vue from "vue";
+import ProcessInfo from "./components/ProcessInfo.vue";
+
+new Vue({
+  el: "#open-process",
+  components: { ProcessInfo },
+  data: {},
+  methods: {},
+});
diff --git a/resources/views/processes-catalogue/open.blade.php b/resources/views/processes-catalogue/open.blade.php
new file mode 100644
index 0000000000..4532aea778
--- /dev/null
+++ b/resources/views/processes-catalogue/open.blade.php
@@ -0,0 +1,19 @@
+@extends('layouts.layout')
+
+@section('title')
+  {{__('Processes Catalogue')}}
+@endsection
+
+@section('sidebar')
+  @include('layouts.sidebar', ['sidebar' => Menu::get('sidebar_processes_catalogue')])
+@endsection
+
+@section('content')
+  <div id="open-process" class="px-3 page-content mb-0">
+    <process-info :processId={{$processId}}></process-info>
+  </div>
+@endsection
+
+@section('js')
+  <script src="{{mix('js/processes-catalogue/open.js')}}"></script>
+@endsection
diff --git a/webpack.mix.js b/webpack.mix.js
index 43a83240de..f05618cfae 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -117,6 +117,7 @@ mix.js("resources/js/app-layout.js", "public/js")
   .js("resources/js/processes/translations/import.js", "public/js/processes/translations")
 
   .js("resources/js/processes-catalogue/index.js", "public/js/processes-catalogue/index.js")
+  .js("resources/js/processes-catalogue/open.js", "public/js/processes-catalogue/open.js")
 
   .js("resources/js/tasks/index.js", "public/js/tasks/index.js")
   .js("resources/js/tasks/mobile.js", "public/js/tasks/mobile.js")