diff options
author | Dixsie Wolmers <dixsie@ibm.com> | 2020-05-21 07:27:56 +0300 |
---|---|---|
committer | Dixsie Wolmers <dixsie@ibm.com> | 2020-06-05 21:39:32 +0300 |
commit | e3c9c09eedeb67538cd44c63dc635e33b83752da (patch) | |
tree | cf41836d5cd3a76be3a291e3a387ad59f7014a14 /src/views | |
parent | bb81d55c5cd9db01ad4f7949bc3fb80426570914 (diff) | |
download | webui-vue-e3c9c09eedeb67538cd44c63dc635e33b83752da.tar.xz |
Add Network Settings translations
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I8d5f6544fb99832bfcda5e4ee63603ce41339d8e
Diffstat (limited to 'src/views')
-rw-r--r-- | src/views/Configuration/NetworkSettings/NetworkSettings.vue | 116 |
1 files changed, 80 insertions, 36 deletions
diff --git a/src/views/Configuration/NetworkSettings/NetworkSettings.vue b/src/views/Configuration/NetworkSettings/NetworkSettings.vue index 18e73a04..63de2376 100644 --- a/src/views/Configuration/NetworkSettings/NetworkSettings.vue +++ b/src/views/Configuration/NetworkSettings/NetworkSettings.vue @@ -1,12 +1,13 @@ <template> <b-container fluid="xl"> - <page-title - description="Configure network settings for the BMC and the Virtualization management interface" - /> - <page-section section-title="Interface"> + <page-title :description="$t('pageNetworkSettings.pageDescription')" /> + <page-section :section-title="$t('pageNetworkSettings.interface')"> <b-row> <b-col lg="3"> - <b-form-group label-for="interface-select" label="Network interface"> + <b-form-group + label-for="interface-select" + :label="$t('pageNetworkSettings.form.networkInterface')" + > <b-form-select id="interface-select" v-model="selectedInterfaceIndex" @@ -19,10 +20,13 @@ </b-row> </page-section> <b-form novalidate @submit.prevent="submitForm"> - <page-section section-title="System"> + <page-section :section-title="$t('pageNetworkSettings.system')"> <b-row> <b-col lg="3"> - <b-form-group label="Default gateway" label-for="default-gateway"> + <b-form-group + :label="$t('pageNetworkSettings.form.defaultGateway')" + label-for="default-gateway" + > <b-form-input id="default-gateway" v-model.trim="form.gateway" @@ -32,13 +36,20 @@ @change="$v.form.gateway.$touch()" /> <b-form-invalid-feedback role="alert"> - <div v-if="!$v.form.gateway.required">Field required</div> - <div v-if="!$v.form.gateway.validateAddress">Invalid</div> + <div v-if="!$v.form.gateway.required"> + {{ $t('global.form.fieldRequired') }} + </div> + <div v-if="!$v.form.gateway.validateAddress"> + {{ $t('global.form.invalidFormat') }} + </div> </b-form-invalid-feedback> </b-form-group> </b-col> <b-col lg="3"> - <b-form-group label="Hostname" label-for="hostname-field"> + <b-form-group + :label="$t('pageNetworkSettings.form.hostname')" + label-for="hostname-field" + > <b-form-input id="hostname-field" v-model.trim="form.hostname" @@ -47,15 +58,22 @@ @change="$v.form.hostname.$touch()" /> <b-form-invalid-feedback role="alert"> - <div v-if="!$v.form.hostname.required">Field required</div> + <div v-if="!$v.form.hostname.required"> + {{ $t('global.form.fieldRequired') }} + </div> <div v-if="!$v.form.hostname.validateHostname"> - Must be less than 64 characters + {{ + $t('global.form.lengthMustBeBetween', { min: 1, max: 64 }) + }} </div> </b-form-invalid-feedback> </b-form-group> </b-col> <b-col lg="3"> - <b-form-group label="MAC address" label-for="mac-address"> + <b-form-group + :label="$t('pageNetworkSettings.form.macAddress')" + label-for="mac-address" + > <b-form-input id="mac-address" v-model.trim="form.macAddress" @@ -64,14 +82,18 @@ @change="$v.form.macAddress.$touch()" /> <b-form-invalid-feedback role="alert"> - <div v-if="!$v.form.macAddress.required">Field required</div> - <div v-if="!$v.form.macAddress.validateMacAddress">Invalid</div> + <div v-if="!$v.form.macAddress.required"> + {{ $t('global.form.fieldRequired') }} + </div> + <div v-if="!$v.form.macAddress.validateMacAddress"> + {{ $t('global.form.invalidFormat') }} + </div> </b-form-invalid-feedback> </b-form-group> </b-col> </b-row> </page-section> - <page-section section-title="Static IPv4"> + <page-section :section-title="$t('pageNetworkSettings.staticIpv4')"> <b-row> <b-col lg="9" class="mb-3"> <b-table @@ -82,7 +104,11 @@ <template v-slot:cell(Address)="{ item, index }"> <b-form-input v-model.trim="item.Address" - :aria-label="'Static IPV4 address ' + (index + 1)" + :aria-label=" + $t('pageNetworkSettings.ariaLabel.staticIpv4AddressRow') + + ' ' + + (index + 1) + " :readonly="dhcpEnabled" :state=" getValidationState( @@ -102,7 +128,7 @@ .required " > - Field required + {{ $t('global.form.fieldRequired') }} </div> <div v-if=" @@ -110,14 +136,18 @@ .validateAddress " > - Invalid + {{ $t('global.form.invalidFormat') }} </div> </b-form-invalid-feedback> </template> <template v-slot:cell(SubnetMask)="{ item, index }"> <b-form-input v-model.trim="item.SubnetMask" - :aria-label="'Static IPV4 Subnet mask ' + (index + 1)" + :aria-label=" + $t('pageNetworkSettings.ariaLabel.staticIpv4SubnetRow') + + ' ' + + (index + 1) + " :readonly="dhcpEnabled" :state=" getValidationState( @@ -137,7 +167,7 @@ .SubnetMask.required " > - Field required + {{ $t('global.form.fieldRequired') }} </div> <div v-if=" @@ -145,7 +175,7 @@ .SubnetMask.validateAddress " > - Invalid + {{ $t('global.form.invalidFormat') }} </div> </b-form-invalid-feedback> </template> @@ -164,12 +194,13 @@ </template> </b-table> <b-button variant="link" @click="addIpv4StaticTableRow"> - <icon-add /> Add static IP + <icon-add /> + {{ $t('pageNetworkSettings.table.addStaticIpv4Address') }} </b-button> </b-col> </b-row> </page-section> - <page-section section-title="Static DNS"> + <page-section :section-title="$t('pageNetworkSettings.staticDns')"> <b-row> <b-col lg="4" class="mb-3"> <b-table @@ -180,7 +211,11 @@ <template v-slot:cell(address)="{ item, index }"> <b-form-input v-model.trim="item.address" - :aria-label="'Static DNS ' + (index + 1)" + :aria-label=" + $t('pageNetworkSettings.ariaLabel.staticDnsRow') + + ' ' + + (index + 1) + " :readonly="dhcpEnabled" :state=" getValidationState( @@ -200,7 +235,7 @@ .required " > - Field required + {{ $t('global.form.fieldRequired') }} </div> <div v-if=" @@ -208,7 +243,7 @@ .validateAddress " > - Invalid + {{ $t('global.form.invalidFormat') }} </div> </b-form-invalid-feedback> </template> @@ -227,7 +262,7 @@ </template> </b-table> <b-button variant="link" @click="addDnsTableRow"> - <icon-add /> Add DNS server + <icon-add /> {{ $t('pageNetworkSettings.table.addDns') }} </b-button> </b-col> </b-row> @@ -237,7 +272,7 @@ type="submit" :disabled="!$v.form.$anyDirty || $v.form.$invalid" > - Save settings + {{ $t('global.action.saveSettings') }} </b-button> </b-form> </b-container> @@ -283,12 +318,21 @@ export default { dhcpEnabled: null, ipv4Configuration: '', ipv4StaticTableFields: [ - { key: 'Address', label: 'IP address' }, - { key: 'SubnetMask', label: 'Subnet mask' }, + { + key: 'Address', + label: this.$t('pageNetworkSettings.table.ipAddress') + }, + { + key: 'SubnetMask', + label: this.$t('pageNetworkSettings.table.subnet') + }, { key: 'actions', label: '', tdClass: 'text-right' } ], dnsTableFields: [ - { key: 'address', label: 'IP address' }, + { + key: 'address', + label: this.$t('pageNetworkSettings.table.ipAddress') + }, { key: 'actions', label: '', tdClass: 'text-right' } ], selectedInterfaceIndex: 0, @@ -383,7 +427,7 @@ export default { { value: 'delete', enabled: this.dhcpEnabled, - title: 'delete static dns row' + title: this.$t('pageNetworkSettings.table.deleteDns') } ] }; @@ -397,7 +441,7 @@ export default { { value: 'delete', enabled: this.dhcpEnabled, - title: 'delete static dns row' + title: this.$t('pageNetworkSettings.table.deleteDns') } ] }); @@ -419,7 +463,7 @@ export default { { value: 'delete', enabled: this.dhcpEnabled, - title: 'delete static ipv4 row' + title: this.$t('pageNetworkSettings.table.deleteStaticIpv4') } ] }; @@ -434,7 +478,7 @@ export default { { value: 'delete', enabled: this.dhcpEnabled, - title: 'delete static ipv4 row' + title: this.$t('pageNetworkSettings.table.deleteStaticIpv4') } ] }); |