From 983d3642c347f1306504468eaac2bf0f9f8deca4 Mon Sep 17 00:00:00 2001
From: elsiosanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Wed, 29 Apr 2020 17:11:31 -0400
Subject: [PATCH] Hide and show context information (#471)

* Hide and show context information

* default value true

* rename variable

* rename variable
---
 src/lang/ADempiere/en.js                   |  3 ++-
 src/lang/ADempiere/es.js                   |  3 ++-
 src/layout/components/Settings/index.vue   | 16 ++++++++++++++++
 src/store/modules/settings.js              |  2 +-
 src/views/ADempiere/Browser/index.vue      |  7 ++++++-
 src/views/ADempiere/Form/index.vue         |  8 +++++++-
 src/views/ADempiere/Process/index.vue      |  8 +++++++-
 src/views/ADempiere/ReportViewer/index.vue |  4 ++++
 src/views/ADempiere/Window/index.vue       |  8 +++++++-
 9 files changed, 52 insertions(+), 7 deletions(-)

diff --git a/src/lang/ADempiere/en.js b/src/lang/ADempiere/en.js
index 786e5719..24dede69 100644
--- a/src/lang/ADempiere/en.js
+++ b/src/lang/ADempiere/en.js
@@ -249,7 +249,8 @@ export default {
     theme: 'Theme Color',
     tagsView: 'Open Tags-View',
     fixedHeader: 'Fixed Header',
-    sidebarLogo: 'Sidebar Logo'
+    sidebarLogo: 'Sidebar Logo',
+    showContextMenu: 'Show Context Information'
   },
   profile: {
     aboutMe: 'About Me',
diff --git a/src/lang/ADempiere/es.js b/src/lang/ADempiere/es.js
index 994073b3..78b8f832 100644
--- a/src/lang/ADempiere/es.js
+++ b/src/lang/ADempiere/es.js
@@ -224,7 +224,8 @@ export default {
     theme: 'Color del tema',
     tagsView: 'Habilitar Tags-View',
     fixedHeader: 'Encabezado fijo',
-    sidebarLogo: 'Logotipo de la barra lateral'
+    sidebarLogo: 'Logotipo de la barra lateral',
+    showContextMenu: 'Mostrar Menu de Contexto'
   },
   profile: {
     aboutMe: 'Sobre Mi',
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index 19e4e68b..09ebad54 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -13,6 +13,11 @@
         <el-switch v-model="tagsView" class="drawer-switch" />
       </div>
 
+      <div class="drawer-item">
+        <span>{{ $t('settings.showContextMenu') }}</span>
+        <el-switch v-model="showContextMenu" class="drawer-switch" />
+      </div>
+
       <div class="drawer-item">
         <span>{{ $t('settings.fixedHeader') }}</span>
         <el-switch v-model="fixedHeader" class="drawer-switch" />
@@ -58,6 +63,17 @@ export default {
         })
       }
     },
