evcc-io/assets/js/components/Config/TitleModal.vue

38 lines
806 B
Vue

<template>
<JsonModal
name="title"
:title="$t('config.title.title')"
endpoint="/config/site"
state-key="siteTitle"
save-method="put"
:transform-read-values="transformReadValues"
disable-remove
@changed="$emit('changed')"
>
<template #default="{ values }">
<FormRow
id="siteTitle"
:label="$t('config.title.label')"
:help="$t('config.title.description')"
>
<input id="siteTitle" v-model="values.title" class="form-control" />
</FormRow>
</template>
</JsonModal>
</template>
<script>
import JsonModal from "./JsonModal.vue";
import FormRow from "./FormRow.vue";
export default {
name: "TitleModal",
components: { FormRow, JsonModal },
emits: ["changed"],
methods: {
transformReadValues(siteTitle) {
return { title: siteTitle };
},
},
};
</script>