[16.0][IMP] base_geoengine: Fix Vector Layer related Errors

    Notifying user to define selected attribute_field_id of
supported type from vector layer in infoBox template to avoid
JS error.
    When a field from attribute_field_id values selected from
vector layer is not suitable for "custom" classification, it
is notified to the user to avoid JS Error.

Author: anusriNPS

base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.esm.js

@@ -53,6 +53,7 @@ export class GeoengineRenderer extends Component {
         this.orm = useService("orm");
         this.view = useService("view");
         this.user = useService("user");
+        this.notification = useService("notification");
 
         // For related model we need to load all the service needed by RelationalModel
         this.services = {};
@@ -749,8 +750,12 @@ export class GeoengineRenderer extends Component {
         const fields_to_read = this.getFieldsToRead(vector);
         const data = await this.getModelData(vector, fields_to_read);
         this.useRelatedModel(vector, layer, data);
-        const styleInfo = this.styleVectorLayer(vector, data);
-        this.initLegend(styleInfo, vector);
+        if (this.checkAttributeFieldUsage(vector, data)) {
+            const styleInfo = this.styleVectorLayer(vector, data);
+            if (styleInfo) {
+                this.initLegend(styleInfo, vector);
+            }
+        }
     }
 
     async renderVectorLayers() {
@@ -844,9 +849,13 @@ export class GeoengineRenderer extends Component {
     }
 
     styleVectorLayerAndLegend(cfg, data, lv) {
-        const styleInfo = this.styleVectorLayer(cfg, data);
-        this.initLegend(styleInfo, cfg);
-        lv.setStyle(styleInfo.style);
+        if (this.checkAttributeFieldUsage(cfg, data)) {
+            const styleInfo = this.styleVectorLayer(cfg, data);
+            if (styleInfo) {
+                this.initLegend(styleInfo, cfg);
+                lv.setStyle(styleInfo.style);
+            }
+        }
     }
 
     initLegend(styleInfo, cfg) {
@@ -1053,7 +1062,21 @@ export class GeoengineRenderer extends Component {
         if (cfg.classification === "custom") {
             colors = vals.map((val) => {
                 if (val) {
-                    return chroma(val).alpha(opacity).css();
+                    try {
+                        return chroma(val).alpha(opacity).css();
+                    } catch (error) {
+                        this.notification.add(
+                            this.env._t(
+                                "Selected Attribute Field: " +
+                                    indicator +
+                                    "is not usable for custom classification"
+                            ),
+                            {
+                                type: "warning",
+                            }
+                        );
+                        return false;
+                    }
                 }
             });
         } else {
@@ -1248,6 +1271,27 @@ export class GeoengineRenderer extends Component {
         var indicator = cfg.attribute_field_id[1];
         return data.map((item) => item._values[indicator]);
     }
+
+    /**
+     * Check vector Layer Attribute Field is defined
+     * by view to display proper legends
+     */
+    checkAttributeFieldUsage(cfg, data) {
+        const indicator_values = this.extractLayerValues(cfg, data);
+        if (indicator_values.some((item) => item === undefined)) {
+            this.notification.add(
+                this.env._t(
+                    "Customize view to use Attribute Field: " +
+                        cfg.attribute_field_id[1]
+                ),
+                {
+                    type: "warning",
+                }
+            );
+            return false;
+        }
+        return true;
+    }
 }
 
 GeoengineRenderer.template = "base_geoengine.GeoengineRenderer";