cd2_tabs 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 116a6ed00e6e13930e3532aa63d4f5b1bb7b490c
-  data.tar.gz: fb460e005cab7f54cdf9cbb63999884238841124
+  metadata.gz: 1df111b6813a8d39b86a6fae2e92100a24e36225
+  data.tar.gz: 1896654a027fa86d7d9d46c62db0312ea8c5dfdb
 SHA512:
-  metadata.gz: 01d419ba771ed2c40c99178d8dddb7624f2c75aadd0ab4e137f2ebba844e8275366a43e7cbcdd1ea3a108104d1993520190d61fcd1759a5bec1947f38ee3ca26
-  data.tar.gz: 044e1dcbbe94badfcbd9796fc28bca5e0cd2211fb9f1c272c73f88f8341dcf2e29817d4b487e1b7173fcb2fd1321dd158611d5124fca7058cba498d1f35049e8
+  metadata.gz: 375bf93f023377e235370f38badb651d28c0c2f2684d7d9407093c3acf2e44cbb0f09a5e156c1d51f253e8f99270011dcb5f4896ea058adf9dddfa60f640194a
+  data.tar.gz: 885f75e6cf0ad9b463b4a034ab57d050f3a71d0e99e881ee35f00b04ceb68d30229ace4ae66250601d78804551e069d650158b680a3c711e25c2d8522f2f8dd0

data/README.md

@@ -1,9 +1,27 @@
 # Cd2Tabs
-Short description and motivation.
+Allows you to easily create tabs.
 
 ## Usage
-How to use my plugin.
 
+```
+<%= tabs do %>
+  <%= tab :name, 'Display Name', class: 'class_name' do %>
+    <h1>text</h1>
+  <% end %>
+<% end %>
+```
+
+```
+= tabs do
+  = tab :name, 'Display Name', class: 'class_name' do
+    %span text
+```
+
+Add
+```
+//= require cd2_tabs_cookies
+```
+to application.js enable remembering last clicked tab
 ## Installation
 Add this line to your application's Gemfile:
 

data/app/assets/javascripts/cd2_tabs_cookies.js

@@ -0,0 +1,25 @@
+//= require jscookie
+
+$(function (){
+  var cookieName = "tab_" + window.location.pathname;
+  var cookieTab = Cookies.get(cookieName);
+
+  if ( typeof cookieTab !== 'undefined' && cookieTab.length > 0 ) {
+
+    // Switching tabs on ajax load & switch tab on page load
+    $( document ).ajaxComplete(function( event, request, settings ) {
+      $(".tabs_container input[value='"+cookieTab+"']").prop( "checked", true );
+    });
+
+    $(".tabs_container input[value='"+cookieTab+"']").prop( "checked", true );
+
+  }
+
+  // Delegated event listener for tab heads for when ajax loading
+  $("body").on("click", ".tab_heads_container label", function(){
+
+    Cookies.set(cookieName, $(this).attr('class'), { expires: 0.01 });
+
+  })
+
+})

data/app/assets/javascripts/jscookie.js

