etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

locales: Add missing internationlization to search and pagination (#531) 

Missing internationalization on the search bar and pagination "Showing X results" and pagination dropdown on various views.

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
This commit is contained in:
Nicolas Vazquez 2020-07-15 06:27:17 -03:00 committed by Rohit Yadav
parent 40e0648691
commit 82b63a7109
32 changed files with 210 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/view/InfoCard.vue
View File

@ -617,7 +617,7 @@
rows="4"
@change="handleNoteChange"
:value="annotation"
placeholder="Add Note" />
:placeholder="$t('label.add.note')" />
<a-button
style="margin-top: 10px"
@click="saveNote"

8
ui/src/components/view/ListResourceTable.vue
View File

@ -56,11 +56,15 @@
:current="options.page"
:pageSize="options.pageSize"
:total="total"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40']"
@change="handleTableChange"
@showSizeChange="handlePageSizeChange"
showSizeChanger />
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
</div>

2
ui/src/components/view/SearchView.vue
View File

@ -32,7 +32,7 @@
<a-input-search
allowClear
class="input-search"
placeholder="Search"
:placeholder="$t('label.search')"
v-model="searchQuery"
@search="onSearch">
<a-popover

5
ui/src/locales/en.json
View File

@ -317,6 +317,7 @@
"label.add.new.tier": "Add new tier",
"label.add.nfs.secondary.staging.store": "Add NFS Secondary Staging Store",
"label.add.niciranvp.device": "Add Nvp Controller",
"label.add.note": "Add Note",
"label.add.opendaylight.device": "Add OpenDaylight Controller",
"label.add.pa.device": "Add Palo Alto device",
"label.add.physical.network": "Add Physical Network",
@ -1069,6 +1070,7 @@
"label.issystem": "Is System",
"label.isvolatile": "Volatile",
"label.item.listing": "Item listing",
"label.items": "items",
"label.japanese.keyboard": "Japanese keyboard",
"label.keep": "Keep",
"label.keep.colon": "Keep:",
@ -1383,6 +1385,7 @@
"label.numretries": "Number of Retries",
"label.nvpdeviceid": "ID",
"label.ocfs2": "OCFS2",
"label.of": "of",
"label.of.month": "of month",
"label.offerha": "Offer HA",
"label.offeringtype": "Compute Offering Type",
@ -1422,6 +1425,7 @@
"label.owner.account": "Owner Account",
"label.owner.domain": "Owner Domain",
"label.pa": "Palo Alto",
"label.page": "page",
"label.palo.alto.details": "Palo Alto details",
"label.palo.alto.firewall": "Palo Alto Firewall",
"label.palp": "Palo Alto Log Profile",
@ -1794,6 +1798,7 @@
"label.sharedmountpoint": "SharedMountPoint",
"label.sharewith": "Share With",
"label.show.ingress.rule": "Show Ingress Rule",
"label.showing": "Showing",
"label.shrinkok": "Shrink OK",
"label.shutdown.provider": "Shutdown provider",
"label.simplified.chinese.keyboard": "Simplified Chinese keyboard",

5
ui/src/locales/es.json
View File

@ -296,6 +296,7 @@
"label.add.new.tier": "Agregar un nuevo tier",
"label.add.nfs.secondary.staging.store": "Agregar un Almacenamiento Secundario Temporario NFS",
"label.add.niciranvp.device": "Agregar Controlador Nvp",
"label.add.note": "Agregar Nota",
"label.add.opendaylight.device": "Agregar el Controlador OpenDaylight",
"label.add.pa.device": "Agregar dispositivo Palo Alto",
"label.add.physical.network": "Agregar red f\u00edsica",
@ -945,6 +946,7 @@
"label.issystem": "es Sistema",
"label.isvolatile": "Vol\u00e1til",
"label.item.listing": "Listado de art\u00edculos",
"label.items": "elementos",
"label.japanese.keyboard": "Teclado Japones",
"label.keep": "Mantener",
"label.keep.colon": "Conservar:",
@ -1199,6 +1201,7 @@
"label.numretries": "N\u00famero de reintentos",
"label.nvpdeviceid": "ID",
"label.ocfs2": "OCFS2",
"label.of": "de",
"label.of.month": "del mes",
"label.offerha": "Oferta HA",
"label.ok": "Aceptar",
@ -1233,6 +1236,7 @@
"label.owner.account": "Propietario de la cuenta",
"label.owner.domain": "Due\u00f1o del Dominio",
"label.pa": "Palo Alto",
"label.page": "p\u00e1gina",
"label.palo.alto.details": "Detalles de Palo Alto",
"label.palp": "Perfil de Log Palo Alto",
"label.parent.domain": "Dominio Padre",
@ -1545,6 +1549,7 @@
"label.sharedexecutable": "Compartidas",
"label.sharedmountpoint": "PuntoMontajeCompartido",
"label.show.ingress.rule": "Mostrar Regla Entrada",
"label.showing": "Mostrando",
"label.shrinkok": "Reducci\u00f3n OK",
"label.shutdown.provider": "Apagar proveedor",
"label.simplified.chinese.keyboard": "Teclado Chino Simplificado",

8
ui/src/views/AutogenView.vue
View File

@ -305,12 +305,16 @@
:current="page"
:pageSize="pageSize"
:total="itemCount"
:showTotal="total => `Showing ${Math.min(total, 1+((page-1)*pageSize))}-${Math.min(page*pageSize, total)} of ${total} items`"
:showTotal="total => `${$t('label.showing')} ${Math.min(total, 1+((page-1)*pageSize))}-${Math.min(page*pageSize, total)} ${$t('label.of')} ${total} ${$t('label.items')}`"
:pageSizeOptions="device === 'desktop' ? ['20', '50', '100', '500'] : ['10', '20', '50', '100', '500']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger
showQuickJumper />
showQuickJumper>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
</div>
</template>

8
ui/src/views/compute/MigrateWizard.vue
View File

@ -61,11 +61,15 @@
:current="page"
:pageSize="pageSize"
:total="totalCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="handleChangePage"
@showSizeChange="handleChangePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<div style="margin-top: 20px; display: flex; justify-content:flex-end;">
<a-button type="primary" :disabled="!selectedHost.id" @click="submitForm">

8
ui/src/views/compute/wizard/AffinityGroupSelection.vue
View File

@ -41,11 +41,15 @@
:current="options.page"
:pageSize="options.pageSize"
:total="rowCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100', '500']"
@change="onChangePage"
@showSizeChange="onChangePageSize"
showSizeChanger />
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
</div>
</template>

8
ui/src/views/compute/wizard/ComputeOfferingSelection.vue
View File

@ -41,11 +41,15 @@
:current="options.page"
:pageSize="options.pageSize"
:total="rowCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100', '500']"
@change="onChangePage"
@showSizeChange="onChangePageSize"
showSizeChanger />
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
</div>
</template>

8
ui/src/views/compute/wizard/DiskOfferingSelection.vue
View File

@ -52,11 +52,15 @@
:current="options.page"
:pageSize="options.pageSize"
:total="rowCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100', '500']"
@change="onChangePage"
@showSizeChange="onChangePageSize"
showSizeChanger />
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
</div>
</template>

8
ui/src/views/compute/wizard/NetworkSelection.vue
View File

@ -57,11 +57,15 @@
:current="options.page"
:pageSize="options.pageSize"
:total="rowCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100', '500']"
@change="onChangePage"
@showSizeChange="onChangePageSize"
showSizeChanger />
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
<a-modal

8
ui/src/views/compute/wizard/SshKeyPairSelection.vue
View File

@ -40,11 +40,15 @@
:current="options.page"
:pageSize="options.pageSize"
:total="rowCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100', '500']"
@change="onChangePage"
@showSizeChange="onChangePageSize"
showSizeChanger />
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
</div>
</template>

8
ui/src/views/compute/wizard/TemplateIsoRadioGroup.vue
View File

@ -48,11 +48,15 @@
:current="page"
:pageSize="pageSize"
:total="itemCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100', '500']"
@change="onChangePage"
@showSizeChange="onChangePageSize"
showSizeChanger />
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
</a-form-item>
</template>

8
ui/src/views/image/IsoZones.vue
View File

@ -62,11 +62,15 @@
:current="page"
:pageSize="pageSize"
:total="itemCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="handleChangePage"
@showSizeChange="handleChangePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal
v-if="'copyIso' in $store.getters.apis"

8
ui/src/views/image/TemplateZones.vue
View File

@ -54,11 +54,15 @@
:current="page"
:pageSize="pageSize"
:total="itemCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="handleChangePage"
@showSizeChange="handleChangePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal
v-if="'copyTemplate' in $store.getters.apis"

8
ui/src/views/infra/network/DedicatedVLANTab.vue
View File

@ -49,11 +49,15 @@
:current="page"
:pageSize="pageSize"
:total="totalCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="handleChangePage"
@showSizeChange="handleChangePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal v-model="modal" :title="$t('label.dedicate.vlan.vni.range')" @ok="handleSubmit">
<a-spin :spinning="formLoading">

8
ui/src/views/infra/network/IpRangesTabManagement.vue
View File

@ -58,11 +58,15 @@
:current="page"
:pageSize="pageSize"
:total="items.length"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal v-model="addIpRangeModal" :title="$t('label.add.ip.range')" @ok="handleAddIpRange">
<a-form

8
ui/src/views/infra/network/IpRangesTabPublic.vue
View File

@ -77,11 +77,15 @@
:current="page"
:pageSize="pageSize"
:total="items.length"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal v-model="accountModal" v-if="selectedItem" @ok="accountModal = false">
<div>

8
ui/src/views/infra/network/IpRangesTabStorage.vue
View File

@ -56,11 +56,15 @@
:current="page"
:pageSize="pageSize"
:total="items.length"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal v-model="addIpRangeModal" :title="$t('label.add.ip.range')" @ok="handleAddIpRange">
<a-form

8
ui/src/views/infra/network/providers/ProviderListView.vue
View File

@ -101,12 +101,16 @@
:current="page"
:pageSize="pageSize"
:total="itemCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger
showQuickJumper />
showQuickJumper>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
</template>

8
ui/src/views/network/EgressRulesTab.vue
View File

@ -87,11 +87,15 @@
:current="page"
:pageSize="pageSize"
:total="totalCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="handleChangePage"
@showSizeChange="handleChangePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
</template>

8
ui/src/views/network/EnableStaticNat.vue
View File

@ -74,11 +74,15 @@
:current="page"
:pageSize="pageSize"
:total="vmsList.length"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<div class="list__footer">
<a-button @click="handleClose">{{ $t('label.cancel') }}</a-button>

8
ui/src/views/network/FirewallRules.vue
View File

@ -91,11 +91,15 @@
:current="page"
:pageSize="pageSize"
:total="totalCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="handleChangePage"
@showSizeChange="handleChangePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal :title="$t('label.edit.tags')" v-model="tagsModalVisible" :footer="null" :afterClose="closeModal">
<div class="add-tags">

8
ui/src/views/network/InternalLBAssignVmForm.vue
View File

@ -61,11 +61,15 @@
:current="page"
:pageSize="pageSize"
:total="vmCounts"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</a-checkbox-group>
</div>
<div class="actions">

9
ui/src/views/network/InternalLBAssignedVmTab.vue
View File

@ -50,12 +50,15 @@
:current="page"
:pageSize="pageSize"
:total="totalInstances"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger
/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</a-spin>
</template>
<script>

8
ui/src/views/network/IpAddressesTab.vue
View File

@ -85,11 +85,15 @@
:current="page"
:pageSize="pageSize"
:total="totalIps"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</a-spin>
<a-modal
v-if="showAcquireIp"

16
ui/src/views/network/LoadBalancing.vue
View File

@ -127,11 +127,15 @@
:current="page"
:pageSize="pageSize"
:total="totalCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="handleChangePage"
@showSizeChange="handleChangePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal :title="$t('label.edit.tags')" v-model="tagsModalVisible" :footer="null" :afterClose="closeModal" class="tags-modal">
<span v-show="tagsModalLoading" class="modal-loading">
@ -340,11 +344,15 @@
:current="vmPage"
:pageSize="vmPageSize"
:total="vmCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="handleChangePage"
@showSizeChange="handleChangePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
</a-modal>

16
ui/src/views/network/PortForwarding.vue
View File

@ -113,11 +113,15 @@
:current="page"
:pageSize="pageSize"
:total="totalCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="handleChangePage"
@showSizeChange="handleChangePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal title="Edit Tags" v-model="tagsModalVisible" :footer="null" :afterClose="closeModal">
<span v-show="tagsModalLoading" class="tags-modal-loading">
@ -220,11 +224,15 @@
:current="vmPage"
:pageSize="vmPageSize"
:total="vmCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="handleChangePage"
@showSizeChange="handleChangePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</div>
</a-modal>
</div>

24
ui/src/views/network/VpcTab.vue
View File

@ -60,11 +60,15 @@
:current="page"
:pageSize="pageSize"
:total="itemCounts.networkAcls"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal
v-model="modals.networkAcl"
:title="$t('label.add.acl.list')"
@ -107,11 +111,15 @@
:current="page"
:pageSize="pageSize"
:total="itemCounts.privateGateways"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal v-model="modals.gateway" :title="$t('label.add.new.gateway')" @ok="handleGatewayFormSubmit">
<a-spin :spinning="modals.gatewayLoading">
@ -225,11 +233,15 @@
:current="page"
:pageSize="pageSize"
:total="itemCounts.vpnConnections"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
<a-modal v-model="modals.vpnConnection" :title="$t('label.create.vpn.connection')" @ok="handleVpnConnectionFormSubmit">
<a-spin :spinning="modals.vpnConnectionLoading">
<a-form @submit.prevent="handleVpnConnectionFormSubmit" :form="vpnConnectionForm">

16
ui/src/views/network/VpcTiersTab.vue
View File

@ -99,11 +99,15 @@
:current="page"
:pageSize="pageSize"
:total="itemCounts.vms[network.id]"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</a-collapse-panel>
<a-collapse-panel :header="$t('label.internal.lb')" key="ilb" :style="customStyle" :disabled="!showIlb(network)" >
<a-button
@ -135,11 +139,15 @@
:current="page"
:pageSize="pageSize"
:total="itemCounts.internalLB[network.id]"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</a-collapse-panel>
</a-collapse>
</div>

8
ui/src/views/project/AccountsTab.vue
View File

@ -60,11 +60,15 @@
:current="page"
:pageSize="pageSize"
:total="itemCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</a-col>
</a-row>
</div>

8
ui/src/views/project/InvitationsTemplate.vue
View File

@ -69,11 +69,15 @@
:current="page"
:pageSize="pageSize"
:total="itemCount"
:showTotal="total => `Total ${total} items`"
:showTotal="total => `Total ${total} ${$t('label.items')}`"
:pageSizeOptions="['10', '20', '40', '80', '100']"
@change="changePage"
@showSizeChange="changePageSize"
showSizeChanger/>
showSizeChanger>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }} / {{$t('label.page')}}</span>
</template>
</a-pagination>
</a-col>
</a-row>
</div>