From 294d3e06bc9badbf3a25b80ac5c108bf4e6951d2 Mon Sep 17 00:00:00 2001
From: guan qiuyu <1719702944@qq.com>
Date: Wed, 2 Jun 2021 13:08:32 +0800
Subject: [PATCH 01/13] update api/func.js
 views\function\components\FunctionTable.vue mock\services\func.js

---
 front-end/src/api/func.js                     |  9 +++-
 front-end/src/mock/services/func.js           |  6 +++
 .../function/components/FunctionTable.vue     | 45 +++++++++++++++++--
 3 files changed, 56 insertions(+), 4 deletions(-)

diff --git a/front-end/src/api/func.js b/front-end/src/api/func.js
index 0dfded3d..07744506 100644
--- a/front-end/src/api/func.js
+++ b/front-end/src/api/func.js
@@ -10,6 +10,8 @@ export const funcApi = {
   status: ({ funcName }) => `/function/${funcName}/status`,
   trigger: ({ funcName }) => `/function/${funcName}/trigger`,
   deleteFunc: ({ funcName }) => `/function/${funcName}/delete`,
+  startFunc: ({ funcName }) => `/function/${funcName}/start`,
+  stopFunc: ({ funcName }) => `/function/${funcName}/stop`,
 }
 
 export function getList() {
@@ -40,5 +42,10 @@ export function deleteFunc(funcName) {
   return post(funcApi.deleteFunc({ funcName }));
 }
 
+export function startFunc(funcName) {
+  return post(funcApi.startFunc({ funcName }));
+}
 
-
+export function stopFunc(funcName) {
+  return post(funcApi.startFunc({ funcName }));
+}
\ No newline at end of file
diff --git a/front-end/src/mock/services/func.js b/front-end/src/mock/services/func.js
index 49797388..54483bbc 100644
--- a/front-end/src/mock/services/func.js
+++ b/front-end/src/mock/services/func.js
@@ -117,6 +117,10 @@ const trigger = (option) => {
 
 const deleteFunc = { result: 0 };
 
+const startFunc = {result: 0};
+
+const stopFunc = {result: 0};
+
 get(/\/function\/list/, list);
 get(/\/function\/create/, createFunc);
 get(/\/function\/[^/]*\/info/, info);
@@ -124,4 +128,6 @@ get(/\/function\/[^/]*\/stats/, stats);
 get(/\/function\/[^/]*\/status/, status);
 post(/\/function\/[^/]*\/trigger/, trigger);
 post(/\/function\/[^/]*\/delete/, deleteFunc);
+post(/\/function\/[^/]*\/start/, startFunc);
+post(/\/function\/[^/]*\/stop/, stopFunc);
 
diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index 895a25fd..12434e26 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -1,14 +1,17 @@
 <template>
   <a-table :columns="columns" :loading="loadingList" :data-source="data">
     <span slot="status" slot-scope="text">
-      <a-badge v-if="text === true" status="processing" text="Running" />
-      <a-badge v-else-if="text === false" status="default" text="Down" />
+      <a-badge v-if="text === true" v-model="text" status="processing" text="Running" />
+      <a-badge v-else-if="text === false" v-model="text" status="default" text="Down" />
       <a-spin v-else size="small" />
     </span>
 
     <span slot="action" slot-scope="text">
       <a @click="onSelFunction(text)">Trigger</a>
       <a-divider type="vertical" />
+      <a @click="onStart(text)" v-show="!text.status">start</a>
+      <a @click="onStop(text)" v-show="text.status">stop</a>
+      <a-divider type="vertical" />
       <a @click="onShowDetail(text)">Detail</a>
       <a-divider type="vertical" />
       <a @click="onDelete(text)">Delete</a>
@@ -18,23 +21,26 @@
 
 <script>
 // import moment from 'moment';
-import { deleteFunc } from '@/api/func'
+import { deleteFunc, startFunc } from '@/api/func'
 
 const columns = [
   {
     title: 'Name',
     dataIndex: 'name',
     key: 'name',
+    width: '33.3%',
   },
   {
     title: 'Status',
     dataIndex: 'status',
     key: 'status',
+    width: '33.3%',
     scopedSlots: { customRender: 'status' },
   },
   {
     title: 'Options',
     key: 'action',
+    width: '33.3%',
     scopedSlots: { customRender: 'action' },
   },
 ]
@@ -43,6 +49,7 @@ export default {
   data() {
     return {
       columns,
+      isShow: false
     }
   },
   props: {
@@ -81,6 +88,38 @@ export default {
         },
       })
     },
+    onStart(text) {
+      const { name = '' } = text
+      const _this = this
+      async function Start() {
+        try {
+          const res = await startFunc(name)
+          text.status = !text.status
+          console.log(res)
+          alert("函数已启动")
+        } catch (error) {
+          console.log(res)
+          alert("函数启动异常")
+        }
+      }
+      Start()
+    },
+    onStop(text) {
+      const { name = '' } = text
+      const _this = this
+      async function Stop() {
+        try {
+          const res = await startFunc(name)
+          text.status = !text.status
+          console.log(res)
+          alert("函数已停机")
+        } catch (error) {
+          console.log(res)
+          alert("函数停机异常")
+        }
+      }
+      Stop()
+    },
   },
 }
 </script>
