This is an automated email from the ASF dual-hosted git repository.
nvazquez pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudstack.git
The following commit(s) were added to refs/heads/main by this push:
new 646b955 fix incorrect switching between pages (#5608)
646b955 is described below
commit 646b95567f19864d1fdb5f58563dfdfffbc79e42
Author: Hoang Nguyen <[email protected]>
AuthorDate: Fri Oct 22 18:59:38 2021 +0700
fix incorrect switching between pages (#5608)
---
ui/src/views/network/LoadBalancing.vue | 14 ++++++++++++--
ui/src/views/network/PortForwarding.vue | 14 ++++++++++++--
2 files changed, 24 insertions(+), 4 deletions(-)
diff --git a/ui/src/views/network/LoadBalancing.vue
b/ui/src/views/network/LoadBalancing.vue
index 362c0f1..8f1582b 100644
--- a/ui/src/views/network/LoadBalancing.vue
+++ b/ui/src/views/network/LoadBalancing.vue
@@ -431,8 +431,8 @@
:total="vmCount"
:showTotal="total => `${$t('label.total')} ${total}
${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
- @change="handleChangePage"
- @showSizeChange="handleChangePageSize"
+ @change="handleChangeVmPage"
+ @showSizeChange="handleChangeVmPageSize"
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{ $t('label.page') }}</span>
@@ -1325,6 +1325,16 @@ export default {
this.pageSize = pageSize
this.fetchData()
},
+ handleChangeVmPage (page, pageSize) {
+ this.vmPage = page
+ this.vmPageSize = pageSize
+ this.fetchVirtualMachines()
+ },
+ handleChangeVmPageSize (currentPage, pageSize) {
+ this.vmPage = currentPage
+ this.vmPageSize = pageSize
+ this.fetchVirtualMachines()
+ },
onSearch (value) {
this.searchQuery = value
this.fetchVirtualMachines()
diff --git a/ui/src/views/network/PortForwarding.vue
b/ui/src/views/network/PortForwarding.vue
index fb9cb60..81e2fe8 100644
--- a/ui/src/views/network/PortForwarding.vue
+++ b/ui/src/views/network/PortForwarding.vue
@@ -276,8 +276,8 @@
:total="vmCount"
:showTotal="total => `${$t('label.total')} ${total}
${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
- @change="handleChangePage"
- @showSizeChange="handleChangePageSize"
+ @change="handleChangeVmPage"
+ @showSizeChange="handleChangeVmPageSize"
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{ $t('label.page') }}</span>
@@ -793,6 +793,16 @@ export default {
this.pageSize = pageSize
this.fetchData()
},
+ handleChangeVmPage (page, pageSize) {
+ this.vmPage = page
+ this.vmPageSize = pageSize
+ this.fetchVirtualMachines()
+ },
+ handleChangeVmPageSize (currentPage, pageSize) {
+ this.vmPage = currentPage
+ this.vmPageSize = pageSize
+ this.fetchVirtualMachines()
+ },
onSearch (value) {
this.searchQuery = value
this.fetchVirtualMachines()