@@ -0,0 +1,165 @@
+/*!
+ * JavaScript Cookie v2.1.3
+ * https://github.com/js-cookie/js-cookie
+ *
+ * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
+ * Released under the MIT license
+ */
+;(function (factory) {
+	var registeredInModuleLoader = false;
+	if (typeof define === 'function' && define.amd) {
+		define(factory);
+		registeredInModuleLoader = true;
+	}
+	if (typeof exports === 'object') {
+		module.exports = factory();
+		registeredInModuleLoader = true;
+	}
+	if (!registeredInModuleLoader) {
+		var OldCookies = window.Cookies;
+		var api = window.Cookies = factory();
+		api.noConflict = function () {
+			window.Cookies = OldCookies;
+			return api;
+		};
+	}
+}(function () {
+	function extend () {
+		var i = 0;
+		var result = {};
+		for (; i < arguments.length; i++) {
+			var attributes = arguments[ i ];
+			for (var key in attributes) {
+				result[key] = attributes[key];
+			}
+		}
+		return result;
+	}
+
+	function init (converter) {
+		function api (key, value, attributes) {
+			var result;
+			if (typeof document === 'undefined') {
+				return;
+			}
+
+			// Write
+
+			if (arguments.length > 1) {
+				attributes = extend({
+					path: '/'
+				}, api.defaults, attributes);
+
+				if (typeof attributes.expires === 'number') {
+					var expires = new Date();
+					expires.setMilliseconds(expires.getMilliseconds() + attributes.expires * 864e+5);
+					attributes.expires = expires;
+				}
+
+				// We're using "expires" because "max-age" is not supported by IE
+				attributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';
+
+				try {
+					result = JSON.stringify(value);
+					if (/^[\{\[]/.test(result)) {
+						value = result;
+					}
+				} catch (e) {}
+
+				if (!converter.write) {
+					value = encodeURIComponent(String(value))
+						.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
+				} else {
+					value = converter.write(value, key);
+				}
+
+				key = encodeURIComponent(String(key));
+				key = key.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent);
+				key = key.replace(/[\(\)]/g, escape);
+
+				var stringifiedAttributes = '';
+
+				for (var attributeName in attributes) {
+					if (!attributes[attributeName]) {
+						continue;
+					}
+					stringifiedAttributes += '; ' + attributeName;
+					if (attributes[attributeName] === true) {
+						continue;
+					}
+					stringifiedAttributes += '=' + attributes[attributeName];
+				}
+				return (document.cookie = key + '=' + value + stringifiedAttributes);
+			}
+
+			// Read
+
+			if (!key) {
+				result = {};
+			}
+
+			// To prevent the for loop in the first place assign an empty array
+			// in case there are no cookies at all. Also prevents odd result when
+			// calling "get()"
+			var cookies = document.cookie ? document.cookie.split('; ') : [];
+			var rdecode = /(%[0-9A-Z]{2})+/g;
+			var i = 0;
+
+			for (; i < cookies.length; i++) {
+				var parts = cookies[i].split('=');
+				var cookie = parts.slice(1).join('=');
+
+				if (cookie.charAt(0) === '"') {
+					cookie = cookie.slice(1, -1);
+				}
+
+				try {
+					var name = parts[0].replace(rdecode, decodeURIComponent);
+					cookie = converter.read ?
+						converter.read(cookie, name) : converter(cookie, name) ||
+						cookie.replace(rdecode, decodeURIComponent);
+
+					if (this.json) {
+						try {
+							cookie = JSON.parse(cookie);
+						} catch (e) {}
+					}
+
+					if (key === name) {
+						result = cookie;
+						break;
+					}
+
+					if (!key) {
+						result[name] = cookie;
+					}
+				} catch (e) {}
+			}
+
+			return result;
+		}
+
+		api.set = api;
+		api.get = function (key) {
+			return api.call(api, key);
+		};
+		api.getJSON = function () {
+			return api.apply({
+				json: true
+			}, [].slice.call(arguments));
+		};
+		api.defaults = {};
+
+		api.remove = function (key, attributes) {
+			api(key, '', extend(attributes, {
+				expires: -1
+			}));
+		};
+
+		api.withConverter = init;
+
+		return api;
+	}
+
+	return init(function () {});
+}));

data/lib/cd2_tabs/version.rb

@@ -1,3 +1,3 @@
 module Cd2Tabs
-  VERSION = '0.1.0'
+  VERSION = '0.2.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cd2_tabs
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - CD2
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-11-05 00:00:00.000000000 Z
+date: 2017-02-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -44,6 +44,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: jquery-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -68,6 +82,8 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- app/assets/javascripts/cd2_tabs_cookies.js
+- app/assets/javascripts/jscookie.js
 - app/assets/stylesheets/tabs.sass
 - lib/cd2_tabs.rb
 - lib/cd2_tabs/engine.rb
@@ -94,7 +110,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.1
+rubygems_version: 2.6.6
 signing_key: 
 specification_version: 4
 summary: Generates tabs using css