Annotation issue is fixed in TB.

Now Modesty is implemented and also the annotations are correct on each place.

Annotation issue is fixed in TB.
Now Modesty is implemented and also the annotations are correct on each place.
Nikita Kulshreshtha
1 parent 267f8bdd
Showing 1 changed file with 101 additions and 20 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -4176,12 +4176,9 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             oldCanvas = document.getElementById('transparencyTempCanvas_MR_' + bodyRegionId)
         }
         else {
-            //if ($rootScope.isModestyOn == true && (bodyRegionId.match('modestyImg'))) {
-            //    oldCanvas = document.getElementById('modestyTransparencyTempCanvas_' + bodyRegionId);
-            //}
-            //else {
+           
             oldCanvas = document.getElementById('transparencyTempCanvas_' + bodyRegionId)
-            //}
+           
         }
         if (oldCanvas != null) {
@@ -4190,8 +4187,14 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         //remove tempmask canvas
         var oldtempTransCanvasMask;
+        var oldtempTransCanvasMaskMR;
         if (IsMirror == 'Yes') {
-            oldtempTransCanvasMask = document.getElementById('transparencyTempCanvasMask_MR_' + bodyRegionId + '_mci');
+            oldtempTransCanvasMaskMR = document.getElementById('transparencyTempCanvasMask_MR' + bodyRegionId + '_mci');
+            oldtempTransCanvasMask = document.getElementById('transparencyTempCanvasMask_' + bodyRegionId + '_mci');
+
+            if (oldtempTransCanvasMaskMR != null) {
+                document.getElementById('canvasDiv').removeChild(oldtempTransCanvasMaskMR);
+            }
         }
         else {
             oldtempTransCanvasMask = document.getElementById('transparencyTempCanvasMask_' + bodyRegionId + '_mci');
@@ -4287,7 +4290,9 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                 canvasModesty.style.top = Y + 'px';
                 //canvasModesty.style.backgroundColor = "transparent";
                 canvasModesty.style.visibility = 'visible';
-                canvasModesty.style.zIndex = '2000'
+                canvasModesty.style.zIndex = '2000';
+                canvasModesty.addEventListener('click', OnClickModestyTransCanvas);
+
                 // tempcanvasModestyCanvasModesty.style.border = "black 1px solid";
                 document.getElementById('canvasDiv').appendChild(canvasModesty);
             }
@@ -4797,10 +4802,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             var maskCanvasId = 'transparencyTempCanvasMask_' + clickedBodyRegion + '_mci';
             var maskCanvas = document.getElementById(maskCanvasId);
-                       
-            //if (oldMirrorMask != null) {
-            //    document.getElementById('canvasDiv').removeChild(oldMirrorMask);
-            //}
+           
             if (maskCanvas != null) {
                 x = maskCanvas.style.left;
                 y = maskCanvas.style.top;
@@ -4913,6 +4915,87 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     }
+    function OnClickModestyTransCanvas(evt) {
+
+        var mousePos = $scope.getMousePos(evt);
+        var canvasDiv = document.getElementById('canvasDiv');
+        var verticalScrollPosition = canvasDiv.scrollTop;
+        var horizontlScrollPosition = canvasDiv.scrollLeft;
+
+        var actulalX = mousePos.x + horizontlScrollPosition;
+        var actualY = mousePos.y + verticalScrollPosition;
+
+        var canavsX = evt.currentTarget.offsetLeft;
+        var canvasY = evt.currentTarget.offsetTop;
+
+        var canvasId = evt.currentTarget.id;
+        var canavsContext = document.getElementById(canvasId).getContext('2d');
+        var RGBColor = $scope.GetRGBColor(canavsContext, actulalX, actualY, canavsX, canvasY);
+
+        var annotationText;
+
+        //Modesty ON
+        if (canvasId.match('modestyImg') && RGBColor != '000000') {
+            RGBColor = DA[0].figLeafTermId;
+            annotationText = $scope.GetAnnotationBasedOnActualTermNo(RGBColor);
+            $scope.annotationTextArrayT1 = [];
+            $scope.annotationTextArrayT2 = [];
+            $scope.annotationTextArrayT1.push(annotationText);
+            $scope.annotationTextArrayT2.push(annotationText);
+        }
+            //Modesty On but clicked somewhre else, we did modesty check because the modesty image covers whole body region so if user will click to 
+            //see the annotation apart from leaf then the actual click will be on modesty canvas, but for annotation er
+            // 
+        else if (canvasId.match('modestyImg') && RGBColor == '000000') {
+
+           var bodyRegionId = canvasId.slice(-1);
+
+            var maskCanvasId = 'imageCanvas' + bodyRegionId + '_mci';
+            var maskCanvas = document.getElementById(maskCanvasId);
+            var maskCanvasContext = maskCanvas.getContext("2d");
+            //RGBColor = $scope.GetRGBColor(maskCanvasContext, actulalX, actualY, xcanavsX, canvasY);
+            //annotationText = $scope.GetAnnotationText(parseInt(RGBColor));
+
+            //transparecncy canvas
+            var maskCanvasTransId = 'transparencyTempCanvasMask_' + bodyRegionId + '_mci';
+            var maskCanvastrans = document.getElementById(maskCanvasTransId);
+            var maskCanvasContexttrans = maskCanvastrans.getContext("2d");
+
+            var pixelData = maskCanvasContext.getImageData(Math.round(actulalX - canavsX), Math.round(actualY - canvasY), 1, 1);
+
+            var pixelDataTrans = maskCanvasContexttrans.getImageData(Math.round(actulalX - canavsX), Math.round(actualY - canvasY), 1, 1);
+
+            var annotations = $scope.getAnnotationForTransparencyBox(pixelData, pixelDataTrans, $scope);
+
+
+            //    var maskCanvasId = 'imageCanvas' + bodyRegionId + '_mci';
+            //    var maskCanvas = document.getElementById(maskCanvasId);
+            //    var maskCanvasContext = maskCanvas.getContext("2d");
+            //    RGBColor = $scope.GetRGBColor(maskCanvasContext, actulalX, actualY, xcanavsX, canvasY);
+            //    annotationText = $scope.GetAnnotationText(parseInt(RGBColor));
+
+
+                //  createSpeechBubbleOnTransparencyBox(evt, annotations.annotationT1, annotations.annotationT2, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left + 5, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top - 50)
+
+                $scope.annotationTextArrayT1 = [];
+                $scope.annotationTextArrayT2 = [];
+                $scope.annotationTextArrayT1.push(annotations.annotationT1);
+                $scope.annotationTextArrayT2.push(annotations.annotationT2);
+
+        }
+
+        if ($('#speechBubble').length > 0)
+            $('#speechBubble').remove();
+
+
+        if ($('#speechBubbleTrns').length > 0) {
+            $('#speechBubbleTrns').remove();
+        }
+            $scope.createDynamicSpeechBubble(evt, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, false);
+
+        
+    }
+
     function getAnnotationAndCraeteSpeechBubble(mirrorCanvasX, mirrorCanvasWidth, mousePos, maskCanvasContexttrans, clickedBodyRegion, x, y, evt)
     {
         var canvasDiv = document.getElementById('canvasDiv');
@@ -4958,17 +5041,15 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             $scope.createDynamicSpeechBubble(evt, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, false);
         }
         else
-      {
+        {
             $scope.annotationTextArrayT1 = [];
-        $scope.annotationTextArrayT2 = [];
-        $scope.annotationTextArrayT1.push(annotations.annotationT1);
-        $scope.annotationTextArrayT2.push(annotations.annotationT2);
-
-        $scope.createDynamicSpeechBubble(evt, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, false);
-
+            $scope.annotationTextArrayT2 = [];
+            $scope.annotationTextArrayT1.push(annotations.annotationT1);
+            $scope.annotationTextArrayT2.push(annotations.annotationT2);
-    }
-}
+            $scope.createDynamicSpeechBubble(evt, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, false);
+        }
+  }
         function clearTransCanvas() {