From 2c586f6a7ec132e3b5f20f1b50d416cd0d1985b1 Mon Sep 17 00:00:00 2001
From: elsiosanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Wed, 11 Mar 2020 20:58:07 -0400
Subject: [PATCH] Add default icon to run a Report or Process by default (#382)

---
 .../ContextMenu/contextMenuMobile.vue         | 27 ++++++++++++++++++-
 .../ADempiere/ContextMenu/index.vue           |  2 +-
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/components/ADempiere/ContextMenu/contextMenuMobile.vue b/src/components/ADempiere/ContextMenu/contextMenuMobile.vue
index 95e23d16..33534fdb 100644
--- a/src/components/ADempiere/ContextMenu/contextMenuMobile.vue
+++ b/src/components/ADempiere/ContextMenu/contextMenuMobile.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="container-submenu-mobile container-context-menu">
+    <svg-icon v-if="isPanelTypeMobile" :icon-class="iconDefault" @click="runAction(actions[0])" />
     <right-menu>
       <el-menu
         ref="contextMenu"
@@ -126,6 +127,30 @@ export default {
   components: {
     RightMenu
   },
-  mixins: [contextMixin]
+  mixins: [contextMixin],
+  computed: {
+    isPanelTypeMobile() {
+      console.log(this.panelType, this.$route.meta.type)
+      if (this.$route.meta.type === 'process' || this.$route.meta.type === 'report') {
+        return true
+      }
+      return false
+    },
+    iconDefault() {
+      if (this.$route.meta.type === 'process') {
+        return 'component'
+      }
+      return 'skill'
+    }
+  }
 }
 </script>
+<style scoped>
+  .svg-icon {
+    width: 1em;
+    height: 2em;
+    vertical-align: -0.15em;
+    fill: currentColor;
+    overflow: hidden;
+  }
+</style>
diff --git a/src/components/ADempiere/ContextMenu/index.vue b/src/components/ADempiere/ContextMenu/index.vue
index 3f666e73..13169628 100644
--- a/src/components/ADempiere/ContextMenu/index.vue
+++ b/src/components/ADempiere/ContextMenu/index.vue
@@ -106,7 +106,7 @@ export default {
   .container-submenu-mobile {
     position: absolute;
     height: 39px !important;
-    width: 39px !important;
+    width: 55px !important;
     right: 0;
     top: 0;
   }