MAPG-146 [WIP]

public/static/js/game.js

@@ -336,34 +336,23 @@
         },
 
         rewriteGoogleLink: function () {
-            if (Game.googleLink) {
-                return;
-            }
-
-            var anchors = document.getElementById('panorama').getElementsByTagName('a');
-            for (var i = 0; i < anchors.length; i++) {
-                var a = anchors[i];
-                if (a.href.indexOf('maps.google.com/maps') !== -1) {
-                    Game.googleLink = a;
-                    break;
-                }
-            }
-
             if (!Game.googleLink) {
-                return;
-            }
-
-            var observer = new MutationObserver(function(mutationsList, observer) {
-                for (let mutation of mutationsList) {
-                    if (mutation.attributeName === 'href' && Game.googleLink.href !== 'https://maps.google.com/maps') {
-                        console.log(Game.googleLink.href + ' is changed.')
-                        Game.googleLink.title = 'Google Maps';
-                        Game.googleLink.href = 'https://maps.google.com/maps';
+                var anchors = document.getElementById('panorama').getElementsByTagName('a');
+                for (var i = 0; i < anchors.length; i++) {
+                    var a = anchors[i];
+                    if (a.href.indexOf('maps.google.com/maps') !== -1) {
+                        Game.googleLink = a;
+                        break;
                     }
                 }
-            });
+            }
 
-            observer.observe(Game.googleLink, { attributes: true });
+            setTimeout(function () {
+                if (Game.googleLink) {
+                    Game.googleLink.title = 'Google Maps';
+                    Game.googleLink.href = 'https://maps.google.com/maps';
+                }
+            }, 1);
         }
     };
 
@@ -436,6 +425,10 @@
         Game.rewriteGoogleLink();
     });
 
+    Game.panorama.addListener('pov_changed', function () {
+        Game.rewriteGoogleLink();
+    });
+
     Game.initialize();
 
     document.getElementById('showGuessButton').onclick = function () {

public/static/js/map_editor.js

@@ -13,6 +13,7 @@
         added: {},
         edited: {},
         deleted: {},
+        saved: true,
 
         editMetadata: function () {
             var form = document.getElementById('metadataForm');
@@ -24,6 +25,7 @@
 
             MapGuesser.hideModal();
 
+            MapEditor.saved = false;
             document.getElementById('saveButton').disabled = false;
         },
 
@@ -210,6 +212,7 @@
 
             MapEditor.selectedMarker.setLatLng({ lat: places[placeId].lat, lng: places[placeId].lng });
 
+            MapEditor.saved = false;
             document.getElementById('saveButton').disabled = false;
         },
 
@@ -243,6 +246,7 @@
             document.getElementById('added').innerHTML = String(Object.keys(MapEditor.added).length);
             document.getElementById('edited').innerHTML = String(Object.keys(MapEditor.edited).length);
 
+            MapEditor.saved = false;
             document.getElementById('saveButton').disabled = false;
         },
 
@@ -300,6 +304,7 @@
                 document.getElementById('edited').innerHTML = '0';
                 document.getElementById('deleted').innerHTML = '0';
 
+                MapEditor.saved = true;
                 document.getElementById('saveButton').disabled = true;
             }, data);
         },
@@ -440,4 +445,13 @@
     document.getElementById('deleteButton').onclick = function () {
         MapEditor.deletePlace();
     };
+
+    window.addEventListener('beforeunload', function (e) {
+        if (MapEditor.saved) {
+            return;
+        }
+
+        e.preventDefault();
+        e.returnValue = '';
+    });
 })();