feat: Add test page (spatial) with mapserver layer in openlayers map

ipmd/templates/ipmd/saddlegallmidgeform.html

@@ -68,7 +68,7 @@
         </div>
         <div class="col-md-6"><div id="forecastDatasourceMap"></div></div>
     </div>
-    <button class="btn btn-primary" type="button" onclick="submitData();">Submit</button>
+    <button class="btn btn-primary" type="button" onclick="submitData();">Run</button>
     <div style="aspect-ratio: 2;">
         <canvas id="resultChart"></canvas>
     </div>
@@ -168,8 +168,8 @@
 
         // TODO: Remove this auto-mock!!
         /*editor.getValue().optionalData.startDate="2023-08-01";
-        editor.getValue().optionalData.endDate="2023-08-19";
-        document.getElementById("longitude").value="11.781989";
+        editor.getValue().optionalData.endDate="2023-09-16";
+        /*document.getElementById("longitude").value="11.781989";
         document.getElementById("latitude").value="59.680468";*/
         //submitData();
     }
@@ -356,7 +356,13 @@
      */ 
     function getLatLon()
     {
-        return [document.getElementById("longitude").value, document.getElementById("latitude").value];
+        let lon = document.getElementById("longitude").value;
+        let lat = document.getElementById("latitude").value;
+        if(!isEmpty(lon) && !isEmpty(lat))
+        {
+            return [lon,lat];
+        }
+        else return null;
     }
 
     /**
@@ -364,7 +370,27 @@
      * Also collects weather data (which goes into the input data Json)
      */ 
     async function submitData(){
+
+        // Input validation
+        const errors = editor.validate();
+        if(errors.length)
+        {
+            console.log(errors);
+            alert("Input data errors. Please check your browser's error log. (TODO: improve this message!!)")
+            return;
+        }
+
         let inputData = editor.getValue();
+
+        /*
+            The saddle gall midge model input_data schema does not require the dates to be set,
+            so we must check manually
+        */
+        if(isEmpty(inputData.optionalData.startDate) || isEmpty(inputData.optionalData.endDate))
+        {
+            alert("ERROR: Your start and/or end date is not set.");
+            return;
+        }
         // Add hidden parameters
         let fullSchema = JSON.parse(currentModelMetaData["execution"]["input_schema"]);
         const hiddenParameters = currentModelMetaData["execution"]["input_schema_categories"]["hidden"];
@@ -376,6 +402,12 @@
         // Check for weatherData element. Assuming it's at the root node
         if(fullSchema["properties"]["weatherData"] !== undefined)
         {
+            // Input check
+            if(currentWeatherDatasource == undefined && currentForecastWeatherDatasource == undefined)
+            {
+                alert("ERROR: No weather datasource(s) selected");
+                return;
+            }
             let forecastData = undefined;
             // 1. Historic weather data
             if(currentWeatherDatasource != undefined)
@@ -384,6 +416,13 @@
                 {
                     let weatherStationId = selectList.options[selectList.selectedIndex].value;
 
+                    // Input check: Is a weather station selected?
+                    if(weatherStationId == "-1")
+                    {
+                        alert("ERROR: No weather station has been selected");
+                        return;
+                    }
+
                     weatherData = await getStationWeatherData(
                         getWeatherDatasourceEndpoint(currentWeatherDatasource),
                         weatherStationId,
@@ -406,6 +445,11 @@
                 else
                 {
                     coordinate = getLatLon();
+                    if(coordinate == null)
+                    {
+                        alert("ERROR: Your location is not set");
+                        return;
+                    }
                     // Need to check that the selected datasource covers the requested location
                     if(! await isPointCoveredByDatasource(coordinate, currentWeatherDatasource))
                     {
@@ -436,6 +480,13 @@
             // 2. Forecast weather data
             if(currentForecastWeatherDatasource != undefined)
             {
+                coordinate = getLatLon();
+                if(coordinate == null)
+                {
+                    alert("ERROR: Your location is not set");
+                    return;
+                }
+
                 // Need to check that the selected datasource covers the requested location
                 if(! await isPointCoveredByDatasource(getLatLon(), currentForecastWeatherDatasource))
                 {
@@ -444,8 +495,8 @@
                 }
                 forecastData = await getLocationWeatherData(
                         getWeatherDatasourceEndpoint(currentForecastWeatherDatasource),
-                        document.getElementById("longitude").value,
-                        document.getElementById("latitude").value,
+                        coordinate[0],
+                        coordinate[1],
                         getPragmaticWeatherParameterList(
                             function (){
                                 let parameterList = []