+    showContextMenu: {
+      get() {
+        return this.$store.state.settings.showContextMenu
+      },
+      set(val) {
+        this.$store.dispatch('settings/changeSetting', {
+          key: 'showContextMenu',
+          value: val
+        })
+      }
+    },
     sidebarLogo: {
       get() {
         return this.$store.state.settings.sidebarLogo
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index e389af79..b29c4305 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -8,6 +8,7 @@ const state = {
   showSettings: showSettings,
   tagsView: tagsView,
   fixedHeader: fixedHeader,
+  showContextMenu: true,
   sidebarLogo: sidebarLogo
 }
 
@@ -31,4 +32,3 @@ export default {
   mutations,
   actions
 }
-
diff --git a/src/views/ADempiere/Browser/index.vue b/src/views/ADempiere/Browser/index.vue
index da6a0e51..e324015a 100644
--- a/src/views/ADempiere/Browser/index.vue
+++ b/src/views/ADempiere/Browser/index.vue
@@ -9,7 +9,9 @@
       :container-uuid="browserUuid"
       :panel-type="panelType"
     />
-    <el-header>
+    <el-header
+      v-if="ShowInfoContext"
+    >
       <context-menu
         :menu-parent-uuid="$route.meta.parentUuid"
         :container-uuid="browserUuid"
@@ -103,6 +105,9 @@ export default {
     }
   },
   computed: {
+    ShowInfoContext() {
+      return this.$store.state.settings.ShowInfoContext
+    },
     getterBrowser() {
       return this.$store.getters.getBrowser(this.browserUuid)
     },
diff --git a/src/views/ADempiere/Form/index.vue b/src/views/ADempiere/Form/index.vue
index f75ad53a..2b065d6c 100644
--- a/src/views/ADempiere/Form/index.vue
+++ b/src/views/ADempiere/Form/index.vue
@@ -5,7 +5,10 @@
     class="view-base"
     style="height: 84vh;"
   >
-    <el-header style="height: 39px;">
+    <el-header
+      v-if="ShowInfoContext"
+      style="height: 39px; background: white;"
+    >
       <context-menu
         :menu-parent-uuid="$route.meta.parentUuid"
         :container-uuid="formUuid"
@@ -79,6 +82,9 @@ export default {
     }
   },
   computed: {
+    ShowInfoContext() {
+      return this.$store.state.settings.ShowInfoContext
+    },
     formTitle() {
       return this.formMetadata.name || this.$route.meta.title
     },
diff --git a/src/views/ADempiere/Process/index.vue b/src/views/ADempiere/Process/index.vue
index 29220f04..385aa505 100644
--- a/src/views/ADempiere/Process/index.vue
+++ b/src/views/ADempiere/Process/index.vue
@@ -5,7 +5,10 @@
     class="view-base"
     style="height: 84vh;"
   >
-    <el-header style="height: 39px;">
+    <el-header
+      v-if="ShowInfoContext"
+      style="height: 39px;"
+    >
       <context-menu
         :menu-parent-uuid="$route.meta.parentUuid"
         :container-uuid="processUuid"
@@ -86,6 +89,9 @@ export default {
     }
   },
   computed: {
+    ShowInfoContext() {
+      return this.$store.state.settings.ShowInfoContext
+    },
     getterProcess() {
       return this.$store.getters.getPanel(this.processUuid)
     },
diff --git a/src/views/ADempiere/ReportViewer/index.vue b/src/views/ADempiere/ReportViewer/index.vue
index 16b75a72..a758b17f 100644
--- a/src/views/ADempiere/ReportViewer/index.vue
+++ b/src/views/ADempiere/ReportViewer/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div v-if="isLoading" key="report-viewer-loaded" style="min-height: inherit;">
     <context-menu
+      v-if="ShowInfoContext"
       :container-uuid="reportResult.processUuid"
       :panel-type="panelType"
       :is-report="true"
@@ -112,6 +113,9 @@ export default {
   },
   computed: {
     // TODO: Add get metadata from server to open report view from link
+    ShowInfoContext() {
+      return this.$store.state.settings.ShowInfoContext
+    },
     getterProcess() {
       return this.$store.getters.getProcessById(this.$route.params.processId)
     },
diff --git a/src/views/ADempiere/Window/index.vue b/src/views/ADempiere/Window/index.vue
index b71d0658..1b5a7d05 100644
--- a/src/views/ADempiere/Window/index.vue
+++ b/src/views/ADempiere/Window/index.vue
@@ -58,7 +58,10 @@
                   <resize-observer @notify="handleResize" />
                   <Split v-shortkey="['f8']" direction="vertical" @onDrag="onDrag" @shortkey.native="handleChangeShowedRecordNavigation(!isShowedRecordNavigation)">
                     <SplitArea :size="sizeAreaStyle" :style="splitAreaStyle">
-                      <el-header :style="isWorkflowBarStatus ? 'height: 45px; background: #F5F7FA' : 'height: 40px'">
+                      <el-header
+                        v-if="ShowInfoContext"
+                        :style="isWorkflowBarStatus ? 'height: 45px; background: #F5F7FA' : 'height: 40px'"
+                      >
                         <el-container>
                           <el-aside width="100%" style="width: 78vw;overflow: hidden;">
                             <el-scrollbar>
@@ -340,6 +343,9 @@ export default {
     next()
   },
   computed: {
+    ShowInfoContext() {
+      return this.$store.state.settings.ShowInfoContext
+    },
     defaultPorcentSplitPane() {
       if (this.isShowedRecordPanel) {
         if (this.isShowedRecordNavigation) {