[Mobile, Gestures] Pinch

Moved MCTPinch directive into
plot-reborn. Now emits on pinch action
the event to the controller. Edited plot.html
to clean up and edited mct-plot.html to
include mct-pinch. DrawLoader adjusted to
allow  and prevent error.

platform/features/plot-reborn/bundle.json

@@ -47,6 +47,11 @@
                 "key": "mctOverlayPlot",
                 "implementation": "directives/MCTOverlayPlot.js",
                 "depends": []
+            },
+            {
+                "key": "mctPinch",
+                "implementation": "directives/MCTPinch.js",
+                "depends": [ "$log", "agentService" ]
             }
         ],
         "controllers": [

platform/features/plot-reborn/res/templates/mct-plot.html

@@ -47,13 +47,15 @@
              <!--TODO: Show/hide using CSS? -->
         </div>
 
+<!--        APPLY MCTPinch here-->
         <mct-chart series="series"
                    viewport="viewport"
                    rectangles="rectangles"
                    ng-mousemove="plot.trackMousePosition($event)"
                    ng-mouseleave="plot.untrackMousePosition()"
                    ng-mousedown="plot.startMarquee()"
-                   ng-mouseup="plot.endMarquee()">
+                   ng-mouseup="plot.endMarquee()"
+                   mct-pinch>
         </mct-chart>
 
         <span class="t-wait-spinner loading" ng-show="plot.isRequestPending()">

platform/features/plot-reborn/src/controllers/PlotController.js

@@ -154,6 +154,10 @@ define(
                 };
             }
             
+            function onPinchAction(event) {
+                console.log("TEST");
+            }
+
             function followDataIfLive() {
                 if (isLive) {
                     $scope.viewport = viewportForMaxDomain();
@@ -163,6 +167,7 @@ define(
             $scope.$on('series:data:add', followDataIfLive);
             $scope.$on('user:viewport:change:end', onUserViewportChangeEnd);
             $scope.$on('user:viewport:change:start', onUserViewportChangeStart);
+            $scope.$on('mct:pinch:action', onPinchAction);
 
             $scope.$watch('domainObject', linkDomainObject);
 

platform/features/plot-reborn/src/directives/MCTPinch.js

@@ -28,7 +28,7 @@ define(
 
         function MCTPinch($log, agentService) {
             
-            function link(scope, element, attrs) {
+            function link($scope, element, attrs) {
                 var posPrev,
                     evePrev;
                 
@@ -44,13 +44,7 @@ define(
                             touchPositionPrev = posPrev || touchPosition,
                             eventPrev = evePrev || event;
                         
-                        scope.mctPinch({
+                        $scope.$emit('mct:pinch:action', event);
-                            dimensions: touchPosition,
-                            prevDimensions: touchPositionPrev,
-                            event: event,
-                            eventPrev: eventPrev
-                        });
-                        
                         // Set current position to be previous position 
                         // for next touch action
                         posPrev = touchPosition;
@@ -71,14 +65,11 @@ define(
                 }
                 
                 // Stop checking for resize when scope is destroyed
-//                scope.$on("$destroy", destroyEverythingNow);
+//                $scope.$on("$destroy", destroyEverythingNow);
             }
 
             return {
                 restrict: "A",
-                scope: {
-                    mctPinch: "&"
-                },
                 // Link with the provided function
                 link: link
             };

platform/features/plot-reborn/src/draw/DrawLoader.js

@@ -5,7 +5,7 @@ define(
         './DrawWebGL',
         './Draw2D'
     ],
-    function (DrawWebGL, Draw2D) {
+    function ($log, DrawWebGL, Draw2D) {
 
         var CHARTS = [
             DrawWebGL,

platform/features/plot/bundle.json

@@ -17,16 +17,6 @@
                 "key": "mctChart",
                 "implementation": "MCTChart.js",
                 "depends": [ "$interval", "$log" ]
-            },
-            {
-                "key": "mctPinch",
-                "implementation": "MCTPinch.js",
-                "depends": [ "$log", "agentService" ]
-            },
-            {
-                "key": "mctPan",
-                "implementation": "MCTPan.js",
-                "depends": [ "$log", "agentService" ]
             }
         ],
         "controllers": [