Porting over all Blueprint styles to new Baseline repo

1 files changed, 75 insertions, 0 deletions

diff --git a/js/global.js b/js/global.js
new file mode 100644
index 000000000..a934a3360
--- /dev/null
+++ b/js/global.js
@@ -0,0 +1,75 @@
+$(document).ready(function(){
+  // Get Heights
+  windowHeight = $(window).height();
+  documentHeight = $(document).height();
+  sidebarHeight = windowHeight - 40;
+  containerHeight = windowHeight - 40;
+  
+  // Get Widths
+  windowWidth = $(window).width();
+  containerWidth = windowWidth - 200;
+  
+  if (windowHeight < containerHeight) {
+  
+    // Set Dimensions for default state (before resize)
+    $('div#sidebar').css({
+      height: sidebarHeight
+    });
+    $('div#container').css({
+      width: containerWidth,
+      height: containerHeight
+    });
+    
+  } else {
+  
+    // During resize, set widths
+    $(window).resize(function() {
+      console.log('Window Height: ' + $(window).height() + ', Sidebar Height:' + ($(window).height() - 40));
+  
+  	  // Get Heights
+  	  windowHeight = $(window).height();
+  	  sidebarHeight = windowHeight - 40;
+  	  containerHeight = windowHeight - 40;
+  	  
+      // Get Widths
+  	  windowWidth = $(window).width();
+  	  containerWidth = windowWidth - 200;
+  
+  	  // Set Dimensions for default state (before resize)
+  	  $('div#sidebar').css({
+  	    height: sidebarHeight
+  	  });
+  	  $('div#container').css({
+  	    width: containerWidth,
+  	    height: containerHeight
+  	  });
+    });
+    // console.log('omgz window is less than container so... fuck.');
+    $('div#sidebar').css({
+      height: documentHeight - 40
+    });
+    
+  }
+  
+  
+  
+/*
+  // Toggle Calendars
+  $('div#sidebar ul li a').click(function() {
+    if ($(this).is('#toggleMonthView')) {
+      console.log('toggle month');
+      $(this).addClass('active');
+      $('#toggleListView').removeClass('active');
+      $('table#monthView').show();
+      $('table#listView').hide();
+    } else {
+      console.log('toggle list');
+      $(this).addClass('active');
+      $('#toggleMonthView').removeClass('active');
+      $('table#listView').show();
+      $('table#monthView').hide();
+    }
+    return false;
+  });    
+*/
+});