translations #106

frontend/src/components/protocols/Direct.vue

@@ -6,29 +6,29 @@
       </v-col>
       <v-col cols="12" sm="6" md="4">
         <v-text-field
-        label="Override Address"
+        :label="$t('types.direct.overrideAddr')"
         hide-details
         v-model="data.override_address">
         </v-text-field>
       </v-col>
       <v-col cols="12" sm="6" md="4">
         <v-text-field
-        label="Override Port"
+        :label="$t('types.direct.overridePort')"
         type="number"
         min="0"
         hide-details
-        v-model="override_port">
+        v-model.number="override_port">
         </v-text-field>
       </v-col>
       <v-col cols="12" sm="6" md="4" v-if="direction == 'out'">
-        <v-text-field
-        label="Proxy Protocol"
-        type="number"
-        min="0"
-        max="2"
+        <v-select
+        :label="$t('types.direct.proxyProtocol')"
+        :items="[1,2]"
         hide-details
-        v-model="proxy_protocol">
-        </v-text-field>
+        clearable
+        @click:clear="delete data.proxy_protocol"
+        v-model.number="data.proxy_protocol">
+        </v-select>
       </v-col>
     </v-row>
   </v-card>
@@ -47,10 +47,6 @@ export default {
         get() { return this.$props.data.override_port ? this.$props.data.override_port : ''; },
         set(newValue: any) { this.$props.data.override_port = newValue.length == 0 || newValue == 0 ? undefined : parseInt(newValue); }
     },
-    proxy_protocol: {
-      get() { return this.$props.data.proxy_protocol ? this.$props.data.proxy_protocol : ''; },
-      set(newValue: any) { this.$props.data.proxy_protocol = newValue.length == 0 || newValue == 0 ? undefined : parseInt(newValue); }
-    },
   },
   components: { Network }
 }