diff options
Diffstat (limited to 'src/views/Settings/Network/TableIpv4.vue')
-rw-r--r-- | src/views/Settings/Network/TableIpv4.vue | 33 |
1 files changed, 30 insertions, 3 deletions
diff --git a/src/views/Settings/Network/TableIpv4.vue b/src/views/Settings/Network/TableIpv4.vue index 75870031..7481dc7b 100644 --- a/src/views/Settings/Network/TableIpv4.vue +++ b/src/views/Settings/Network/TableIpv4.vue @@ -7,7 +7,7 @@ </h3> </b-col> <b-col class="text-right"> - <b-button variant="primary" @click="initAddIpv4Address()"> + <b-button variant="primary" class="mb-2" @click="initAddIpv4Address()"> <icon-add /> {{ $t('pageNetwork.table.addIpv4Address') }} </b-button> @@ -19,7 +19,7 @@ :fields="ipv4TableFields" :items="form.ipv4TableItems" :empty-text="$t('global.table.emptyMessage')" - class="mb-0" + class="bootstrap-rounded-table mb-0" show-empty > <template #cell(actions)="{ item, index }"> @@ -86,20 +86,43 @@ export default { { key: 'Address', label: this.$t('pageNetwork.table.ipAddress'), + thStyle: { width: '20%' }, + thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', + class: 'bootstrap-rounded-table__column-first', + tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'Gateway', label: this.$t('pageNetwork.table.gateway'), + thStyle: { width: '20%' }, + thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', + class: 'bootstrap-rounded-table__column-center', + tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'SubnetMask', label: this.$t('pageNetwork.table.subnet'), + thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', + class: 'bootstrap-rounded-table__column-center', + tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'AddressOrigin', label: this.$t('pageNetwork.table.addressOrigin'), + thStyle: { width: '20%' }, + thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', + class: 'bootstrap-rounded-table__column-center', + tdClass: 'regular-12px bootstrap-rounded-table__td', + }, + { + key: 'actions', + label: this.$t('pageNetwork.table.actions'), + thStyle: { width: '10%' }, + thClass: + 'text-right semi-bold-12px__caps bootstrap-rounded-table__head_bg', + class: 'bootstrap-rounded-table__column-last', + tdClass: 'text-right bootstrap-rounded-table__td', }, - { key: 'actions', label: '', tdClass: 'text-right' }, ], }; }, @@ -134,6 +157,10 @@ export default { AddressOrigin: ipv4.AddressOrigin, actions: [ { + value: 'edit', + title: this.$t('pageNetwork.table.edit'), + }, + { value: 'delete', title: this.$t('pageNetwork.table.deleteIpv4'), }, |