\ No newline at end of file

From b5f263afcd58ea7829fdba2c990319a10ab5612b Mon Sep 17 00:00:00 2001
From: guan qiuyu <1719702944@qq.com>
Date: Thu, 3 Jun 2021 15:04:17 +0800
Subject: [PATCH 02/13] update api/func.js
 views\function\components\FunctionTable.vue mock\services\func.js

---
 .../src/views/function/components/FunctionTable.vue    | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index 12434e26..2679bc67 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -95,11 +95,8 @@ export default {
         try {
           const res = await startFunc(name)
           text.status = !text.status
-          console.log(res)
-          alert("函数已启动")
         } catch (error) {
-          console.log(res)
-          alert("函数启动异常")
+          console.error(res)
         }
       }
       Start()
@@ -111,11 +108,8 @@ export default {
         try {
           const res = await startFunc(name)
           text.status = !text.status
-          console.log(res)
-          alert("函数已停机")
         } catch (error) {
-          console.log(res)
-          alert("函数停机异常")
+          console.error(res)
         }
       }
       Stop()

From 9ff813a8023deba30a0c87ff1c59c1095ca21b79 Mon Sep 17 00:00:00 2001
From: better1719 <77771839+better1719@users.noreply.github.com>
Date: Fri, 4 Jun 2021 12:47:21 +0800
Subject: [PATCH 03/13] Update
 front-end/src/views/function/components/FunctionTable.vue

Co-authored-by: Zike Yang <zkyang@streamnative.io>
---
 front-end/src/views/function/components/FunctionTable.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index 2679bc67..3e94603d 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -9,7 +9,7 @@
     <span slot="action" slot-scope="text">
       <a @click="onSelFunction(text)">Trigger</a>
       <a-divider type="vertical" />
-      <a @click="onStart(text)" v-show="!text.status">start</a>
+      <a @click="onStart(text)" v-show="!text.status">Start</a>
       <a @click="onStop(text)" v-show="text.status">stop</a>
       <a-divider type="vertical" />
       <a @click="onShowDetail(text)">Detail</a>
@@ -116,4 +116,4 @@ export default {
     },
   },
 }
-</script>
\ No newline at end of file
+</script>

From 4d88daec42e7d778f7913251cc94b059858d79d5 Mon Sep 17 00:00:00 2001
From: better1719 <77771839+better1719@users.noreply.github.com>
Date: Fri, 4 Jun 2021 12:50:04 +0800
Subject: [PATCH 04/13] Update
 front-end/src/views/function/components/FunctionTable.vue

Co-authored-by: Zike Yang <zkyang@streamnative.io>
---
 front-end/src/views/function/components/FunctionTable.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index 3e94603d..5bb4ab48 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -10,7 +10,7 @@
       <a @click="onSelFunction(text)">Trigger</a>
       <a-divider type="vertical" />
       <a @click="onStart(text)" v-show="!text.status">Start</a>
-      <a @click="onStop(text)" v-show="text.status">stop</a>
+      <a @click="onStop(text)" v-show="text.status">Stop</a>
       <a-divider type="vertical" />
       <a @click="onShowDetail(text)">Detail</a>
       <a-divider type="vertical" />

From 27755215e0e91375eaa5dec3bd7903c1306b054f Mon Sep 17 00:00:00 2001
From: guan qiuyu <1719702944@qq.com>
Date: Fri, 4 Jun 2021 13:24:26 +0800
Subject: [PATCH 05/13] update FunctionTable.vue

---
 .../function/components/FunctionTable.vue     | 24 +++++++++++++------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index 2679bc67..8b89e0ca 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -1,8 +1,8 @@
 <template>
   <a-table :columns="columns" :loading="loadingList" :data-source="data">
     <span slot="status" slot-scope="text">
-      <a-badge v-if="text === true" v-model="text" status="processing" text="Running" />
-      <a-badge v-else-if="text === false" v-model="text" status="default" text="Down" />
+      <a-badge v-if="text === true" status="processing" text="Running" />
+      <a-badge v-else-if="text === false" status="default" text="Down" />
       <a-spin v-else size="small" />
     </span>
 
