LM & search is workin.

scroll is not done as top, left values is not getting by css prop of div in IE

LM & search is workin.
scroll is not done as top, left values is not getting by css prop of div in IE
Nikita Kulshreshtha
1 parent c81a594f
Showing 2 changed files with 26 additions and 14 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
400-SOURCECODE/AIAHTML5.Web/index.html
@@ -2425,7 +2425,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                         console.log('$scope.highlightedBR.length= ' + $scope.highlightedBR.length)
                         if ($scope.highlightedBR != null || $scope.highlightedBR != undefined) {
-
+                            
                             if ((($rootScope.viewOrientationId == '1') || ($rootScope.viewOrientationId == '4')) && ($scope.highlightedBR.length == 9)) {
                                 $scope.doAligneCanvasWithTerm = true;
                             }
@@ -2438,7 +2438,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                             else if ((($rootScope.viewOrientationId == '6')) && ($scope.highlightedBR.length == 1)) {
                                 $scope.doAligneCanvasWithTerm = true;
                             }
-
+                            alert('$scope.doAligneCanvasWithTerm = ' + $scope.doAligneCanvasWithTerm)
                             if ($scope.doAligneCanvasWithTerm == true) {
                                 if ($rootScope.isListManagerSelected == true)
@@ -6809,7 +6809,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         $scope.searchFilter = event.currentTarget.innerHTML;
         //2.
-        $scope.HighlightBodyOnListManagerSelection(event);
+        $scope.HighlightBodyOnListManagerSelection(event.currentTarget.id);
         $scope.IsSearchVisible = false;
         $rootScope.isNormalMode = false;
@@ -6979,7 +6979,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             for (var j = 0; j < $scope.VocabTermTxt.length; j++) {
-                var $el = $('<option title ="'+ $scope.VocabTermTxt[j]._TermText+ '" ng-click=HighlightBodyOnListManagerSelection($event) id=' + $scope.VocabTermTxt[j]._ActualTermNumber + '>' + $scope.VocabTermTxt[j]._TermText + '</option>').appendTo('#termList')
+                var $el = $('<option title ="' + $scope.VocabTermTxt[j]._TermText + '" id=' + $scope.VocabTermTxt[j]._ActualTermNumber + '>' + $scope.VocabTermTxt[j]._TermText + '</option>').appendTo('#termList')
                 $compile($el)($scope);
             }
@@ -6997,9 +6997,11 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     }
-    $scope.HighlightBodyOnListManagerSelection = function (event) {
+    $scope.HighlightBodyOnListManagerSelection = function (actualTermNumber) {
+
+        console.log('inside HighlightBodyOnListManagerSelection actualTermNumber= ' + actualTermNumber)
         //	Terms search in the Search list should be disable in the List Manager and Vice-Versa.
-        if ($rootScope.prevId == event.currentTarget.id) {
+        if ($rootScope.prevId == actualTermNumber) {
             $rootScope.isLoading = false;
             $('#spinner').css('visibility', 'hidden');
@@ -7011,12 +7013,12 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             $('#spinner').css('visibility', 'visible');
-            $rootScope.prevId = event.currentTarget.id;
+            $rootScope.prevId = actualTermNumber;
             $("#termList").find("option").attr('selected', false);
             $("#termList").find("option").css({ "background-color": "#ffffff", "color": "#000000" });
-            $("#termList").find("option[id=" + event.currentTarget.id + "]").css({ "background-color": "#3399FF", "color": "#ffffff" });
+            $("#termList").find("option[id=" + actualTermNumber + "]").css({ "background-color": "#3399FF", "color": "#ffffff" });
             $("div#backdrop #termlistfilter li").find("a").css({ "background-color": "#ffffff", "color": "#000000" });
-            $("div#backdrop #termlistfilter li").find("a[id=" + event.currentTarget.id + "]").css({ "background-color": "#3399FF", "color": "#ffffff" });
+            $("div#backdrop #termlistfilter li").find("a[id=" + actualTermNumber + "]").css({ "background-color": "#3399FF", "color": "#ffffff" });
             $scope.terminateCurrentlyRunningWPs();
             //debugger
             $rootScope.isListManagerSelected = true;
@@ -7037,7 +7039,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             $rootScope.isHighlightBodyByBodySystem = false;
             //1.
-            $rootScope.actualTermNumber = event.currentTarget.id;//attributes[0].value;
+            $rootScope.actualTermNumber = actualTermNumber;//attributes[0].value;
             console.log(' $scope.actualTermNumber insde HighlightBodyOnListManagerSelection= ' + $rootScope.actualTermNumber)
             //2.
@@ -7232,6 +7234,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     $scope.aligneCanvasWithTerm = function () {
+        alert('inside align')
         console.log('aligneCanvasWithTerm')
         var newX = parseInt($scope.scaleValue($scope.termCoordinate.x, $scope.zoomInOut, DA[0].ZOOM_TERM_DATA));
         var newY = parseInt($scope.scaleValue($scope.termCoordinate.y, $scope.zoomInOut, DA[0].ZOOM_TERM_DATA));
@@ -7265,7 +7268,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             else {
                 newX = maxHScrollPos;
             }
-
+            alert('newX= ' + newX + ',newY= ' + newY)
             $('#canvasDiv').scrollLeft(newX);
             $('#canvasDiv').scrollTop(newY);
             $scope.isLoading = false;
@@ -7371,7 +7374,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                 for (var j = 0; j < $scope.VocabTermTxt.length; j++) {
-                    var $el = $('<option ng-click=HighlightBodyOnListManagerSelection($event) id=' + $scope.VocabTermTxt[j]._ActualTermNumber + '>' + $scope.VocabTermTxt[j]._TermText + '</option>').appendTo('#termList')
+                    var $el = $('<option  id=' + $scope.VocabTermTxt[j]._ActualTermNumber + '>' + $scope.VocabTermTxt[j]._TermText + '</option>').appendTo('#termList')
                     $compile($el)($scope);
                 }
@@ -7602,4 +7605,13 @@ function OnZoom()
     scope.$apply(function () {
         scope.enableZoom();
     });
+}
+
+function onListManagerTermSelection(event) {
+    alert('selected')
+    var scope = angular.element(document.getElementById("daView")).scope();
+    scope.$apply(function () {
+        scope.HighlightBodyOnListManagerSelection(event);
+    });
+    
 }
 \ No newline at end of file
@@ -718,7 +718,7 @@
                                             <select class="form-control" disabled>
                                                 <option value="1" selected="">Entire View</option>
                                             </select>
-                                        </div>
+                                         </div>
                                     </div>
                                 </div>
                             </div>
@@ -729,7 +729,7 @@
                         <!--DA > List Manager > Multiple structure selection should not be available.-->
                         <div class="form-group">
-                            <select id="termList" class="form-control"  size="10"></select>
+                            <select id="termList" class="form-control"  size="10" onclick="if (typeof (this.selectedIndex) != 'undefined') onListManagerTermSelection(this.options[this.selectedIndex].id)"></select>
                         </div>
                     </div>