thcik scrollbar issue fix.

Nikita Kulshreshtha
1 parent 45541527
Showing 4 changed files with 32 additions and 12 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
400-SOURCECODE/AIAHTML5.Web/index.html
400-SOURCECODE/AIAHTML5.Web/libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.js
@@ -76,7 +76,10 @@ function ($scope,$rootScope, $compile,$http, $log, $location, $timeout,DA,Module
  
  
                     $compile($el)($scope);
-                  
+                    $(".sidebar").mCustomScrollbar({
+                        autoHideScrollbar: true,
+                        //theme:"rounded"
+                    });
  
                 });
  
@@ -102,6 +105,7 @@ function ($scope,$rootScope, $compile,$http, $log, $location, $timeout,DA,Module
         //load json data for body view
         $scope.loadDissectibleAnatomyData = function () {
  
+            $rootScope.ClearIframe();
             //load bodyView data
             $http({ method: 'GET', url: '~/../content/data/json/da_dat_contentlist.json' }).success(function (data) {
  
@@ -148,7 +152,7 @@ function ($scope,$rootScope, $compile,$http, $log, $location, $timeout,DA,Module
  
             var openViews;
             var currentBodyViewId = localStorage.getItem("currentBodyViewId");
-          debugger;
+         // debugger;
             if ($rootScope.openViews.length>0) {
                 openViews = new jinqJs()
                    .from($rootScope.openViews)
@@ -203,8 +207,9 @@ function ($scope,$rootScope, $compile,$http, $log, $location, $timeout,DA,Module
          //   $rootScope.openViewsDA.push({ "ViewId": 1 });
             $rootScope.currentSlug = 'da-body-view';
  
+            //hide scrollbar
+
  
-            
             $rootScope.openViews.push(
                       {
                           "module": $rootScope.currentActiveModuleTitle, "BodyView": tittle, "state": 'max', "BodyViewId": $rootScope.currentBodyViewId,
@@ -249,7 +254,7 @@ function ($scope,$rootScope, $compile,$http, $log, $location, $timeout,DA,Module
             .error(function (data, status, headers, config) {
                 console.log(data);
             });
-           debugger;
+         //  debugger;
  
            $scope.voId = localStorage.getItem("currentBodyViewId");;
             $scope.layerNo = 0;
@@ -19,7 +19,16 @@ AIA.controller(&quot;HomeController&quot;, [&quot;$rootScope&quot;,&quot;Modules&quot;, &quot;$log&quot;, &quot;$location&quot;, &quot;
  
         $rootScope.ClearIframe = function () {
             if ($('#daImagePanel')!=null)
-              $('#daImagePanel').remove();
+                $('#daImagePanel').remove();
+
+            $rootScope.hideScrollbar();
+        }
+
+        $rootScope.hideScrollbar = function () {
+            $(".sidebar").mCustomScrollbar({
+                autoHideScrollbar: true,
+                //theme:"rounded"
+            });
         }
     }]
 );
 \ No newline at end of file
@@ -32,7 +32,7 @@
  
 </head>
 <body class="no-scroll" ng-controller="HomeController">
-    <div class="container-fluid ">
+    <div class="container-fluid " >
         <!--Header-->
  
         <nav class="navbar navbar-inverse navbar-fixed-top">
@@ -47,7 +47,7 @@
                 <div ng-include="'app/widget/TopMenu.html'"></div>
             </div>
         </nav>
-        <div class="bodyWrap row container-fluid">
+        <div class="bodyWrap row container-fluid" >
  
  
             <div ng-view></div>
@@ -79,8 +79,8 @@ var jsPanel = {
                         '<div class="jsPanel-btn-max"><span class="jsglyph jsglyph-maximize"></span></div>' +
                         '<div class="jsPanel-btn-norm"><span class="jsglyph jsglyph-normalize"></span></div>' +
                         '<div class="jsPanel-btn-min"><span class="jsglyph jsglyph-minimize"></span></div>' +
-                        '<div class="jsPanel-btn-small"><span class="jsglyph jsglyph-chevron-up"></span></div>' +
-                        '<div class="jsPanel-btn-smallrev"><span class="jsglyph jsglyph-chevron-down"></span></div>' +
+                        //'<div class="jsPanel-btn-small"><span class="jsglyph jsglyph-chevron-up"></span></div>' +
+                        //'<div class="jsPanel-btn-smallrev"><span class="jsglyph jsglyph-chevron-down"></span></div>' +
                     '</div>' +
                     '<div class="jsPanel-hdr-toolbar jsPanel-clearfix"></div>' +
                 '</div>' +
@@ -1030,7 +1030,8 @@ var jsPanel = {
     },
  
     // repositions a panel and optionally moves it to another container
-    reposition: function(panel, position, selector) {
+    reposition: function (panel, position, selector) {
+        alert('reposition')
         if (selector && typeof selector === "string") {
             panel.option.selector = selector;
             panel.appendTo(selector);
@@ -1603,6 +1604,7 @@ console.log(&quot;jsPanel version: &quot; + jsPanel.version);
  
         // handler to move panel to foreground on click
         jsP.on('click', function (e) {
+            alert('1')
             // use of e.preventDefault(); would prevent events from inside a panel from firing properly
             if (!$(e.target).is("a[href], button, .jsPanel-nofront, .jsPanel-nofront *")) {
                 if (!jsP.hasClass("jsPanel-modal")) {
@@ -1632,7 +1634,7 @@ console.log(&quot;jsPanel version: &quot; + jsPanel.version);
  
         // jsPanel minimize
         $('.jsPanel-btn-min', jsP).on('click', function (e) {
-            alert('minimized')
+          //  alert('minimized')
  
             e.preventDefault();
             jsPanel.minimize(jsP);
@@ -2089,14 +2091,18 @@ console.log(&quot;jsPanel version: &quot; + jsPanel.version);
             });
  
             $(jsP).on("dragstart", function () {
+                // alert("dragstart")
+             //   debugger;
                 // remove window.scroll handler, is added again on dragstop
                 $(window).off('scroll', jsP.jsPanelfixPos);
                 if (jsP.option.paneltype.mode === 'extended') {
-                    jsP.css('z-index', '10000');
+                    jsP.css('z-index', '1');
                 }
             });
  
             $(jsP).on("dragstop", function () {
+               // alert("dragstop")
+             //   debugger;
                 jsP.option.position = {
                     top: jsP.css('top'),
                     left: jsP.css('left')