Stefan/evcc-io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Plan UI: debounce preview (#12284)

Browse source
This commit is contained in:
Michael Geers 2024-02-15 21:49:46 +01:00 • committed by GitHub
parent 6f9c3384a4
commit 93b1d6ed28
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 29 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

60
assets/js/components/ChargingPlanSettings.vue
View file

@ -68,8 +68,8 @@ export default {
tariff: {},
plan: {},
activeTab: "time",
loading: false,
isPreview: false,
debounceTimer: null,
};
},
computed: {
@ -89,13 +89,13 @@ export default {
watch: {
plans(newPlans, oldPlans) {
if (!deepEqual(newPlans, oldPlans) && newPlans.length > 0) {
this.fetchPlan();
this.fetchPlanDebounced();
}
},
},
mounted() {
if (this.plans.length > 0) {
this.fetchPlan();
this.fetchPlanDebounced();
}
},
methods: {
@ -111,36 +111,34 @@ export default {
return await api.get(`loadpoints/${this.id}/plan/preview/energy/${energy}/${timeISO}`);
},
fetchPlan: async function (preview) {
if (!this.loading) {
try {
this.loading = true;
let planRes = null;
if (preview && this.socBasedPlanning) {
planRes = await this.fetchPlanPreviewSoc(preview.soc, preview.time);
this.isPreview = true;
} else if (preview && !this.socBasedPlanning) {
planRes = await this.fetchPlanPreviewEnergy(preview.energy, preview.time);
this.isPreview = true;
} else {
planRes = await this.fetchActivePlan();
this.isPreview = false;
}
this.plan = planRes.data.result;
const tariffRes = await api.get(`tariff/planner`, {
validateStatus: function (status) {
return status >= 200 && status < 500;
},
});
this.tariff = tariffRes.status === 404 ? { rates: [] } : tariffRes.data.result;
} catch (e) {
console.error(e);
} finally {
this.loading = false;
try {
let planRes = null;
if (preview && this.socBasedPlanning) {
planRes = await this.fetchPlanPreviewSoc(preview.soc, preview.time);
this.isPreview = true;
} else if (preview && !this.socBasedPlanning) {
planRes = await this.fetchPlanPreviewEnergy(preview.energy, preview.time);
this.isPreview = true;
} else {
planRes = await this.fetchActivePlan();
this.isPreview = false;
}
this.plan = planRes.data.result;
const tariffRes = await api.get(`tariff/planner`, {
validateStatus: function (status) {
return status >= 200 && status < 500;
},
});
this.tariff = tariffRes.status === 404 ? { rates: [] } : tariffRes.data.result;
} catch (e) {
console.error(e);
}
},
fetchPlanDebounced: async function (preview) {
clearTimeout(this.debounceTimer);
this.debounceTimer = setTimeout(async () => await this.fetchPlan(preview), 1000);
},
defaultDate: function () {
const [hours, minutes] = (
window.localStorage[LAST_TARGET_TIME_KEY] || DEFAULT_TARGET_TIME
@ -171,7 +169,7 @@ export default {
this.$emit("plan-updated", data);
},
previewPlan: function (data) {
this.fetchPlan(data);
this.fetchPlanDebounced(data);
},
},
};