ba303da742
* VE.Direct: reset state machine on timeout there will never be a large gap between two bytes of the same frame. if such a large gap is observed, reset the state machine so it tries to decode a new frame once more data arrives. this is helpful in case of corrupted data that prevents the state machine of transitioning to the final state even though the VE.Direct data producer is done sending bytes that belong to the same frame. * VE.Direct: print problems to MessageOutput this includes the web console in particular, where many users have access to while the serial console is not attached or monitored. * VE.Direct: collect serial input into buffer and print should help debug issues for users. * VE.Direct: implement and use verbose logging switch
91 lines
3.3 KiB
Vue
91 lines
3.3 KiB
Vue
<template>
|
|
<BasePage :title="$t('vedirectadmin.VedirectSettings')" :isLoading="dataLoading">
|
|
<BootstrapAlert v-model="showAlert" dismissible :variant="alertType">
|
|
{{ alertMessage }}
|
|
</BootstrapAlert>
|
|
|
|
<form @submit="saveVedirectConfig">
|
|
<CardElement :text="$t('vedirectadmin.VedirectConfiguration')" textVariant="text-bg-primary">
|
|
<InputElement :label="$t('vedirectadmin.EnableVedirect')"
|
|
v-model="vedirectConfigList.vedirect_enabled"
|
|
type="checkbox" wide/>
|
|
</CardElement>
|
|
|
|
<CardElement :text="$t('vedirectadmin.VedirectParameter')" textVariant="text-bg-primary" add-space
|
|
v-show="vedirectConfigList.vedirect_enabled">
|
|
|
|
<InputElement :label="$t('vedirectadmin.VerboseLogging')"
|
|
v-model="vedirectConfigList.verbose_logging"
|
|
type="checkbox" wide/>
|
|
|
|
<InputElement :label="$t('vedirectadmin.UpdatesOnly')"
|
|
v-model="vedirectConfigList.vedirect_updatesonly"
|
|
type="checkbox" wide/>
|
|
</CardElement>
|
|
|
|
<button type="submit" class="btn btn-primary mb-3">{{ $t('vedirectadmin.Save') }}</button>
|
|
</form>
|
|
</BasePage>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import BasePage from '@/components/BasePage.vue';
|
|
import BootstrapAlert from "@/components/BootstrapAlert.vue";
|
|
import CardElement from '@/components/CardElement.vue';
|
|
import InputElement from '@/components/InputElement.vue';
|
|
import type { VedirectConfig } from "@/types/VedirectConfig";
|
|
import { authHeader, handleResponse } from '@/utils/authentication';
|
|
import { defineComponent } from 'vue';
|
|
|
|
export default defineComponent({
|
|
components: {
|
|
BasePage,
|
|
BootstrapAlert,
|
|
CardElement,
|
|
InputElement,
|
|
},
|
|
data() {
|
|
return {
|
|
dataLoading: true,
|
|
vedirectConfigList: {} as VedirectConfig,
|
|
alertMessage: "",
|
|
alertType: "info",
|
|
showAlert: false,
|
|
};
|
|
},
|
|
created() {
|
|
this.getVedirectConfig();
|
|
},
|
|
methods: {
|
|
getVedirectConfig() {
|
|
this.dataLoading = true;
|
|
fetch("/api/vedirect/config", { headers: authHeader() })
|
|
.then((response) => handleResponse(response, this.$emitter, this.$router))
|
|
.then((data) => {
|
|
this.vedirectConfigList = data;
|
|
this.dataLoading = false;
|
|
});
|
|
},
|
|
saveVedirectConfig(e: Event) {
|
|
e.preventDefault();
|
|
|
|
const formData = new FormData();
|
|
formData.append("data", JSON.stringify(this.vedirectConfigList));
|
|
|
|
fetch("/api/vedirect/config", {
|
|
method: "POST",
|
|
headers: authHeader(),
|
|
body: formData,
|
|
})
|
|
.then((response) => handleResponse(response, this.$emitter, this.$router))
|
|
.then(
|
|
(response) => {
|
|
this.alertMessage = this.$t('apiresponse.' + response.code, response.param);
|
|
this.alertType = response.type;
|
|
this.showAlert = true;
|
|
}
|
|
);
|
|
},
|
|
},
|
|
});
|
|
</script> |