Added a menu item and short key 'c' to toggle board view. View modes are compact (tries to stuff all columns in the window) and wide (scrollbar appears)

1 files changed, 37 insertions, 0 deletions

diff --git a/assets/js/src/board.js b/assets/js/src/board.js
index 75c44f2e..ff1054cd 100644
--- a/assets/js/src/board.js
+++ b/assets/js/src/board.js
@@ -23,6 +23,10 @@ Kanboard.Board = (function() {
         Mousetrap.bind("s", function() {
             stack_toggle();
         });
+        
+        Mousetrap.bind("c", function() {
+            compactview_toggle();
+        });
     }
 
     // Collapse/Expand tasks
@@ -351,6 +355,33 @@ Kanboard.Board = (function() {
     	filter_apply();
     }
 
+    // Toggle compact view. It will try to stuff all columns in the window
+    jQuery(document).on('click', ".compactview-toggle", function(e) {
+        e.preventDefault();
+        compactview_toggle();
+    });
+    
+    function compactview_toggle() {
+	var compactview = Kanboard.GetStorageItem("compactview");
+        if (compactview == '1') {
+            Kanboard.SetStorageItem("compactview",'0');
+        } else {
+	    Kanboard.SetStorageItem("compactview",'1');
+	}
+        compactview_reload ();
+    }
+    
+    function compactview_reload()
+    {
+	if (Kanboard.GetStorageItem("compactview") == '1') {
+	    $("#board-container").removeClass ("board-container-wide").addClass ("board-container-compact");
+	    $("#board th,#board td").removeClass ("board-column-wide").addClass ("board-column-compact");
+	} else {
+	    $("#board-container").removeClass ("board-container-compact").addClass ("board-container-wide");
+	    $("#board th,#board td").removeClass ("board-column-compact").addClass ("board-column-wide");
+	}
+    }
+    
     jQuery(document).ready(function() {
 
         if (Kanboard.Exists("board")) {
@@ -358,7 +389,13 @@ Kanboard.Board = (function() {
             filter_load_events();
             stack_load_events();
             keyboard_shortcuts();
+            compactview_reload();
         }
     });
+    
+    // Reload the compactview states (shown/hidden) after an ajax call
+    jQuery(document).ajaxComplete(function() {
+	compactview_reload();
+    });
 
 })();