commit e9808da76b6e10eb0ecba55d7631f6d138146122
author daserge <v-seshak@microsoft.com> Sat Oct 17 16:34:21 2015 +0300
committer daserge <v-seshak@microsoft.com> Sat Oct 17 16:36:34 2015 +0300
tree 8fd78bce37d47a623e4d677e07f80da6a668cb3c
parent 356aea5ea17d00e7fd67c069763d80faeec869b2

CB-8973: Changed the functionality of making the log appear and disappear

Fixes a typo classList.add -> classList.remove
Adds JS logic to adjust content/log height and margins on log show/hide and window resize for Windows platform

www/main.js

diff --git a/www/main.js b/www/main.js
index 04d5045..f2a11cf 100644
--- a/www/main.js
+++ b/www/main.js
@@ -21,6 +21,11 @@
 
 'use strict';
 
+var LOG_HEADER_HEIGHT = 20,
+    CONTENT_TOP_OFFSET = 30;
+
+var isWin = cordova.platformId === "windows";
+
 /******************************************************************************/
 
 function getMode(callback) {
@@ -69,13 +74,34 @@
 /******************************************************************************/
 
 function setLogVisibility(visible) {
-  if (visible) {
-    document.querySelector('body').classList.add('expanded-log');
-  } else {
-    document.querySelector('body').classList.add('expanded-log');
-  }
+    if (visible) {
+        document.querySelector('body').classList.add('expanded-log');
+
+        var h = document.querySelector('body').offsetHeight;
+
+        if (isWin) {
+            document.getElementById('middle').style.height = (h * 0.6 - LOG_HEADER_HEIGHT - CONTENT_TOP_OFFSET) + "px";
+            document.getElementById('middle').style.marginBottom = (h * 0.4) + "px";
+            document.getElementById('middle').style.paddingBottom = (h * 0.4) + "px";
+        }
+    } else {
+        document.querySelector('body').classList.remove('expanded-log');
+
+        if (isWin) {
+            document.getElementById('middle').style.height = "";
+            document.getElementById('middle').style.marginBottom = "";
+            document.getElementById('middle').style.paddingBottom = "";
+        }
+    }
 }
 
+window.onresize = function (event) {
+    // Update content and log heights
+    if (isWin) {
+        setLogVisibility(getLogVisibility());
+    }
+};
+
 function getLogVisibility() {
   var e = document.querySelector('body');
   return e.classList.contains('expanded-log');
@@ -385,7 +411,7 @@
       });
   }
 
-  if (cordova.platformId === "windows" && typeof WinJS !== 'undefined') {
+  if (isWin && typeof WinJS !== 'undefined') {
     var app = WinJS.Application;
     app.addEventListener("error", function (err) {
         // We do not want an unhandled exception to crash the test app