[release-3.3] feat: Support batch stop workloads (#3497)

* fix: Support bath stop statfulsets and deamonets for cluster Signed-off-by: TheYoungManLi <cjl@kubesphere.io> * fix: Support bath stop statfulsets and deamonets for project Signed-off-by: TheYoungManLi <cjl@kubesphere.io> * fix: Support bath stop deployments for multi-cluster project Signed-off-by: TheYoungManLi <cjl@kubesphere.io> * fix: Support bath stop statfulsets for multi-cluster project Signed-off-by: TheYoungManLi <cjl@kubesphere.io> Co-authored-by: TheYoungManLi <cjl@kubesphere.io>
kubesphere · Aug 2, 2022 · 2df3af7 · 2df3af7
1 parent e3fab00
commit 2df3af7
Show file tree

Hide file tree

Showing 11 changed files with 227 additions and 12 deletions.
diff --git a/locales/en/l10n-projects-applicationWorkloads-daemonsets-list.js b/locales/en/l10n-projects-applicationWorkloads-daemonsets-list.js
@@ -19,6 +19,8 @@
 module.exports = {
   // Banner
   // List
+  DAEMONSETS_LOW: 'daemonsets',
+  DAEMONSETS_PL: 'daemonsets',
   // List > Create > Basic Information
   // List > Create > Pod Settings
   CONTAINER_SETTINGS_DESC: 'Set the image, name, type, and computing resources of the container.',

diff --git a/locales/en/l10n-projects-applicationWorkloads-statefulsets-list.js b/locales/en/l10n-projects-applicationWorkloads-statefulsets-list.js
@@ -19,6 +19,8 @@
 module.exports = {
   // Banner
   // List
+  STATEFULSETS_LOW: 'Statefulsets',
+  STATEFULSETS_PL: 'Statefulsets',
   // List > Create > Basic Information
   // List > Create > Pod Settings > Update Settings > Rolling Update Settings
   PARTITION_ORDINAL_EMPTY: 'Please set a ordinal for dividing pod replicas.',

diff --git a/src/pages/clusters/containers/Workload/DaemonSets/index.jsx b/src/pages/clusters/containers/Workload/DaemonSets/index.jsx
@@ -25,6 +25,7 @@ import { withClusterList, ListPage } from 'components/HOCs/withList'
 import WorkloadStatus from 'projects/components/WorkloadStatus'
 import StatusReason from 'projects/components/StatusReason'
 import ResourceTable from 'clusters/components/ResourceTable'
+import { get } from 'lodash'
 
 import { getLocalTime, getDisplayName } from 'utils'
 import { getWorkloadStatus } from 'utils/status'
@@ -36,6 +37,7 @@ import WorkloadStore from 'stores/workload'
   store: new WorkloadStore('daemonsets'),
   module: 'daemonsets',
   name: 'WORKLOAD',
+  rowKey: 'uid',
 })
 export default class DaemonSets extends React.Component {
   handleTabChange = value => {
@@ -64,6 +66,23 @@ export default class DaemonSets extends React.Component {
     }
   }
 
+  get selectActions() {
+    const { tableProps, trigger, module, rootStore } = this.props
+    return [
+      ...get(tableProps, 'tableActions.selectActions', {}),
+      {
+        key: 'stop',
+        text: t('STOP'),
+        onClick: () =>
+          trigger('resource.batch.stop', {
+            type: module.toUpperCase(),
+            rowKey: 'uid',
+            success: rootStore.routing.query(),
+          }),
+      },
+    ]
+  }
+
   get itemActions() {
     const { module, name, trigger } = this.props
     return [
@@ -202,6 +221,7 @@ export default class DaemonSets extends React.Component {
         <ResourceTable
           {...tableProps}
           itemActions={this.itemActions}
+          selectActions={this.selectActions}
           columns={this.getColumns()}
           onCreate={this.showCreate}
           cluster={match.params.cluster}

diff --git a/src/pages/clusters/containers/Workload/StatefulSets/index.jsx b/src/pages/clusters/containers/Workload/StatefulSets/index.jsx
@@ -25,6 +25,7 @@ import { withClusterList, ListPage } from 'components/HOCs/withList'
 import WorkloadStatus from 'projects/components/WorkloadStatus'
 import StatusReason from 'projects/components/StatusReason'
 import ResourceTable from 'clusters/components/ResourceTable'
+import { get } from 'lodash'
 
 import { getLocalTime, getDisplayName } from 'utils'
 import { getWorkloadStatus } from 'utils/status'
@@ -67,6 +68,23 @@ export default class StatefulSets extends React.Component {
 
   showAction = record => !record.isFedManaged
 
+  get selectActions() {
+    const { tableProps, trigger, module, rootStore } = this.props
+    return [
+      ...get(tableProps, 'tableActions.selectActions', {}),
+      {
+        key: 'stop',
+        text: t('STOP'),
+        onClick: () =>
+          trigger('resource.batch.stop', {
+            type: module.toUpperCase(),
+            rowKey: 'uid',
+            success: rootStore.routing.query(),
+          }),
+      },
+    ]
+  }
+
   get itemActions() {
     const { module, trigger, name } = this.props
     return [
@@ -215,6 +233,7 @@ export default class StatefulSets extends React.Component {
         <ResourceTable
           {...tableProps}
           itemActions={this.itemActions}
+          selectActions={this.selectActions}
           columns={this.getColumns()}
           onCreate={this.showCreate}
           cluster={match.params.cluster}

diff --git a/src/pages/fedprojects/containers/Deployments/index.jsx b/src/pages/fedprojects/containers/Deployments/index.jsx
@@ -17,7 +17,7 @@
  */
 
 import React from 'react'
-
+import { get } from 'lodash'
 import { Avatar, Status } from 'components/Base'
 import Banner from 'components/Cards/Banner'
 import { withProjectList, ListPage } from 'components/HOCs/withList'
@@ -34,6 +34,7 @@ import WorkloadStore from 'stores/workload'
   store: new FederatedStore(new WorkloadStore('deployments')),
   module: 'deployments',
   name: 'WORKLOAD',
+  rowKey: 'uid',
 })
 export default class Deployments extends React.Component {
   get prefix() {
@@ -100,6 +101,23 @@ export default class Deployments extends React.Component {
     ]
   }
 
+  get selectActions() {
+    const { tableProps, trigger, name, rootStore } = this.props
+    return [
+      ...get(tableProps, 'tableActions.selectActions', {}),
+      {
+        key: 'stop',
+        text: t('STOP'),
+        onClick: () =>
+          trigger('resource.batch.stop', {
+            type: name,
+            rowKey: 'uid',
+            success: rootStore.routing.query(),
+          }),
+      },
+    ]
+  }
+
   get tableActions() {
     const { trigger, name, tableProps } = this.props
     return {
@@ -191,6 +209,7 @@ export default class Deployments extends React.Component {
           {...tableProps}
           itemActions={this.itemActions}
           tableActions={this.tableActions}
+          selectActions={this.selectActions}
           columns={this.getColumns()}
           onCreate={this.showCreate}
           searchType="name"

diff --git a/src/pages/fedprojects/containers/StatefulSets/index.jsx b/src/pages/fedprojects/containers/StatefulSets/index.jsx
@@ -17,7 +17,7 @@
  */
 
 import React from 'react'
-
+import { get } from 'lodash'
 import { Avatar, Status } from 'components/Base'
 import Banner from 'components/Cards/Banner'
 import { withProjectList, ListPage } from 'components/HOCs/withList'
@@ -35,6 +35,7 @@ import WorkloadStore from 'stores/workload'
   store: new FederatedStore(new WorkloadStore('statefulsets')),
   module: 'statefulsets',
   name: 'WORKLOAD',
+  rowKey: 'uid',
 })
 export default class StatefulSets extends React.Component {
   get prefix() {
@@ -63,6 +64,23 @@ export default class StatefulSets extends React.Component {
     }
   }
 
+  get selectActions() {
+    const { tableProps, trigger, module, rootStore } = this.props
+    return [
+      ...get(tableProps, 'tableActions.selectActions', {}),
+      {
+        key: 'stop',
+        text: t('STOP'),
+        onClick: () =>
+          trigger('resource.batch.stop', {
+            type: module.toUpperCase(),
+            rowKey: 'uid',
+            success: rootStore.routing.query(),
+          }),
+      },
+    ]
+  }
+
   get itemActions() {
     const { trigger, name } = this.props
     return [
@@ -208,6 +226,7 @@ export default class StatefulSets extends React.Component {
           {...tableProps}
           itemActions={this.itemActions}
           tableActions={this.tableActions}
+          selectActions={this.selectActions}
           columns={this.getColumns()}
           onCreate={this.showCreate}
           searchType="name"

diff --git a/src/pages/projects/containers/DaemonSets/index.jsx b/src/pages/projects/containers/DaemonSets/index.jsx
@@ -17,7 +17,7 @@
  */
 
 import React from 'react'
-
+import { get } from 'lodash'
 import { Avatar } from 'components/Base'
 import Banner from 'components/Cards/Banner'
 import { withProjectList, ListPage } from 'components/HOCs/withList'
@@ -35,6 +35,7 @@ import WorkloadStore from 'stores/workload'
   store: new WorkloadStore('daemonsets'),
   module: 'daemonsets',
   name: 'WORKLOAD',
+  rowKey: 'uid',
 })
 export default class DaemonSets extends React.Component {
   get prefix() {
@@ -67,6 +68,23 @@ export default class DaemonSets extends React.Component {
     }
   }
 
+  get selectActions() {
+    const { tableProps, trigger, module, rootStore } = this.props
+    return [
+      ...get(tableProps, 'tableActions.selectActions', {}),
+      {
+        key: 'stop',
+        text: t('STOP'),
+        onClick: () =>
+          trigger('resource.batch.stop', {
+            type: module.toUpperCase(),
+            rowKey: 'uid',
+            success: rootStore.routing.query(),
+          }),
+      },
+    ]
+  }
+
   get itemActions() {
     const { module, trigger, name } = this.props
     return [
@@ -215,6 +233,7 @@ export default class DaemonSets extends React.Component {
           {...tableProps}
           itemActions={this.itemActions}
           tableActions={this.tableActions}
+          selectActions={this.selectActions}
           columns={this.getColumns()}
           onCreate={this.showCreate}
         />

diff --git a/src/pages/projects/containers/Deployments/index.jsx b/src/pages/projects/containers/Deployments/index.jsx
@@ -17,7 +17,7 @@
  */
 
 import React from 'react'
-
+import { get } from 'lodash'
 import { Avatar } from 'components/Base'
 import Banner from 'components/Cards/Banner'
 import { withProjectList, ListPage } from 'components/HOCs/withList'
@@ -35,6 +35,7 @@ import WorkloadStore from 'stores/workload'
   store: new WorkloadStore('deployments'),
   module: 'deployments',
   name: 'WORKLOAD',
+  rowKey: 'uid',
 })
 export default class Deployments extends React.Component {
   get prefix() {
@@ -67,6 +68,23 @@ export default class Deployments extends React.Component {
     }
   }
 
+  get selectActions() {
+    const { tableProps, trigger, name, rootStore } = this.props
+    return [
+      ...get(tableProps, 'tableActions.selectActions', {}),
+      {
+        key: 'stop',
+        text: t('STOP'),
+        onClick: () =>
+          trigger('resource.batch.stop', {
+            type: name,
+            rowKey: 'uid',
+            success: rootStore.routing.query(),
+          }),
+      },
+    ]
+  }
+
   get itemActions() {
     const { module, trigger, name } = this.props
     return [
@@ -224,6 +242,7 @@ export default class Deployments extends React.Component {
           {...tableProps}
           itemActions={this.itemActions}
           tableActions={this.tableActions}
+          selectActions={this.selectActions}
           columns={this.getColumns()}
           onCreate={this.showCreate}
         />

diff --git a/src/pages/projects/containers/StatefulSets/index.jsx b/src/pages/projects/containers/StatefulSets/index.jsx
@@ -17,7 +17,7 @@
  */
 
 import React from 'react'
-
+import { get } from 'lodash'
 import { Avatar } from 'components/Base'
 import Banner from 'components/Cards/Banner'
 import { withProjectList, ListPage } from 'components/HOCs/withList'
@@ -35,6 +35,7 @@ import WorkloadStore from 'stores/workload'
   store: new WorkloadStore('statefulsets'),
   module: 'statefulsets',
   name: 'WORKLOAD',
+  rowKey: 'uid',
 })
 export default class StatefulSets extends React.Component {
   get prefix() {
@@ -67,6 +68,23 @@ export default class StatefulSets extends React.Component {
     }
   }
 
+  get selectActions() {
+    const { tableProps, trigger, module, rootStore } = this.props
+    return [
+      ...get(tableProps, 'tableActions.selectActions', {}),
+      {
+        key: 'stop',
+        text: t('STOP'),
+        onClick: () =>
+          trigger('resource.batch.stop', {
+            type: module.toUpperCase(),
+            rowKey: 'uid',
+            success: rootStore.routing.query(),
+          }),
+      },
+    ]
+  }
+
   get itemActions() {
     const { module, trigger, name } = this.props
     return [
@@ -223,6 +241,7 @@ export default class StatefulSets extends React.Component {
           {...tableProps}
           itemActions={this.itemActions}
           tableActions={this.tableActions}
+          selectActions={this.selectActions}
           columns={this.getColumns()}
           onCreate={this.showCreate}
         />