gemma: client/src/components/map/layers.js comparison

comparison client/src/components/map/layers.js @ 3353:b01bf2399c20

client: available fairway depth vs lnwl: fetching data for diagrams on map Data gets stored in the client for 15 mins. Diagrams are still drawn with static data for demo purpose.

author	Markus Kottlaender <markus@intevation.de>
date	Tue, 21 May 2019 14:42:08 +0200
parents	59db0b5921c5
children	e56b280582ae

comparison

equal deleted inserted replaced

-:399a2eb496ee
+:b01bf2399c20
 featureTypes: ["bottlenecks_geoserver"],
 geometryName: "area"
 },
 source,
 false,
-async f => {
+async (f, store) => {
 if (f.get("fa_critical")) {
-f.set("fa_data", []);
+// look for fairway availability data in store. If present and
+// not older than 15 min use it or fetch new data and store it.
+let data = store.getters[
+"fairwayavailability/fwLNWLOverviewData"
+](f);
+if (
+data &&
+new Date().getTime() - data.createdAt.getTime() < 900000
+) {
+f.set("fa_data", data.data);
+} else {
+let from = new Date();
+from.setDate(from.getDate() - 30);
+let to = new Date();
+data = await store.dispatch(
+"fairwayavailability/loadAvailableFairwayDepthLNWL",
+{
+feature: f,
+from: from.toISOString().split("T")[0],
+to: to.toISOString().split("T")[0],
+frequency: "monthly",
+LOS: 3
+}
+);
+if (data) {
+store.commit("fairwayavailability/addFwLNWLOverviewData", {
+feature: f,
+data,
+createdAt: new Date()
+});
+f.set("fa_data", data);
+}
+}
 }
 return f;
 }
 )
 );