feat: Process associated browser. (#1454)

* feat: Process associated browser.

* add default name.

src/components/ADempiere/ActionMenu/Actions.vue

@@ -29,7 +29,7 @@
     @command="runAction"
     @click="runDefaultAction"
   >
-    {{ defaultActionName }}
+    {{ actionsManager.defaultActionName }}
 
     <el-dropdown-menu slot="dropdown">
       <el-dropdown-item
@@ -84,14 +84,13 @@
                       </b>
                     </span>
 
-                    <p
-                      v-if="!isEmptyValue(childs.description)"
-                      class="description"
-                    >
-                      {{ childs.description }}
-                    </p>
-                    <p v-else class="description">
-                      {{ $t('data.noDescription') }}
+                    <p class="description">
+                      <template v-if="isEmptyValue(childs.description)">
+                        {{ $t('data.noDescription') }}
+                      </template>
+                      <template v-else>
+                        {{ childs.description }}
+                      </template>
                     </p>
                   </el-dropdown-item>
                 </el-scrollbar>
@@ -104,8 +103,14 @@
                   {{ action.name }}
                 </b>
               </span>
+
               <p class="description">
-                {{ $t('data.noDescription') }}
+                <template v-if="isEmptyValue(action.description)">
+                  {{ $t('data.noDescription') }}
+                </template>
+                <template v-else>
+                  {{ action.description }}
+                </template>
               </p>
             </div>
           </div>
@@ -165,16 +170,6 @@ export default defineComponent({
       return false
     })
 
-    const defaultActionName = computed(() => {
-      if (!root.isEmptyValue(tableName)) {
-        if (isWithRecord.value) {
-          return root.$t('window.newRecord')
-        }
-        return root.$t('data.undo')
-      }
-      return root.$t('actionMenu.runProcessOrReport')
-    })
-
     const defaultActionToRun = computed(() => {
       if (isUndoAction.value) {
         return actionsList.value[2]
@@ -207,8 +202,6 @@ export default defineComponent({
 
     return {
       actionsList,
-      // computeds
-      defaultActionName,
       // methods
       runAction,
       runDefaultAction

src/store/modules/ADempiere/actionMenuManager.js

@@ -0,0 +1,62 @@
+// ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+// Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
+// Contributor(s): Edwin Betancourt [email protected] www.erpya.com
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+import Vue from 'vue'
+
+// utils and helper methods
+import { isEmptyValue } from '@/utils/ADempiere/valueUtils.js'
+
+const initState = {
+  actionMenuManager: {}
+}
+
+const actionMenuManager = {
+  state: initState,
+
+  mutations: {
+    setActionMenu(state, {
+      containerUuid,
+      actionsList
+    }) {
+      Vue.set(state.actionMenuManager, containerUuid, {
+        containerUuid,
+        actionsList
+      })
+    },
+
+    resetStateActionMenuManager(state) {
+      state = initState
+    }
+  },
+
+  getters: {
+    /**
+     * Get actions list of container
+     * @param {string} containerUuid
+     * @returns {array}
+     */
+    getStoredActionsMenu: (state) => ({ containerUuid }) => {
+      const actionContainer = state.actionMenuManager[containerUuid]
+      if (!isEmptyValue(actionContainer)) {
+        return actionContainer.actionsList
+      }
+
+      return []
+    }
+  }
+}
+
+export default actionMenuManager

src/store/modules/ADempiere/dictionary/browser/actions.js

@@ -19,6 +19,14 @@ import router from '@/router'
 // api request methods
 import { requestBrowserMetadata } from '@/api/ADempiere/dictionary/smart-browser.js'
 
+// constants
+import {
+  refreshBrowserSearh,
+  runProcessOrReport,
+  sharedLink,
+  zoomWindow
+} from '@/utils/ADempiere/constants/actionsMenuList'
+
 // utils and helper methods
 import { isEmptyValue } from '@/utils/ADempiere/valueUtils.js'
 import { generatePanelAndFields } from '@/utils/ADempiere/dictionary/panel.js'
@@ -44,6 +52,11 @@ export default {
           })
           commit('addBrowserToList', browserDefinition)
 
+          dispatch('setBrowserActionsMenu', {
+            containerUuid: browserDefinition.uuid
+          })
+
+          // set default values into fields
           dispatch('setBrowserDefaultValues', {
             containerUuid: browserDefinition.uuid,
             fieldsList: browserDefinition.fieldsList
@@ -54,10 +67,59 @@ export default {
     })
   },
 
+  /**
+   * Set actions menu to browser
+   * @param {string} containerUuid
+   */
+  setBrowserActionsMenu({ commit, getters }, {
+    containerUuid
+  }) {
+    const browserDefinition = getters.getStoredBrowser(containerUuid)
+
+    const actionsList = []
+
+    // process associated
+    if (!isEmptyValue(browserDefinition.process)) {
+      const { uuid, name, description } = browserDefinition.process
+      const actionProcess = {
+        ...runProcessOrReport,
+        uuid,
+        name,
+        description
+      }
+
+      actionsList.push(actionProcess)
+    }
+
+    // action refresh browser search
+    actionsList.push(refreshBrowserSearh)
+
+    // add action zoom window
+    if (!isEmptyValue(browserDefinition.window)) {
+      const { uuid, name, description } = browserDefinition.window
+      const zoomAction = {
+        ...zoomWindow,
+        uuid,
+        name: `${zoomWindow.name}: ${name}`,
+        description
+      }
+
+      actionsList.push(zoomAction)
+    }
+
+    // action shared link
+    actionsList.push(sharedLink)
+
+    commit('setActionMenu', {
+      containerUuid: browserDefinition.uuid,
+      actionsList
+    })
+  },
+
   /**
    * Set default values to panel
-   * @param {string}  parentUuid
    * @param {string}  containerUuid
+   * @param {array} fieldsList
    */
   setBrowserDefaultValues({ dispatch, getters }, {
     containerUuid,
@@ -87,6 +149,9 @@ export default {
 
   /**
    * Used by components/fields/filterFields
+   * @param {string} containerUuid
+   * @param {array} fieldsShowed fields to displayed
+   * @param {array} fieldsList all fields list in container
    */
   changeBrowserFieldShowedFromUser({ commit, dispatch, getters, rootGetters }, {
     containerUuid,

src/store/modules/ADempiere/dictionary/browser/getters.js

@@ -96,7 +96,7 @@ export default {
   },
 
   /**
-   * Determinate if panel is ready fron send, all fiedls mandatory and displayed with values
+   * Determinate if panel is ready to send, all fields mandatory and displayed with values
    * @param {string}  containerUuid
    * @param {object}  row, data to compare if is table
    * @returns {object}

src/utils/ADempiere/constants/actionsMenuList.js

@@ -131,6 +131,7 @@ export const zoomWindow = {
   icon: 'el-icon-zoom-in',
   type: 'zoom',
   actionName: 'zoomWindow',
+  uuid: null,
   zoomWindow: ({ uuid }) => {
     zoomIn({
       uuid
@@ -216,6 +217,7 @@ export const runProcessOrReport = {
   svg: false,
   icon: 'el-icon-setting',
   actionName: 'runProcessOrReport',
+  uuid: null,
   runProcessOrReport: ({ root, containerUuid }) => {
     root.$store.dispatch('startProcess', {
       containerUuid

src/views/ADempiere/Browser/index.vue

@@ -90,13 +90,6 @@ import {
   isReadOnlyField, isReadOnlyColumn
 } from '@/utils/ADempiere/dictionary/browser.js'
 
-// constants
-import {
-  refreshBrowserSearh,
-  sharedLink,
-  zoomWindow
-} from '@/utils/ADempiere/constants/actionsMenuList'
-
 export default defineComponent({
   name: 'BrowserView',
 
@@ -338,19 +331,11 @@ export default defineComponent({
     const actionsManager = ref({
       containerUuid: browserUuid,
 
-      getActionList: () => [
-        refreshBrowserSearh,
-        {
-          ...zoomWindow,
-          uuid: root.isEmptyValue(storedBrowser.value)
-            ? null
-            : storedBrowser.value.window
-              ? storedBrowser.value.window.uuid
-              : null
-        },
-
-        sharedLink
-      ]
+      defaultActionName: root.$t('actionMenu.runProcessOrReport'),
+
+      getActionList: () => root.$store.getters.getStoredActionsMenu({
+        containerUuid: browserUuid
+      })
     })
 
     const relationsManager = ref({

src/views/ADempiere/Window/MultiTabWindow.vue

@@ -169,6 +169,9 @@ export default defineComponent({
     const actionsManager = ref({
       parentUuid: props.windowMetadata.uuid,
       containerUuid: props.windowMetadata.currentTabUuid,
+
+      defaultActionName: root.$t('window.newRecord'),
+
       getActionList: () => [
         createNewRecord,
         refreshRecords,