Print Preview Cleanup: Creating enum with all custom events used.

chrome/browser/resources/print_preview/margins_ui.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('print_preview', function() {
   'strict';
 
   function MarginsUI() {
     var marginsUI = document.createElement('div');
     marginsUI.__proto__ = MarginsUI.prototype;
@@ skipping 40 matching lines @@
   MarginsUI.convert = function(point) {
     var mainview = $('mainview');
     return { x: point.x - mainview.offsetLeft,
              y: point.y - mainview.offsetTop };
   }
 
   MarginsUI.prototype = {
     __proto__: HTMLDivElement.prototype,
 
     /**
-     * Adds an observer for |MarginsMayHaveChanged| event.
+     * Adds an observer for |customEvents.MARGINS_MAY_HAVE_CHANGED| event.
      * @param {function} func A callback function to be called when
-     *   |MarginsMayHaveChanged| event occurs.
+     *     |customEvents.MARGINS_MAY_HAVE_CHANGED| event occurs.
      */
     addObserver: function(func) {
       var uiPairs = this.pairsAsList;
-      for (var i = 0; i < uiPairs.length; i++)
-        uiPairs[i].box_.addEventListener('MarginsMayHaveChanged', func);
+      for (var i = 0; i < uiPairs.length; i++) {
+        uiPairs[i].box_.addEventListener(
+            customEvents.MARGINS_MAY_HAVE_CHANGED, func);
+      }
     },
 
     /**
      * @return {array} An array including all |MarginUIPair| objects.
      */
     get pairsAsList() {
       return [this.topPair_, this.leftPair_, this.rightPair_, this.bottomPair_];
     },
 
     /**
@@ skipping 47 matching lines @@
       this.style.clip = "rect(0, " + right + "px, " + bottom + "px, 0)";
     },
 
     /**
      * Adds event listeners for various events.
      * @private
      */
     addEventListeners_: function() {
       var uiPairs = this.pairsAsList;
       for (var i = 0; i < uiPairs.length; i++) {
-        uiPairs[i].addEventListener('MarginsLineMouseDown',
+        uiPairs[i].addEventListener(customEvents.MARGINS_LINE_MOUSE_DOWN,
                                     this.onMarginLineMouseDown.bind(this));
       }
       // After snapping to min/max the MarginUIPair might not receive the
       // mouseup event since it is not under the mouse pointer, so it is handled
       // here.
       window.document.addEventListener('mouseup',
                                        this.onMarginLineMouseUp.bind(this));
     },
 
     /**
@@ skipping 33 matching lines @@
       uiPair.classList.add('dragging');
     },
 
     /**
      * Executes when a mousemove event occurs.
      * @param {MouseEvent} e The event that triggered this listener.
      */
     onMouseMove_: function(e) {
       var point = MarginsUI.convert({ x: e.x, y: e.y });
 
-      var dragEvent = new cr.Event('DragEvent');
+      var dragEvent = new cr.Event(customEvents.MARGINS_LINE_DRAG);
       dragEvent.dragDelta =
           this.lastClickedMarginsUIPair.getDragDisplacementFrom(point);
       dragEvent.destinationPoint = point;
       this.dispatchEvent(dragEvent);
     },
   };
 
   return {
     MarginsUI: MarginsUI
   };
 });