@@ -28,19 +28,16 @@ const columns = [
     title: 'Name',
     dataIndex: 'name',
     key: 'name',
-    width: '33.3%',
   },
   {
     title: 'Status',
     dataIndex: 'status',
     key: 'status',
-    width: '33.3%',
     scopedSlots: { customRender: 'status' },
   },
   {
     title: 'Options',
     key: 'action',
-    width: '33.3%',
     scopedSlots: { customRender: 'action' },
   },
 ]
@@ -49,7 +46,6 @@ export default {
   data() {
     return {
       columns,
-      isShow: false
     }
   },
   props: {
@@ -95,7 +91,9 @@ export default {
         try {
           const res = await startFunc(name)
           text.status = !text.status
+          _this.$message.success('Function was started successfully.')
         } catch (error) {
+          _this.$message.error('Function startup failed!')
           console.error(res)
         }
       }
@@ -108,7 +106,9 @@ export default {
         try {
           const res = await startFunc(name)
           text.status = !text.status
+          _this.$message.success('Function was stopped successfully.')
         } catch (error) {
+          _this.$message.error('Function stop failed!')
           console.error(res)
         }
       }
@@ -116,4 +116,14 @@ export default {
     },
   },
 }
-</script>
\ No newline at end of file
+</script>
+
+<style>
+.ant-table-thead > tr >th{
+  background-color: #409eff;
+  color: white;
+}
+.ant-table-thead > tr >th,.ant-table-tbody > tr >td{
+  text-align: center;
+}
+</style>
\ No newline at end of file

From 80341f35ed11bc15710f0e6cef89b2c7db985f85 Mon Sep 17 00:00:00 2001
From: better1719 <77771839+better1719@users.noreply.github.com>
Date: Sun, 6 Jun 2021 14:59:05 +0800
Subject: [PATCH 06/13] Update
 front-end/src/views/function/components/FunctionTable.vue

Co-authored-by: Zike Yang <zkyang@streamnative.io>
---
 front-end/src/views/function/components/FunctionTable.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index 8b89e0ca..b83f6afc 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -9,7 +9,7 @@
     <span slot="action" slot-scope="text">
       <a @click="onSelFunction(text)">Trigger</a>
       <a-divider type="vertical" />
-      <a @click="onStart(text)" v-show="!text.status">start</a>
+      <a @click="onStart(text)" v-show="!text.status">Start</a>
       <a @click="onStop(text)" v-show="text.status">stop</a>
       <a-divider type="vertical" />
       <a @click="onShowDetail(text)">Detail</a>
