Trying to resolve scope Issue on AA

Amrita Vishnoi
1 parent fadaa871
Showing 3 changed files with 51 additions and 35 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
400-SOURCECODE/AIAHTML5.Web/app/views/module-item-view.html
@@ -83,15 +83,54 @@ function ($scope, $rootScope, $compile, $http, $log, $location, BodyRegions, Bod
         $location.url('/module-item-view');
     }
  
-    
+    $scope.openBodyView = function () {
  
-    $scope.getImgUrl = function () {
+       
+        $.jsPanel({
+            id: 'daImagePanel',
+            selector: '.daBodyView',
+            theme: 'success',
+            currentController: 'TileViewListController',
+            parentSlug: 'tile-view-list',
+            ajax: {
+                url: 'app/views/aa/atlas-anatomy-detail.html'
+            },
+           // title: localStorage.getItem("currentViewTitle"),
  
-        alert('called...')
-       // $scope.myImgUrl = $rootScope.OpenItemImageName;
-        //alert('getImgurl: ' + $scope.myImgUrl);
+            position: {
+                top: 70,
+                left: 1,
+            },
+
+            size: { width: $(window).outerWidth() - 10, height: $(window).outerHeight() - 110 },
+
+        });
+
+        console.log('jsPanel loaded daImagePanel exist= ' + document.getElementById('daImagePanel'))
  
+        var daBodyviewElement = angular.element(document.getElementById("aaDetailPageDiv"));
  
+        $timeout(function () {
+
+            $compile(daBodyviewElement.contents())($scope);
+
+            console.log('html is compiled' + document.getElementById('aaDetailPageDiv'))
+            if (document.getElementById('aaDetailPageDiv') != null) {
+
+                //0.4 added some stylesheets
+                $('#daBodyview').css("height", $(window).outerHeight());
+
+                $('#daBodyview').css("width", $(window).outerWidth());
+
+               
+               }
+        }, 250);
+    }
+
+
+    $scope.getImgUrl = function () {
+
+        alert('called...')
     }
  
     $scope.openModuleItem = function (elSelector)
@@ -154,16 +193,8 @@ function ($scope, $rootScope, $compile, $http, $log, $location, BodyRegions, Bod
                 $scope.addPinDataCanvas();
             }
  
-          
  
         }, 250);
-
-           
-       
-      
-
-        //document.getElementById('aaDetailPageDiv').appendChild(imgCanvas);
-
     }
  
  
 
 <div id="aaDetailPageDiv" class="bodyWrap row" ng-controller="TileViewListController">
  
-    <!--<div class="col-sm-12 pageHeading">
-        <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->
-    <!--<div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-exchange"></i> </div>-->
-    <!--<h4 class="pull-left">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</h4>-->
-    <!--<div class="pull-right btn-group paddTop4 hidden-xs"> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div>
-    <div class="clearfix"></div>-->
-    <!--</div>-->
     <div class="tools pull-left" style="top:44px;">
         <div class="toggle-icon toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
         <div class="">
@@ -48,15 +41,7 @@
                 <div class="">
                     <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">
                         <input class="form-control input-sm " type="text" ng-click="alert('hi search')" placeholder="Anterior cutaneous branch of first intercostal nerve">
-                        <!--<select class="form-control input-sm ">
-                          <option>---Select---</option>
-                          <option selected>Anterior cutaneous branch of first intercostal nerve</option>
-                          <option>Anterior cutaneous branch of second intercostal nerve</option>
-                          <option>Anterior cutaneous branch of third intercostal nerve</option>
-                          <option>Anterior intercostal artery</option>
-                          <option>Anterior intercostal vein</option>
-                        </select>-->
-                        <!--<div class="input-group-addon btn btn-primary btn-sm"></div>-->
+
                     </div>
                     &nbsp;
                     <!-- Single button -->
@@ -97,11 +82,11 @@
                 </div>
             </div>
  
-       
-            </div>
  
         </div>
+
     </div>
+</div>
  
     <script>
         $(window).load(function () {
@@ -129,7 +114,7 @@
             $('[data-toggle="tooltip"]').tooltip();
         });
     </script>
-    <script src="js/jquery-ui-slider-pips.js"></script>
+    <script src="../../../libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
     <script>
         $(".slider")
  
-<div ng-controller="TileViewListController">
+<div>
     <div ng-include="aap/widget/MainMenu.html"></div>
-    <div ng-init="openModuleItem('.jsPanelContainer')" id="jsPanelContainer" class="JsPannelContainer"></div>
+    <div ng-init="openBodyView()" id="" class="daBodyView" ng-controller="TileViewListController"></div>
     <!--<div >
  
      </div>-->
-</div>
 \ No newline at end of file
+</div>