perf: add update actions and detail formatters to various components

src/components/Table/DrawerListTable/index.vue

@@ -88,6 +88,9 @@ export default {
       if (!actions.onCreate) {
         actions.onCreate = this.onCreate
       }
+      if (!actions.onUpdate) {
+        actions.onUpdate = this.onUpdate
+      }
       return actions
     },
     iTableConfig() {

src/views/ops/Execution/index.vue

@@ -9,6 +9,7 @@
 import { GenericListPage } from '@/layout/components'
 import { openTaskPage } from '@/utils/jms'
 import ExecutionDetailDialog from '@/views/ops/Execution/ExecutionDetail'
+import detailFormatter from '@/components/Table/TableFormatters/DetailFormatter.vue'
 
 export default {
   components: {
@@ -34,8 +35,10 @@ export default {
         },
         columnsMeta: {
           id: {
-            formatter(row) {
+            formatter: detailFormatter,
-              return row.id.slice(0, 8)
+            formatterArgs: {
+              drawer: true,
+              route: 'ExecutionDetail'
             }
           },
           job: {
@@ -77,15 +80,6 @@ export default {
               hasDelete: false,
               hasClone: false,
               extraActions: [
-                {
-                  title: this.$t('Detail'),
-                  name: 'detail',
-                  type: 'primary',
-                  can: true,
-                  callback: ({ row }) => {
-                    this.$router.push({ name: 'ExecutionDetail', params: { id: row.id }})
-                  }
-                },
                 {
                   title: this.$t('Output'),
                   name: 'logging',

src/views/ops/Job/components/Adhoc.vue

@@ -121,6 +121,12 @@ export default {
           })
           vm.$refs.ListTable.onCreate()
         },
+        onUpdate: () => {
+          vm.$router.push({
+            query: { _type: 'adhoc' }
+          })
+          vm.$refs.ListTable.onUpdate()
+        },
         hasRefresh: true,
         hasExport: false,
         hasImport: false

src/views/ops/Job/components/PlayBook.vue

@@ -126,6 +126,12 @@ export default {
           vm.$refs.ListTable.onCreate()
         }
       },
+      onUpdate: () => {
+        vm.$router.push({
+          query: { _type: 'playbook' }
+        })
+        vm.$refs.ListTable.onUpdate()
+      },
       showJobRunDialog: false
     }
   },

src/views/sessions/CommandList/BaseList.vue

@@ -82,8 +82,7 @@ export default {
           session: {
             formatter: DetailFormatter,
             formatterArgs: {
-              openInNewPage: true,
+              drawer: true,
-              removeColorOnClick: true,
               can: this.$hasPerm('terminal.view_session'),
               getTitle() {
                 return vm.$t('Goto')

src/views/sessions/OnlineSession/OnlineSessionList.vue

@@ -10,6 +10,7 @@
 
 <script>
 import GenericListPage from '@/layout/components/GenericListPage'
+import { DetailFormatter } from '@/components/Table/TableFormatters'
 
 export default {
   components: {
@@ -47,15 +48,19 @@ export default {
           },
           user_display: {
             label: this.$t('User'),
-            formatter: function(row) {
+            formatter: DetailFormatter,
-              const to = {
+            formatterArgs: {
-                name: 'UserDetail',
+              drawer: true,
-                params: { id: row.user.id }
+              can: this.$hasPerm('users.view_user'),
-              }
+              getTitle: ({ row }) => { return row.user.name },
-              if (vm.$hasPerm('users.view_user')) {
+              getDrawerTitle({ row }) { return row.user.name },
-                return <router-link to={to}>{row.user.name}</router-link>
+              getRoute: ({ row }) => {
-              } else {
+                return {
-                return <span>{row.user.name}</span>
+                  name: 'UserDetail',
+                  params: {
+                    id: row.user.id
+                  }
+                }
               }
             }
           },