Prevent DataTable-Error when clicking Locator too fast

application/views/gridmap/index.php

@@ -147,6 +147,7 @@
 </div>
 <script>
 var gridsquaremap = true;
+var modalloading = false;
 var type = "worked";
 <?php if ($visitor == true) { ?>
 var visitor = true;

assets/js/leaflet/L.MaidenheadColouredGridMap.js

@@ -4,7 +4,6 @@
 
 L.Maidenhead = L.LayerGroup.extend({
 
-
 	options: {
 		// Line and label color
 		color: 'rgba(255, 0, 0, 0.4)',
@@ -131,7 +130,10 @@ L.Maidenhead = L.LayerGroup.extend({
 		}
 		if (typeof gridsquaremap !== 'undefined' && gridsquaremap == true) {
 			marker.on('click', function(event) {
+				if (!(modalloading)) {
+				modalloading=true;
 				spawnGridsquareModal(locator);
+				}
 			});
 		}
 		return marker;

assets/js/sections/gridmap.js

@@ -145,7 +145,7 @@ function spawnGridsquareModal(loc_4char) {
                 nl2br: false,
                 message: html,
                 onshown: function(dialog) {
-
+		    modalloading=false;
                     $('[data-bs-toggle="tooltip"]').tooltip();
                     $('.contacttable').DataTable({
                             "pageLength": 25,
@@ -172,7 +172,10 @@ function spawnGridsquareModal(loc_4char) {
                     }
                 }]
             });
-        }
+        },
+	error: function(e) {
+		modalloading=false;
+	}
     });
 }