Navigator man is integrated in all body views

Amrita Vishnoi
1 parent ce674f5c
Showing 1 changed file with 117 additions and 1 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -73,6 +73,20 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     $rootScope.isNormalMode = false;
     $rootScope.isZoomed = false;
  
+    //navigator man functionality
+    $scope.NavOrientationdata;
+    $scope.NavigatorData;
+    $scope.navimgsrc;
+
+    $scope.dragdivleft = 0;
+    $scope.dragdivtop = 0;
+
+    $scope.dragdivposition = {
+        "left": $scope.dragdivleft,
+        "top": $scope.dragdivtop
+    };
+
+
     //array for bodyviewid correspoing to male female(used for gender change)
     $scope.correspondingBodyViewIds = {
         '1': '5',
@@ -463,9 +477,16 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                    //  debugger
                    if ($scope.isBodylayerdataLoaded) {
                        $timeout(function () {
-                           //this is for showing termlist on da-view
+
+                           //1.this is for showing termlist on da-view
                            $scope.isVisibleTermddl = false;
+
+                           //2. Load Canvas Image
                            $scope.LoadDefaultLayerImage();
+
+                           //3. Load Navigator Image
+                           $scope.LoadBodyViewNavigatorImage();
+
                        }, 350);
                    }
                },
@@ -492,6 +513,51 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
  
     })
  
+    //Code for displaying NavigatorImage for BodyView
+    $scope.LoadBodyViewNavigatorImage = function () {
+        //load json containing navigator images
+        $http({ method: 'GET', url: '~/../content/data/json/da/da_dat_orient_image.json' }).success(function (data) {
+            $scope.NavigatorData = data;
+
+            $scope.skinTone = DA[0].ethnicity;
+
+            var navdtlOrient = new jinqJs()
+                              .from($scope.NavigatorData.Navigtor.ViewOrientation)
+                              .where("_ViewOrientationId == " + $rootScope.currentBodyViewId)
+                              .select();
+            console.log(navdtlOrient);
+            console.log(navdtlOrient[0].ImageInfo);
+            var navOrientationdata = new jinqJs()
+                             .from(navdtlOrient[0].ImageInfo)
+                             .where("_Ethnicity == " + $scope.skinTone)
+                             .select();
+            //console.log(navOrientationdata);
+
+            $scope.NavOrientationdata = navOrientationdata;
+            console.log("$scope.NavOrientationdata: ");
+            console.log($scope.NavOrientationdata);
+
+            var navimagemodesty;
+
+            angular.forEach($scope.NavOrientationdata, function (value, key) {
+                if (value._HaveModesty === DA[0].modesty) {
+                    navimagemodesty = value._ImageName;
+                }
+            })
+            if (typeof (navimagemodesty) === "undefined" || navimagemodesty === null) {
+
+                navimagemodesty = $scope.NavOrientationdata[0]._ImageName;
+
+            }
+
+            $scope.navimgsrc = "~/../content/images/DA/ethnicity/body-views/" + $scope.voId + '/' + $scope.skinTone + '/navigator_images/' + navimagemodesty;
+
+        })
+        .error(function (data, status, headers, config) {
+            console.log(data);
+        });
+    }
+
  
     $scope.LoadDefaultLayerImage = function () {
         //  debugger;
@@ -805,6 +871,37 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         //                       #4976 :While changing gender male to female scroll bar is going on top. 
         var canvasDiv = document.getElementById('canvasDiv');
         canvasDiv.scrollTop = 0;
+
+        //Navigator Code for dynamically calculating the height and width of Dragable Div on Navigator Image
+
+        var dragdivh = Math.floor(($('#canvasDiv').height() / $('#canvasDiv')[0].scrollHeight) * 119) //119px is the height of the image
+
+        if ($('#canvasDiv')[0].scrollWidth > $('#canvasDiv')[0].clientWidth) {
+
+            var dragdivw = 42
+            $scope.dragdivleft = 21;
+            $scope.dragdivtop = 0;
+
+            $scope.dragdivposition = {
+                "left": 21,
+                "top": 0
+            };
+        }
+        else {
+            var dragdivw = 83;
+
+            $scope.dragdivleft = 0;
+            $scope.dragdivtop = 0;
+
+            $scope.dragdivposition = {
+                "left": 0,
+                "top": 0
+
+            };
+        }
+
+        $('#draggable').css('width', dragdivw);
+        $('#draggable').css('height', dragdivh)
     }
  
     function scaleRectangle(x, y, height, width, mirrorValue) {
@@ -4974,6 +5071,25 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
  
     }
  
+    //Function to set the vertical and horizontal scroll position of CanvasDiv as per the Navigator
+    $scope.ScrollCanvasDiv = function () {
+
+        var x = $("#draggable").position();
+        var can = $('#canvasDiv');
+        var canheight = can[0].scrollHeight;
+        var canwidth = can[0].scrollWidth;
+
+        var scrolly = (x.top / ($('#containment-wrapper').height())) * (canheight);
+
+        var scrollx = (x.left / $('#containment-wrapper').width()) * (canwidth);
+
+        $("#canvasDiv").scrollTop(scrolly);
+        $("#canvasDiv").scrollLeft(scrollx);
+
+        $timeout(function () { $scope.HighlightBodyByTermList(systemMatchedTermList) }, 100);
+
+    }
+
     //list manager
     $scope.$on('listManagerEvent', function (event, data) {
         //  debugger;