Frontend fixes

* Domain creation is now possible (#2507)
* Wrong labels in DNS detail page (#2505)

frontend/src/components/domains/DNSDetail.vue

@@ -21,10 +21,14 @@
     <v-row>
       <v-col>
         <v-chip
-          v-if="detail.autoconfig_record"
+          v-if="detail.autoconfig_record !== undefined"
           color="success"
           >
-          <translate>autoconfig record (Mozilla): {{ detail.autoconfig_record.value }}</translate>
+          <translate
+            :translate-params="{ value: detail.autoconfig_record.value }"
+            >
+            autoconfig record (Mozilla): %{ value }
+          </translate>
         </v-chip>
         <v-chip
           v-else
@@ -38,7 +42,11 @@
           v-if="detail.autodiscover_record"
           color="success"
           >
-          <translate>autodiscover record (Microsoft): {{ detail.autodiscover_record.value }}</translate>
+          <translate
+            :translate-params="{ value: detail.autodiscover_record.value }"
+            >
+            autodiscover record (Microsoft): %{ value }
+          </translate>
         </v-chip>
         <v-chip
           v-else
@@ -135,8 +143,6 @@ export default {
       showConfigHelp: false
     }
   },
-  methods: {
-  },
   watch: {
     domain: {
       handler: function (val) {

frontend/src/components/domains/DomainCreationForm.vue

@@ -217,6 +217,8 @@ export default {
       }
       if (data.type === 'relaydomain') {
         this.$refs.form_4.checkSettingTypes(data)
+      } else {
+        delete data.transport
       }
       this.$store.dispatch('domains/createDomain', data).then(resp => {
         this.$router.push({ name: 'DomainDetail', params: { id: resp.data.pk } })

frontend/src/plugins/vue-gettext.js

@@ -3,6 +3,7 @@ import GetTextPlugin from 'vue-gettext'
 import translations from '@/translations.json'
 
 Vue.use(GetTextPlugin, {
+  autoAddKeyAttributes: true,
   availableLanguages: {
     en: 'English',
     fr: 'Français'