Atlas Anatomy History Issue Code

unknown
1 parent 90bcb1e0
Showing 2 changed files with 58 additions and 44 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
@@ -64,7 +64,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     }
     $scope.openModuleItemView = function (event) {
-
+        debugger;
         //0. Get selected Image Id
         var moduleItemDataToBeSaved = event.target.id;
@@ -138,51 +138,16 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             openedImage.onload = getImageHeightWidth;
             openedImage.onerror = loadFailure;
             openedImage.src = $rootScope.OpenItemImagePath;
+            openedImage.id = "modItemImage";
+          //  openedImage.id = "modItemImage";
+          //  left:0px;top:0px;position:absolute;
+         
-            $timeout(function () {
-                $compile(aaViewElement.contents())($scope);
-
-                if (document.getElementById('aaDetailPageDiv') != null) {
-
-                    //0.4 added some stylesheets
-                    $('#aaBodyView').css("height", $(window).outerHeight());
-                    $('#aaBodyView').css("width", $(window).outerWidth());
-
-                    $scope.currentTitleFromJson = localStorage.getItem("currentViewTitle");
-                    $("#modItemImage").attr('src', $rootScope.OpenItemImagePath);
-
-
-                    $rootScope.ViewImageWidth = $("#modItemImage").width();
-                    $scope.ViewImageWidth = $("#modItemImage").width();
-                    $scope.ViewImageHeight = $("#modItemImage").height();
-
-                   $scope.relativeDimesion = 0;
-                    $("#modItemImage").css("width", $rootScope.ViewImageWidth + "px");
-               
+          
-                    //0.5 create canvas on the top of image so that I can draw a line over the canvas.
-                    var canvas = document.createElement('canvas');
-                    canvas.id = 'aaDetailViewCanvas';
-                    canvas.className = '.aaCanvas'
-                    canvas.height = parseInt(($scope.imageHeight));
-                    canvas.width = parseInt($scope.imageWidth);
-                    canvas.style.left = '0px';
-                    canvas.style.top = '0px';
-                    canvas.style.position = "absolute";
-                    //canvas.addEventListener('click', function () {
-                    //    alert('canvas clicked');
-                    //    var clickedPint = $scope.getMousePos(event);
-                    //    alert('x: ' + clickedPint.x + ', y:' + clickedPint.y);
-                    //})
-                    $("#canvasDiv").append(canvas);
-                    $scope.context = canvas.getContext("2d")
-                    //6. Show all pins on AA opened item
-                    $scope.showAllPins();
-                    //7. Highlight all system body list in left side
-                    $scope.highlightBodySystemList();
-                }
-            }, 1050);
+              
+          
         }
     }
@@ -209,6 +174,55 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     function getImageHeightWidth() {
         $scope.imageWidth = this.width;
         $scope.imageHeight = this.height;
+        $("#canvasDiv").append(openedImage);
+        $timeout(function () {
+            $compile(aaViewElement.contents())($scope);
+
+            if (document.getElementById('aaDetailPageDiv') != null) {
+
+                //0.4 added some stylesheets
+                $('#aaBodyView').css("height", $(window).outerHeight());
+                $('#aaBodyView').css("width", $(window).outerWidth());
+
+                $scope.currentTitleFromJson = localStorage.getItem("currentViewTitle");
+                $("#modItemImage").attr('src', $rootScope.OpenItemImagePath);
+
+
+                $rootScope.ViewImageWidth = $("#modItemImage").width();
+                $scope.ViewImageWidth = $("#modItemImage").width();
+                $scope.ViewImageHeight = $("#modItemImage").height();
+
+                $scope.relativeDimesion = 0;
+                $("#modItemImage").css("width", $rootScope.ViewImageWidth + "px");
+
+
+                //0.5 create canvas on the top of image so that I can draw a line over the canvas.
+                var canvas = document.createElement('canvas');
+                canvas.id = 'aaDetailViewCanvas';
+                canvas.className = '.aaCanvas'
+                canvas.height = parseInt(($scope.imageHeight));
+                canvas.width = parseInt($scope.imageWidth);
+                canvas.style.left = '0px';
+                canvas.style.top = '0px';
+                canvas.style.position = "absolute";
+                alert($scope.imageWidth);
+                //canvas.addEventListener('click', function () {
+                //    alert('canvas clicked');
+                //    var clickedPint = $scope.getMousePos(event);
+                //    alert('x: ' + clickedPint.x + ', y:' + clickedPint.y);
+                //})
+                $("#canvasDiv").append(canvas);
+                $scope.context = canvas.getContext("2d")
+
+                //6. Show all pins on AA opened item
+                $scope.showAllPins();
+                //7. Highlight all system body list in left side
+                $scope.highlightBodySystemList();
+            }
+        }, 1050);
+
+
+
     }
@@ -177,7 +177,7 @@
                         <canvas id="canvasPaint" ng-click="FreeStylePaint($event)" width="2277" height="3248" class="canvas-annotationStyle1"></canvas>
                         <canvas id="canvas" ng-click="onDrawingCanvasClick($event)" width="2277" height="3248" class="canvas-annotationStyle"></canvas>
-                        <img id="modItemImage" alt="" title="" style="left:0px;top:0px;position:absolute">
+                        <img id="modItemImage" alt="" title="" style="left:0px;top:0px;position:absolute;visibility:hidden;">
                         <!--<div class="clearfix">
                                            <img id="modItemImage" ng-init="alert('hi')" alt="" title="" class="img-responsive">