livingstyleguide 0.2.0 → 0.3.0

data/assets/javascripts/livingstyleguide.js

@@ -0,0 +1,75 @@
+;(function(win) {
+
+  getCookie = function(name) {
+    var regexp = new RegExp('(?:^|;)\\s*' + name + '\\s*=(.+?)(?:;|$)'),
+        match  = document.cookie.match(regexp);
+    if (match) {
+      return escape(match[1]);
+    }
+  }
+
+  setCookie = function(name, value, expireDays) {
+    var cookie = name + '=' + escape(value);
+    if (expireDays) {
+      var expireDate = new Date();
+      expireDate.setDate(expireDate.getDate() + expireDays);
+      cookie += '; expires=' + expireDate.toUTCString();
+    }
+    document.cookie = cookie;
+  }
+
+  getClasses = function(el) {
+    return el.className.split(/\s+/g);
+  };
+
+  addClass = function(el, name) {
+    var classList = getClasses(el);
+    if (classList.indexOf(name) == -1) {
+      classList.push(name);
+      el.className = classList.join(' ');
+    }
+  };
+
+  removeClass = function(el, name) {
+    var classList = getClasses(el);
+    classList[classList.indexOf(name)] = null;
+    el.className = classList.join(' ');
+  };
+
+  toggleClass = function(el, name) {
+    var classList = getClasses(el);
+    if (classList.indexOf(name) == -1) {
+      addClass(el, name);
+      return true;
+    }
+    else {
+      removeClass(el, name);
+      return false;
+    }
+  };
+
+  var html = document.getElementsByTagName('HTML')[0];
+
+  // Hide/show code
+
+  var codeOpenedClass = 'show-code';
+
+  if (getCookie(codeOpenedClass) != 'false') {
+    addClass(html, codeOpenedClass);
+  }
+
+  function toggleCode(event) {
+    event.preventDefault();
+    showCode = toggleClass(html, codeOpenedClass);
+    setCookie(codeOpenedClass, showCode, 365);
+  }
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var switches = document.getElementsByClassName('livingstyleguide--code-switch');
+    for (var i = 0; i < switches.length; i++) {
+      switches[i].addEventListener('click', toggleCode);
+    }
+  });
+
+})(window);
+

data/lib/livingstyleguide/version.rb

@@ -1,3 +1,3 @@
 module LivingStyleGuide
-  VERSION = "0.2.0"
+  VERSION = "0.3.0"
 end

data/stylesheets/livingstyleguide/_code.scss

@@ -45,10 +45,13 @@
 }
 
 .livingstyleguide--code-block {
-  display: block;
+  display: none;
   line-height: $livingstyleguide--code-line-height;
   padding: 3px 6px;
   width: $livingstyleguide--width - 2 * 6px;
+  .show-code & {
+    display: block;
+  }
 }
 
 .livingstyleguide--example + .livingstyleguide--code-block {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: livingstyleguide
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-02-11 00:00:00.000000000 Z
+date: 2013-02-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: minisyntax
@@ -119,6 +119,7 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- assets/javascripts/livingstyleguide.js
 - lib/livingstyleguide.rb
 - lib/livingstyleguide/markdown_extensions.rb
 - lib/livingstyleguide/sass_extensions.rb
@@ -162,7 +163,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 2497067780070501476
+      hash: 3032285374060806348
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -171,7 +172,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 2497067780070501476
+      hash: 3032285374060806348
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.23