Merge pull request #1447 from simon-leech/help-dialog-geometry-entry

Missing HelpDialog for Editing a Geometry Editing

lib/ui/locations/entries/geometry.mjs

@@ -10,6 +10,11 @@ mapp.utils.merge(mapp.dictionaries, {
   en: {
     delete_geometry: 'Delete Geometry',
     modify_geometry: 'Modify Geometry',
+    edit_dialog_title: 'Editing Instructions',
+    edit_dialog_cancel_drawing: 'Cancel Drawing - Click on the cancel button to cancel the drawing.',
+    edit_dialog_remove_vertex: 'Remove Vertex - Click on a vertex to remove it.',
+    edit_dialog_modify_shape: 'Edit Shape- Drag a vertex to modify the shape, or add a new vertex on the polygon.',
+    edit_dialog_save: 'Save - Click on the save button to save your changes.',
   },
   de: {
     delete_geometry: 'Geometrie entfernen',
@@ -259,6 +264,19 @@ function modify(e) {
   // the modify event maybe triggered by an API.
   const btn = e.target
 
+  const helpDialog = {
+    header: mapp.utils.html`<h3>${mapp.dictionary.edit_dialog_title}</h3>`,
+    content: mapp.utils.html.node`<li>
+      <ul>${mapp.dictionary.edit_dialog_cancel_drawing}
+      <ul>${mapp.dictionary.edit_dialog_remove_vertex}</ul>
+      <ul>${mapp.dictionary.edit_dialog_modify_shape}</ul>
+      <ul>${mapp.dictionary.edit_dialog_save}</ul>`
+  }
+
+  // Call the helpDialog
+  mapp.ui.elements.helpDialog(helpDialog);
+
+
   // Check whether to cancel interaction.
   if (btn.classList.contains('active')) {