issue allenhwkim#450, changed all console.log to .log

Author: allenhwkim

app.js

@@ -1 +1,10 @@
 angular.module('ngMap', []);
+angular.module('ngMap').config([
+  '$compileProvider',
+  '$logProvider', 
+  function ($compileProvider, $logProvider) {
+    var debugMode = !!window.location.search.match(/[\?\&]debug=1/);
+    $logProvider.debugEnabled(debugMode);
+    $compileProvider.debugInfoEnabled(debugMode);
+  }
+]);

controllers/map-controller.js

@@ -4,12 +4,10 @@
  */
 (function() {
   'use strict';
-  var Attr2MapOptions;
 
   var __MapController = function(
-      $scope, $element, $attrs, $parse, _Attr2MapOptions_, NgMap, NgMapPool
+      $scope, $element, $attrs, $parse, $log, Attr2MapOptions, NgMap, NgMapPool
     ) {
-    Attr2MapOptions = _Attr2MapOptions_;
     var vm = this;
 
     vm.mapOptions; /** @memberof __MapController */
@@ -55,7 +53,7 @@
         var objs = obj.map[groupName];
         for (var name in objs) {
           if (objs[name] === obj) {
-            console.log('Deleting', groupName, obj);
+            $log.debug('Deleting', groupName, obj);
             google.maps.event.clearInstanceListeners(obj);
             delete objs[name];
           }
@@ -145,7 +143,7 @@
         var options = Attr2MapOptions.getOptions(filtered);
         var controlOptions = Attr2MapOptions.getControlOptions(filtered);
         mapOptions = angular.extend(options, controlOptions);
-        console.log('map options', mapOptions);
+        $log.debug('map options', mapOptions);
 
         for (var group in lazyInitMap) {
           var groupMembers = lazyInitMap[group]; //e.g. markers
@@ -218,8 +216,8 @@
     var controlOptions = Attr2MapOptions.getControlOptions(filtered);
     var mapOptions = angular.extend(options, controlOptions);
     var mapEvents = Attr2MapOptions.getEvents($scope, filtered);
-    console.log('ng-map Options', mapOptions);
-    Object.keys(mapEvents).length && console.log('ng-map Events', mapEvents);
+    $log.debug('ng-map Options', mapOptions);
+    Object.keys(mapEvents).length && $log.debug('ng-map Events', mapEvents);
 
     vm.mapOptions = mapOptions;
     vm.mapEvents = mapEvents;
@@ -243,7 +241,7 @@
   }; // __MapController
 
   __MapController.$inject = [
-    '$scope', '$element', '$attrs', '$parse', 'Attr2MapOptions', 'NgMap', 'NgMapPool'
+    '$scope', '$element', '$attrs', '$parse', '$log', 'Attr2MapOptions', 'NgMap', 'NgMapPool'
   ];
   angular.module('ngMap').controller('__MapController', __MapController);
 })();

directives/bicycling-layer.js

@@ -15,7 +15,7 @@
  */
 (function() {
   'use strict';
-  var parser;
+  var $log, parser;
 
   var linkFunc = function(scope, element, attrs, mapController) {
     mapController = mapController[0]||mapController[1];
@@ -24,7 +24,7 @@
     var options = parser.getOptions(filtered, {scope: scope});
     var events = parser.getEvents(scope, filtered);
 
-    console.log('bicycling-layer options', options, 'events', events);
+    $log.debug('bicycling-layer options', options, 'events', events);
 
     var layer = getLayer(options, events);
     mapController.addObject('bicyclingLayers', layer);
@@ -42,15 +42,15 @@
     return layer;
   };
 
-  var bicyclingLayer= function(Attr2MapOptions) {
-    parser = Attr2MapOptions;
+  var bicyclingLayer= function(_$log_, Attr2MapOptions) {
+    $log = _$log_, parser = Attr2MapOptions;
     return {
       restrict: 'E',
       require: ['?^map','?^ngMap'],
       link: linkFunc
      };
   };
-  bicyclingLayer.$inject = ['Attr2MapOptions'];
+  bicyclingLayer.$inject = ['$log', 'Attr2MapOptions'];
 
   angular.module('ngMap').directive('bicyclingLayer', bicyclingLayer);
 })();

directives/custom-marker.js

@@ -27,7 +27,7 @@
 /* global document */
 (function() {
   'use strict';
-  var parser, $timeout, $compile, NgMap;
+  var parser, $timeout, $compile, $log, NgMap;
 
   var CustomMarker = function(options) {
     options = options || {};
@@ -121,7 +121,7 @@
   };
 
   var linkFunc = function(orgHtml, varsToWatch) {
-    //console.log('orgHtml', orgHtml, 'varsToWatch', varsToWatch);
+    $log.debug('orgHtml', orgHtml, 'varsToWatch', varsToWatch);
 
     return function(scope, element, attrs, mapController) {
       mapController = mapController[0]||mapController[1];
@@ -135,7 +135,7 @@
        * build a custom marker element
        */
       element[0].style.display = 'none';
-      console.log("custom-marker options", options);
+      $log.debug("custom-marker options", options);
       var customMarker = new CustomMarker(options);
 
       $timeout(function() { //apply contents, class, and location after it is compiled
@@ -147,7 +147,7 @@
         var classNames = element[0].firstElementChild.className;
         customMarker.addClass('custom-marker');
         customMarker.addClass(classNames);
-        console.log('customMarker', customMarker, 'classNames', classNames);
+        $log.debug('customMarker', customMarker, 'classNames', classNames);
 
         if (!(options.position instanceof google.maps.LatLng)) {
           NgMap.getGeoLocation(options.position).then(
@@ -158,7 +158,7 @@
         }
       });
 
-      console.log("custom-marker events", "events");
+      $log.debug("custom-marker events", "events");
       for (var eventName in events) { /* jshint ignore:line */
         google.maps.event.addDomListener(
           customMarker.el, eventName, events[eventName]);
@@ -178,11 +178,12 @@
 
 
   var customMarkerDirective = function(
-      _$timeout_, _$compile_, Attr2MapOptions, _NgMap_
+      _$timeout_, _$compile_, _$log_, Attr2MapOptions, _NgMap_
     )  {
     parser = Attr2MapOptions;
     $timeout = _$timeout_;
     $compile = _$compile_;
+    $log = _$log_;
     NgMap = _NgMap_;
 
     return {
@@ -209,7 +210,7 @@
     }; // return
   };// function
   customMarkerDirective.$inject =
-    ['$timeout', '$compile', 'Attr2MapOptions', 'NgMap'];
+    ['$timeout', '$compile', '$log', 'Attr2MapOptions', 'NgMap'];
 
   angular.module('ngMap').directive('customMarker', customMarkerDirective);
 })();

directives/directions.js

@@ -28,7 +28,7 @@
 /* global document */
 (function() {
   'use strict';
-  var NgMap, $timeout, NavigatorGeolocation;
+  var NgMap, $timeout, $log, NavigatorGeolocation;
 
   var getDirectionsRenderer = function(options, events) {
     if (options.panel) {
@@ -92,10 +92,11 @@
   };
 
   var directions = function(
-      Attr2MapOptions, _$timeout_, _NavigatorGeolocation_, _NgMap_) {
+      Attr2MapOptions, _$timeout_, _$log_, _NavigatorGeolocation_, _NgMap_) {
     var parser = Attr2MapOptions;
     NgMap = _NgMap_;
     $timeout = _$timeout_;
+    $log = _$log_;
     NavigatorGeolocation = _NavigatorGeolocation_;
 
     var linkFunc = function(scope, element, attrs, mapController) {
@@ -117,12 +118,12 @@
               $timeout(function(){
                 var panel =
                   document.getElementById(val) || document.querySelector(val);
-                console.log('setting ', attrName, 'with value', panel);
+                $log.debug('setting ', attrName, 'with value', panel);
                 panel && renderer.setPanel(panel);
               });
             } else if (options[attrName] !== val) { //apply only if changed
               var optionValue = parser.toOptionValue(val, {key: attrName});
-              console.log('setting ', attrName, 'with value', optionValue);
+              $log.debug('setting ', attrName, 'with value', optionValue);
               options[attrName] = optionValue;
               updateRoute(renderer, options);
             }
@@ -145,7 +146,7 @@
     };
   }; // var directions
   directions.$inject =
-    ['Attr2MapOptions', '$timeout', 'NavigatorGeolocation', 'NgMap'];
+    ['Attr2MapOptions', '$timeout', '$log', 'NavigatorGeolocation', 'NgMap'];
 
   angular.module('ngMap').directive('directions', directions);
 })();

directives/fusion-tables-layer.js

@@ -18,7 +18,7 @@
   'use strict';
 
   angular.module('ngMap').directive('fusionTablesLayer', [
-    'Attr2MapOptions', function(Attr2MapOptions) {
+    '$log', 'Attr2MapOptions', function($log, Attr2MapOptions) {
     var parser = Attr2MapOptions;
 
     var getLayer = function(options, events) {
@@ -41,7 +41,7 @@
         var filtered = parser.filter(attrs);
         var options = parser.getOptions(filtered, {scope: scope});
         var events = parser.getEvents(scope, filtered, events);
-        console.log('fusion-tables-layer options', options, 'events', events);
+        $log.debug('fusion-tables-layer options', options, 'events', events);
 
         var layer = getLayer(options, events);
         mapController.addObject('fusionTablesLayers', layer);

directives/heatmap-layer.js

@@ -16,7 +16,7 @@
   'use strict';
 
   angular.module('ngMap').directive('heatmapLayer', [
-    'Attr2MapOptions', '$window', function(Attr2MapOptions, $window) {
+    'Attr2MapOptions', '$window', '$log', function(Attr2MapOptions, $window, $log) {
     var parser = Attr2MapOptions;
     return {
       restrict: 'E',
@@ -43,7 +43,7 @@
          * set events
          */
         var events = parser.getEvents(scope, filtered);
-        console.log('heatmap-layer options', layer, 'events', events);
+        $log.debug('heatmap-layer options', layer, 'events', events);
 
         mapController.addObject('heatmapLayers', layer);
       }

directives/kml-layer.js

@@ -29,7 +29,7 @@
   'use strict';
 
   angular.module('ngMap').directive('kmlLayer', [
-    'Attr2MapOptions', function(Attr2MapOptions) {
+    '$log', 'Attr2MapOptions', function($log, Attr2MapOptions) {
     var parser = Attr2MapOptions;
 
     var getKmlLayer = function(options, events) {
@@ -51,7 +51,7 @@
         var filtered = parser.filter(attrs);
         var options = parser.getOptions(filtered, {scope: scope});
         var events = parser.getEvents(scope, filtered);
-        console.log('kml-layer options', options, 'events', events);
+        $log.debug('kml-layer options', options, 'events', events);
 
         var kmlLayer = getKmlLayer(options, events);
         mapController.addObject('kmlLayers', kmlLayer);

directives/map-data.js

@@ -20,7 +20,7 @@
   'use strict';
 
   angular.module('ngMap').directive('mapData', [
-    'Attr2MapOptions', 'NgMap', function(Attr2MapOptions, NgMap) {
+    '$log', 'Attr2MapOptions', 'NgMap', function($log, Attr2MapOptions, NgMap) {
     var parser = Attr2MapOptions;
     return {
       restrict: 'E',
@@ -31,7 +31,7 @@
         var options = parser.getOptions(filtered, {scope: scope});
         var events = parser.getEvents(scope, filtered, events);
 
-        console.log('map-data options', options);
+        $log.debug('map-data options', options);
         NgMap.getMap().then(function(map) {
           //options
           for (var key in options) {

directives/map-lazy-load.js

@@ -36,13 +36,13 @@
 /* global window, document */
 (function() {
   'use strict';
-  var $timeout, $compile, src, savedHtml;
+  var $timeout, $compile, $log, src, savedHtml;
 
   var preLinkFunc = function(scope, element, attrs) {
     var mapsUrl = attrs.mapLazyLoadParams || attrs.mapLazyLoad;
 
     window.lazyLoadCallback = function() {
-      console.log('Google maps script loaded:', mapsUrl);
+      $log.debug('Google maps script loaded:', mapsUrl);
       $timeout(function() { /* give some time to load */
         element.html(savedHtml);
         $compile(element.contents())(scope);
@@ -51,7 +51,7 @@
 
     if(window.google === undefined || window.google.maps === undefined) {
       var scriptEl = document.createElement('script');
-      console.log('Prelinking script loaded,' + src);
+      $log.debug('Prelinking script loaded,' + src);
 
       scriptEl.src = mapsUrl +
         (mapsUrl.indexOf('?') > -1 ? '&' : '?') +
@@ -68,7 +68,7 @@
 
   var compileFunc = function(tElement, tAttrs) {
 
-    (!tAttrs.mapLazyLoad) && console.error('requires src with map-lazy-load');
+    (!tAttrs.mapLazyLoad) && $log.error('requires src with map-lazy-load');
     savedHtml = tElement.html();
     src = tAttrs.mapLazyLoad;
 
@@ -86,13 +86,13 @@
     };
   };
 
-  var mapLazyLoad = function(_$compile_, _$timeout_) {
-    $compile = _$compile_, $timeout = _$timeout_;
+  var mapLazyLoad = function(_$compile_, _$timeout_, _$log_) {
+    $compile = _$compile_, $timeout = _$timeout_, $log = _$log_;
     return {
       compile: compileFunc
     };
   };
-  mapLazyLoad.$inject = ['$compile','$timeout'];
+  mapLazyLoad.$inject = ['$compile','$timeout', '$log'];
 
   angular.module('ngMap').directive('mapLazyLoad', mapLazyLoad);
 })();