Support additional image file formats for the legend

Author: jtroberts

configure/src/metaconfigs/layer-vector-config.json

@@ -528,7 +528,7 @@
                 {
                   "field": "shapeImage",
                   "name": "Shape From Image",
-                  "description": "A URL to a custom image (.png or .svg) for which to use for this legend entry. If the path is relative, it will be relative to the mission's directory. This field will override values in the Shape and Shape From Icon fields.",
+                  "description": "A URL to a custom image (jpeg|jpg|gif|png|svg|webp) for which to use for this legend entry. If the path is relative, it will be relative to the mission's directory. This field will override values in the Shape and Shape From Icon fields.",
                   "type": "text",
                   "width": 4
                 }

configure/src/metaconfigs/layer-vectortile-config.json

@@ -501,7 +501,7 @@
                 {
                   "field": "shapeImage",
                   "name": "Shape From Image",
-                  "description": "A URL to a custom image (.png or .svg) for which to use for this legend entry. If the path is relative, it will be relative to the mission's directory. This field will override values in the Shape and Shape From Icon fields.",
+                  "description": "A URL to a custom image (jpeg|jpg|gif|png|svg|webp) for which to use for this legend entry. If the path is relative, it will be relative to the mission's directory. This field will override values in the Shape and Shape From Icon fields.",
                   "type": "text",
                   "width": 4
                 }

src/essence/Tools/Legend/LegendTool.js

@@ -283,8 +283,8 @@ function drawLegends(tools, _legend, layerUUID, display_name, opacity) {
                         break
                     default:
                 }
-            } else if ( String(shape).endsWith('.png') || String(shape).endsWith('.svg')) {
-                // PNG or SVG markers   
+            } else if (String(shape).toLowerCase().match(/\.(jpeg|jpg|gif|png|svg|webp)$/) != null) {
+                // Image markers   
                 r.append('div')
                     .attr('class', layerUUID + '_legendcustom')
                     .style('width', '24px')