MAPG-123 [WIP] use MutationObserver

public/static/js/game.js

@@ -336,23 +336,34 @@
         },
 
         rewriteGoogleLink: function () {
-            if (!Game.googleLink) {
-                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 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;
                 }
             }
 
-            setTimeout(function () {
-                if (Game.googleLink) {
-                    Game.googleLink.title = 'Google Maps';
-                    Game.googleLink.href = 'https://maps.google.com/maps';
+            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';
+                    }
                 }
-            }, 1);
+            });
+
+            observer.observe(Game.googleLink, { attributes: true });
         }
     };
 
@@ -425,10 +436,6 @@
         Game.rewriteGoogleLink();
     });
 
-    Game.panorama.addListener('pov_changed', function () {
-        Game.rewriteGoogleLink();
-    });
-
     Game.initialize();
 
     document.getElementById('showGuessButton').onclick = function () {

public/static/js/map_editor.js

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