add action for zoom record from SB in new table menu implementation (#264)

src/components/ADempiere/DataTable/index.vue

@@ -1085,31 +1085,6 @@ export default {
         })
       }
       return styleSheet
-    },
-    zoomRecord() {
-      const browserMetadata = this.$store.getters.getBrowser(this.$route.meta.uuid)
-      const elementName = browserMetadata.fieldList.find(field => field.columnName === browserMetadata.keyColumn).elementName
-      const records = []
-      this.getDataSelection.forEach(record => {
-        if (!isNaN(record[browserMetadata.keyColumn])) {
-          records.push(Number(record[browserMetadata.keyColumn]))
-        } else {
-          records.push(record[browserMetadata.keyColumn])
-        }
-      })
-
-      this.$store.dispatch('getWindowByUuid', {
-        routes: this.permissionRoutes,
-        windowUuid: browserMetadata.window.uuid
-      })
-      const windowRoute = this.$store.getters.getWindowRoute(browserMetadata.window.uuid)
-      this.$router.push({
-        name: windowRoute.name,
-        query: {
-          action: 'advancedQuery',
-          [elementName]: records
-        }
-      })
     }
   }
 }

src/components/ADempiere/DataTable/menu/index.vue

@@ -67,6 +67,9 @@
       >
         {{ panelMetadata.isShowedTotals ? $t('table.dataTable.hiddenTotal') : $t('table.dataTable.showTotal') }}
       </el-menu-item>
+      <el-menu-item v-if="!isPanelWindow" :disabled="Boolean(getDataSelection.length < 1)" index="zoom-record" @click="zoomRecord()">
+        {{ $t('table.ProcessActivity.zoomIn') }}
+      </el-menu-item>
     </el-submenu>
   </el-menu>
 </template>

src/components/ADempiere/DataTable/menu/mixinMenu.js

@@ -163,6 +163,9 @@ export const menuTableMixin = {
       const record = []
       record.push(this.isOption)
       return record
+    },
+    permissionRoutes() {
+      return this.$store.getters.permission_routes
     }
   },
   methods: {
@@ -318,6 +321,31 @@ export const menuTableMixin = {
     },
     formatJson(filterVal, jsonData) {
       return jsonData.map(rowData => filterVal.map(j => rowData[j]))
+    },
+    zoomRecord() {
+      const browserMetadata = this.$store.getters.getBrowser(this.$route.meta.uuid)
+      const elementName = browserMetadata.fieldList.find(field => field.columnName === browserMetadata.keyColumn).elementName
+      const records = []
+      this.getDataSelection.forEach(record => {
+        if (!isNaN(record[browserMetadata.keyColumn])) {
+          records.push(Number(record[browserMetadata.keyColumn]))
+        } else {
+          records.push(record[browserMetadata.keyColumn])
+        }
+      })
+
+      this.$store.dispatch('getWindowByUuid', {
+        routes: this.permissionRoutes,
+        windowUuid: browserMetadata.window.uuid
+      })
+      const windowRoute = this.$store.getters.getWindowRoute(browserMetadata.window.uuid)
+      this.$router.push({
+        name: windowRoute.name,
+        query: {
+          action: 'advancedQuery',
+          [elementName]: records
+        }
+      })
     }
   }
 }