#866 don't force a max viewport and recompute height on redraw

3 files changed, 32 insertions, 5 deletions

diff --git a/www/css/style.css b/www/css/style.css
index 0baec5fb..913ed225 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -98,11 +98,12 @@ image-loader {
 }
 
 
-
+/*
 #visualization {
 
   height: 70vh;
-}
+}*/
+
 ion-popover-view.fit {
     height: auto;
 }
diff --git a/www/js/TimelineCtrl.js b/www/js/TimelineCtrl.js
index 450f5a6e..d030c131 100644
--- a/www/js/TimelineCtrl.js
+++ b/www/js/TimelineCtrl.js
@@ -326,6 +326,28 @@ angular.module('zmApp.controllers').controller('zmApp.TimelineCtrl', ['$ionicPla
     
   });*/
 
+
+  $scope.$on('sizechanged', function() {
+   
+    $timeout (function () {
+      if (timeline_instance) {
+        options.maxHeight = $rootScope.devHeight-100;
+        timeline_instance.setOptions(options);
+        timeline_instance.redraw();
+       // console.log ('******* TIMELINE REDRAW');
+      }
+    },10);
+
+  });
+ 
+   
+
+
+  $scope.$on('$ionicView.beforeLeave', function () {
+   // window.removeEventListener("resize", redrawTimeline, false);
+
+  });
+
   $scope.$on('$ionicView.beforeEnter', function () {
     $ionicSideMenuDelegate.canDragContent(false);
     $scope.$on ( "process-push", function () {
@@ -356,7 +378,6 @@ angular.module('zmApp.controllers').controller('zmApp.TimelineCtrl', ['$ionicPla
     };
     $scope.newEvents = '';
 
-    
 
 
     if ($rootScope.platformOS == 'desktop') {
@@ -1109,7 +1130,9 @@ angular.module('zmApp.controllers').controller('zmApp.TimelineCtrl', ['$ionicPla
       showCurrentTime: true,
       editable: false,
      verticalScroll: true,
-     height: '100%',
+     //height: '100%',
+     //maxHeight:"80%",
+     maxHeight:$rootScope.devHeight-100,
      //zoomKey: 'ctrlKey',
 
      //groupHeightMode:'fixed',
diff --git a/www/js/app.js b/www/js/app.js
index d01006d0..690c60c6 100755
--- a/www/js/app.js
+++ b/www/js/app.js
@@ -1465,7 +1465,10 @@ angular.module('zmApp', [
         $rootScope.devWidth = ((window.innerWidth > 0) ? window.innerWidth : screen.width);
         $rootScope.devHeight = ((window.innerHeight > 0) ? window.innerHeight : screen.height);
 
-       // console.log("********NEW Computed Dev Width & Height as" + $rootScope.devWidth + "*" + $rootScope.devHeight);
+        //console.log("********NEW Computed Dev Width & Height as" + $rootScope.devWidth + "*" + $rootScope.devHeight);
+
+        $rootScope.$broadcast('sizechanged');
+
         },300);