patrick/OpenDTU
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

webapp: create interface for LimitConfig

Browse Source
This commit is contained in:
Thomas Basler 2022-10-18 22:32:04 +02:00
parent 03f73796d2
commit f9221606c6
2 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
webapp/src/types/LimitConfig.ts Normal file
View File

@ -0,0 +1,5 @@
export interface LimitConfig {
serial: number,
limit_value: number,
limit_type: number
}

27
webapp/src/views/HomeView.vue
View File

@ -215,7 +215,7 @@
<div class="input-group"> <div class="input-group">
<input type="number" name="inputTargetLimit" class="form-control" <input type="number" name="inputTargetLimit" class="form-control"
id="inputTargetLimit" :min="targetLimitMin" :max="targetLimitMax" id="inputTargetLimit" :min="targetLimitMin" :max="targetLimitMax"
v-model="targetLimit"> v-model="targetLimitList.limit_value">
<button class="btn btn-primary dropdown-toggle" type="button" <button class="btn btn-primary dropdown-toggle" type="button"
data-bs-toggle="dropdown" aria-expanded="false">{{ targetLimitTypeText data-bs-toggle="dropdown" aria-expanded="false">{{ targetLimitTypeText
}}</button> }}</button>
@ -332,6 +332,7 @@ import type { DevInfoStatus } from '@/types/DevInfoStatus';
import type { EventlogItems } from '@/types/EventlogStatus'; import type { EventlogItems } from '@/types/EventlogStatus';
import type { Inverters } from '@/types/LiveDataStatus'; import type { Inverters } from '@/types/LiveDataStatus';
import type { LimitStatus } from '@/types/LimitStatus'; import type { LimitStatus } from '@/types/LimitStatus';
import type { LimitConfig } from '@/types/LimitConfig';
export default defineComponent({ export default defineComponent({
components: { components: {
@ -367,12 +368,11 @@ export default defineComponent({
devInfoLoading: true, devInfoLoading: true,
limitSettingView: {} as bootstrap.Modal, limitSettingView: {} as bootstrap.Modal,
limitSettingSerial: 0,
limitSettingLoading: true, limitSettingLoading: true,
currentLimitList: {} as LimitStatus, currentLimitList: {} as LimitStatus,
targetLimitList: {} as LimitConfig,
targetLimit: 0,
targetLimitMin: 10, targetLimitMin: 10,
targetLimitMax: 100, targetLimitMax: 100,
targetLimitTypeText: "Relative (%)", targetLimitTypeText: "Relative (%)",
@ -524,19 +524,20 @@ export default defineComponent({
this.devInfoView.show(); this.devInfoView.show();
}, },
onHideLimitSettings() { onHideLimitSettings() {
this.limitSettingSerial = 0;
this.targetLimit = 0;
this.targetLimitType = 1;
this.targetLimitTypeText = "Relative (%)";
this.showAlertLimit = false; this.showAlertLimit = false;
}, },
onShowLimitSettings(serial: number) { onShowLimitSettings(serial: number) {
this.targetLimitList.serial = 0;
this.targetLimitList.limit_value = 0;
this.targetLimitType = 1;
this.targetLimitTypeText = "Relative (%)";
this.limitSettingLoading = true; this.limitSettingLoading = true;
fetch("/api/limit/status") fetch("/api/limit/status")
.then((response) => response.json()) .then((response) => response.json())
.then((data) => { .then((data) => {
this.currentLimitList = data[serial]; this.currentLimitList = data[serial];
this.limitSettingSerial = serial; this.targetLimitList.serial = serial;
this.limitSettingLoading = false; this.limitSettingLoading = false;
}); });
@ -545,15 +546,11 @@ export default defineComponent({
onSubmitLimit(e: Event) { onSubmitLimit(e: Event) {
e.preventDefault(); e.preventDefault();
const data = { this.targetLimitList.limit_type = (this.targetLimitPersistent ? 256 : 0) + this.targetLimitType
serial: this.limitSettingSerial,
limit_value: this.targetLimit,
limit_type: (this.targetLimitPersistent ? 256 : 0) + this.targetLimitType,
};
const formData = new FormData(); const formData = new FormData();
formData.append("data", JSON.stringify(data)); formData.append("data", JSON.stringify(this.targetLimitList));
console.log(data); console.log(this.targetLimitList);
fetch("/api/limit/config", { fetch("/api/limit/config", {
method: "POST", method: "POST",