From 0e698293c80180a9ec561f7badbc4db101bb7c97 Mon Sep 17 00:00:00 2001
From: Elsio Sanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Wed, 21 Apr 2021 17:28:26 -0400
Subject: [PATCH] Add sub-menu to context menu (#762)

---
 .../ContextMenu/contextMenuDesktop.vue        | 50 ++++++++++++++++++-
 1 file changed, 49 insertions(+), 1 deletion(-)

diff --git a/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue b/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
index 91617a31..99fe9b3a 100644
--- a/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
+++ b/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
@@ -60,7 +60,52 @@
               <div style="margin-right: 5%;margin-top: 10%;">
                 <i :class="iconAction(action)" style="font-weight: bolder;" />
               </div>
-              <div>
+              <el-dropdown
+                v-if="!isEmptyValue(action.childs)"
+              >
+                <span class="contents">
+                  <b class="label">
+                    {{ action.name }}
+                  </b>
+                </span>
+                <p
+                  class="description"
+                >
+                  {{ $t('data.noDescription') }}
+                </p>
+                <el-dropdown-menu
+                  slot="dropdown"
+                  @command="handleCommand"
+                >
+                  <el-dropdown-item
+                    v-for="(childs, key) in action.childs"
+                    :key="key"
+                    :command="childs"
+                    :divided="true"
+                  >
+                    <span class="contents">
+                      <b class="label" @click="handleCommand(childs)">
+                        {{ childs.name }}
+                      </b>
+                    </span>
+                    <p
+                      v-if="!isEmptyValue(childs.description)"
+                      class="description"
+                    >
+                      {{ childs.description }}
+                    </p>
+                    <p
+                      v-else
+                      class="description"
+                    >
+                      {{ $t('data.noDescription') }}
+                    </p>
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+              <div
+                v-else
+              >
                 <span class="contents">
                   <b class="label">
                     {{ action.name }}
@@ -224,6 +269,9 @@ export default {
         this.runAction(action)
       }
     },
+    handleCommand(childs) {
+      this.runAction(childs)
+    },
     clickReferences(reference) {
       this.openReference(reference)
     },