add translation for subtitle

This commit is contained in:
Nitwel
2020-09-15 16:50:30 +02:00
committed by rijkvanzanten
parent a293e0908d
commit d0d757511f
3 changed files with 16 additions and 7 deletions

View File

@@ -1,9 +1,5 @@
<template>
<v-list dense>
<v-list-item @click="$emit('edit-raw')">
<v-list-item-icon><v-icon name="code" /></v-list-item-icon>
<v-list-item-content>{{ $t('edit_raw') }}</v-list-item-content>
</v-list-item>
<v-list-item :disabled="value === null" @click="$emit('input', null)">
<v-list-item-icon><v-icon name="delete_outline" /></v-list-item-icon>
<v-list-item-content>{{ $t('clear_value') }}</v-list-item-content>
@@ -24,6 +20,10 @@
</v-list-item-icon>
<v-list-item-content>{{ $t('undo_changes') }}</v-list-item-content>
</v-list-item>
<v-list-item @click="$emit('edit-raw')">
<v-list-item-icon><v-icon name="code" /></v-list-item-icon>
<v-list-item-content>{{ $t('edit_raw') }}</v-list-item-content>
</v-list-item>
</v-list>
</template>

View File

@@ -38,7 +38,7 @@
@input="$emit('input', $event)"
/>
<v-modal :active="showRawModal" :title="$t('edit_raw_value')" :subtitle="type">
<v-modal :active="showRawModal" :title="$t('edit_raw_value')" :subtitle="$t(`js_types.${type}`)">
<v-textarea v-model="rawString" :placeholder="$t('enter_raw_value')"></v-textarea>
<template #footer>
<v-button secondary @click="undoRaw">
@@ -67,7 +67,6 @@ import FormFieldLabel from './form-field-label.vue';
import FormFieldMenu from './form-field-menu.vue';
import FormFieldInterface from './form-field-interface.vue';
import { ValidationError } from './types';
import { capitalizeFirst } from '@/utils/capitalize-first';
export default defineComponent({
components: { FormFieldLabel, FormFieldMenu, FormFieldInterface },
@@ -184,7 +183,7 @@ export default defineComponent({
raw.value = rawString.value;
}
return { showRawModal, rawString, editRaw, saveRaw, undoRaw, type: capitalizeFirst(type.value) };
return { showRawModal, rawString, editRaw, saveRaw, undoRaw, type };
}
},
});
@@ -219,6 +218,8 @@ export default defineComponent({
}
.v-modal .v-textarea {
--v-textarea-font-family: var(--family-monospace);
height: 100%;
max-height: unset;
}