@@ -126,4 +126,4 @@ export default {
 .ant-table-thead > tr >th,.ant-table-tbody > tr >td{
   text-align: center;
 }
-</style>
\ No newline at end of file
+</style>

From 2b7481b9b4d19077b6d9a6c2e26dd7b08d4a55b5 Mon Sep 17 00:00:00 2001
From: better1719 <77771839+better1719@users.noreply.github.com>
Date: Sun, 6 Jun 2021 14:59:16 +0800
Subject: [PATCH 07/13] Update
 front-end/src/views/function/components/FunctionTable.vue

Co-authored-by: Zike Yang <zkyang@streamnative.io>
---
 front-end/src/views/function/components/FunctionTable.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index b83f6afc..53785643 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -10,7 +10,7 @@
       <a @click="onSelFunction(text)">Trigger</a>
       <a-divider type="vertical" />
       <a @click="onStart(text)" v-show="!text.status">Start</a>
-      <a @click="onStop(text)" v-show="text.status">stop</a>
+      <a @click="onStop(text)" v-show="text.status">Stop</a>
       <a-divider type="vertical" />
       <a @click="onShowDetail(text)">Detail</a>
       <a-divider type="vertical" />

From 979e42cc361a00c6299df0f46ade1a829e4b0b04 Mon Sep 17 00:00:00 2001
From: better1719 <77771839+better1719@users.noreply.github.com>
Date: Sun, 6 Jun 2021 14:59:21 +0800
Subject: [PATCH 08/13] Update
 front-end/src/views/function/components/FunctionTable.vue

Co-authored-by: Zike Yang <zkyang@streamnative.io>
---
 front-end/src/views/function/components/FunctionTable.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index 53785643..d3785ea6 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -105,7 +105,7 @@ export default {
       async function Stop() {
         try {
           const res = await startFunc(name)
-          text.status = !text.status
+          text.status = false
           _this.$message.success('Function was stopped successfully.')
         } catch (error) {
           _this.$message.error('Function stop failed!')

From e9d433e09469356edab386c4d04d3d42601432c4 Mon Sep 17 00:00:00 2001
From: better1719 <77771839+better1719@users.noreply.github.com>
Date: Sun, 6 Jun 2021 14:59:31 +0800
Subject: [PATCH 09/13] Update
 front-end/src/views/function/components/FunctionTable.vue

Co-authored-by: Zike Yang <zkyang@streamnative.io>
---
 front-end/src/views/function/components/FunctionTable.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index d3785ea6..4273b776 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -90,7 +90,7 @@ export default {
       async function Start() {
         try {
           const res = await startFunc(name)
-          text.status = !text.status
+          text.status = true
           _this.$message.success('Function was started successfully.')
         } catch (error) {
           _this.$message.error('Function startup failed!')

From c8b65250411c8af8e5b54cd1181f62c9320cbb55 Mon Sep 17 00:00:00 2001
From: guan qiuyu <1719702944@qq.com>
Date: Sun, 6 Jun 2021 15:01:31 +0800
Subject: [PATCH 10/13] update FunctionTable.vue

---
 front-end/src/views/function/components/FunctionTable.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index 8b89e0ca..7a73aa28 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -119,10 +119,6 @@ export default {
 </script>
 
 <style>
-.ant-table-thead > tr >th{
-  background-color: #409eff;
-  color: white;
-}
 .ant-table-thead > tr >th,.ant-table-tbody > tr >td{
   text-align: center;
 }

From 568af071c36c6ae03717566de01f65cacbb98c2a Mon Sep 17 00:00:00 2001
From: guan qiuyu <1719702944@qq.com>
Date: Sat, 12 Jun 2021 11:04:01 +0800
Subject: [PATCH 11/13] update FunctionTable.vue

---
 .../src/views/function/components/FunctionTable.vue      | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index c8bfaaae..f34a781c 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -122,4 +122,13 @@ export default {
 .ant-table-thead > tr >th,.ant-table-tbody > tr >td{
   text-align: center;
 }
+.ant-table-thead > tr >th:nth-child(1),.ant-table-tbody > tr >td:nth-child(1){
+  text-align: left;
+}
+.ant-table-thead > tr >th:nth-child(2),.ant-table-tbody > tr >td:nth-child(2){
+  width: 15%;
+}
+.ant-table-thead > tr >th:nth-child(3),.ant-table-tbody > tr >td:nth-child(3){
+  width: 30%;
+}
 </style>

From dbfb83944be0d71226dbe6e91dd026763ac5e489 Mon Sep 17 00:00:00 2001
From: guan qiuyu <1719702944@qq.com>
Date: Thu, 17 Jun 2021 09:44:47 +0800
Subject: [PATCH 12/13] update FunctionTable.vue

---
 front-end/src/views/function/components/FunctionTable.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index f34a781c..dbde3284 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -9,11 +9,11 @@
     <span slot="action" slot-scope="text">
       <a @click="onSelFunction(text)">Trigger</a>
       <a-divider type="vertical" />
+      <a @click="onShowDetail(text)">Detail</a>
+      <a-divider type="vertical" />
       <a @click="onStart(text)" v-show="!text.status">Start</a>
       <a @click="onStop(text)" v-show="text.status">Stop</a>
       <a-divider type="vertical" />
-      <a @click="onShowDetail(text)">Detail</a>
-      <a-divider type="vertical" />
       <a @click="onDelete(text)">Delete</a>
     </span>
   </a-table>

From b287612b5fa22c028040e49c0d1c5e590ba7c29a Mon Sep 17 00:00:00 2001
From: guan qiuyu <1719702944@qq.com>
Date: Sat, 19 Jun 2021 13:59:38 +0800
Subject: [PATCH 13/13] update FunctionTable.vue

---
 front-end/src/api/func.js                                 | 2 +-
 front-end/src/views/function/components/FunctionTable.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/front-end/src/api/func.js b/front-end/src/api/func.js
index 07744506..6d4fde1d 100644
--- a/front-end/src/api/func.js
+++ b/front-end/src/api/func.js
@@ -47,5 +47,5 @@ export function startFunc(funcName) {
 }
 
 export function stopFunc(funcName) {
-  return post(funcApi.startFunc({ funcName }));
+  return post(funcApi.stopFunc({ funcName }));
 }
\ No newline at end of file
diff --git a/front-end/src/views/function/components/FunctionTable.vue b/front-end/src/views/function/components/FunctionTable.vue
index 4039a487..32cad05e 100644
--- a/front-end/src/views/function/components/FunctionTable.vue
+++ b/front-end/src/views/function/components/FunctionTable.vue
@@ -94,7 +94,7 @@ export default {
           _this.$message.success('Function was started successfully.')
         } catch (error) {
           _this.$message.error('Function startup failed!')
-          console.error(res)
+          console.error(error)
         }
       }
       Start()
@@ -109,7 +109,7 @@ export default {
           _this.$message.success('Function was stopped successfully.')
         } catch (error) {
           _this.$message.error('Function stop failed!')
-          console.error(res)
+          console.error(error)
         }
       }
       Stop()