Settings/Network/TableIpv4.vue

2   <page-section :section-title="$t('pageNetwork.ipv4')">
3     <b-row class="mb-4">
4       <b-col lg="2" md="6">
8             <b-form-checkbox
10               v-model="dhcpEnabledState"
11               data-test-id="networkSettings-switch-dhcpEnabled"
15               <span v-if="dhcpEnabledState">
18               <span v-else>{{ $t('global.status.disabled') }}</span>
19             </b-form-checkbox>
22       </b-col>
23     </b-row>
24     <b-row>
25       <b-col>
29       </b-col>
30       <b-col class="text-right">
31         <b-button variant="primary" @click="initAddIpv4Address()">
32           <icon-add />
34         </b-button>
35       </b-col>
36     </b-row>
37     <b-table
42       :empty-text="$t('global.table.emptyMessage')"
43       class="mb-0"
44       show-empty
47         <table-row-action
48           v-for="(action, actionIndex) in filteredActions(item)"
53           @click-table-action="onIpv4TableAction(action, $event, index)"
56             <icon-edit v-if="action.value === 'edit'" />
57             <icon-trashcan v-if="action.value === 'delete'" />
59         </table-row-action>
61     </b-table>
62   </page-section>
67 import IconAdd from '@carbon/icons-vue/es/add--alt/20';
68 import IconEdit from '@carbon/icons-vue/es/edit/20';
69 import IconTrashcan from '@carbon/icons-vue/es/trash-can/20';
74 import { useI18n } from 'vue-i18n';
126         { key: 'actions', label: '', tdClass: 'text-right' },
168       this.$root.$emit('network-table-ipv4-complete');
211       this.$bvModal.show('modal-add-ipv4');
222                 ? i18n.global.t('global.action.enable')
226               ? i18n.global.t('global.action.enable')