Added collapsible boards

shadcn · Jun 17, 2015 · 1eba253 · 1eba253
1 parent 526ac21
commit 1eba253
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/gulpfile.js b/gulpfile.js
@@ -25,9 +25,21 @@ markedRenderer.heading = function(text, level) {
   var prefix = '<h' + level + '>';
   // Wrap in a div if h1
   if (level == 1) {
+    var cssClasses = ['board__card'];
+
+    // Add collapsible helpers.
+    if (text.match("\\[(\\-)\\]", "gi")) {
+      cssClasses.push('board__card--collapsible');
+      text = text.replace(/\[\-\]\s?/gi, "");
+    }
+
+    // Add a custom board name.
     var name = text.toLowerCase().replace(/[^\w]+/g, '-');
-    prefix = '<div class="board__card board__card--' + name + '">' + prefix;
+    cssClasses.push('board__card--' + name);
+
+    prefix = '<div class="' + cssClasses.join(" ") + '">' + prefix;
   }
+
   return prefix + text + '</h' + level + '>';
 }
 

diff --git a/src/assets/javascripts/script.js b/src/assets/javascripts/script.js
@@ -59,4 +59,10 @@
 
     $('[data-toggle="tooltip"]').tooltip();
   });
+
+  // Collapsible boards
+  $('.board__card--collapsible h1').click(function(e) {
+    e.preventDefault();
+    $(this).parent('.board__card--collapsible').toggleClass('open');
+  });
 })(jQuery)