iasd-bootstrap-sass 1.3.0 → 1.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: af2da9f36abb91fd2629f1f878aade42c410bc27
-  data.tar.gz: 840f9b8fa49aa1b63f6ddfba674587a689d498e4
+  metadata.gz: f1369afb7cbf104d2828c958641e12ae274a9a7d
+  data.tar.gz: 9b0c09508567e2423ac3a78da368ab2886fb63dd
 SHA512:
-  metadata.gz: c60aa55ef06877c1b1fe79a6e9db68843d761bb9e4cf56a90960ceff1aaa77032e2f7443bc27dc7907b8aa9ccea34d9baa8f2db4dd91127bee4e5e9dcabaa6ec
-  data.tar.gz: 9daba7c9e7179bc389eb6acb0dfdd2d301b9bcdccd95bb5f6b8c58d61087c4a0f014975ff0f7117bdfa43297d8ebcadb1aec7e5837b8351c1b6d7a854cbc5dae
+  metadata.gz: 705e0e4df83292cf1affb139cb304ed8237b028a962cb1d00a61413dc1396b64d347aed4f96b639c33f5fc76fc380298240ca5828c3b39d32623b2060b65881a
+  data.tar.gz: 1719b916c3eb9bd5693a18b583d6ef790fc4c03549f0556590ccecf13e40dc0826ca1bc5f5ca016c4fb8aed78e8e8ffc931a74c3bea3166236735a5196044635

data/lib/iasd-bootstrap-sass/version.rb

@@ -1,5 +1,5 @@
 module Bootstrap
   module IASD
-      VERSION = "1.3.0"
+      VERSION = "1.3.1"
   end
 end

data/templates/project/lib/classie.js

@@ -0,0 +1,80 @@
+/*!
+ * classie - class helper functions
+ * from bonzo https://github.com/ded/bonzo
+ * 
+ * classie.has( elem, 'my-class' ) -> true/false
+ * classie.add( elem, 'my-new-class' )
+ * classie.remove( elem, 'my-unwanted-class' )
+ * classie.toggle( elem, 'my-class' )
+ */
+
+/*jshint browser: true, strict: true, undef: true */
+/*global define: false */
+
+( function( window ) {
+
+'use strict';
+
+// class helper functions from bonzo https://github.com/ded/bonzo
+
+function classReg( className ) {
+  return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
+}
+
+// classList support for class management
+// altho to be fair, the api sucks because it won't accept multiple classes at once
+var hasClass, addClass, removeClass;
+
+if ( 'classList' in document.documentElement ) {
+  hasClass = function( elem, c ) {
+    return elem.classList.contains( c );
+  };
+  addClass = function( elem, c ) {
+    elem.classList.add( c );
+  };
+  removeClass = function( elem, c ) {
+    elem.classList.remove( c );
+  };
+}
+else {
+  hasClass = function( elem, c ) {
+    return classReg( c ).test( elem.className );
+  };
+  addClass = function( elem, c ) {
+    if ( !hasClass( elem, c ) ) {
+      elem.className = elem.className + ' ' + c;
+    }
+  };
+  removeClass = function( elem, c ) {
+    elem.className = elem.className.replace( classReg( c ), ' ' );
+  };
+}
+
+function toggleClass( elem, c ) {
+  var fn = hasClass( elem, c ) ? removeClass : addClass;
+  fn( elem, c );
+}
+
+var classie = {
+  // full names
+  hasClass: hasClass,
+  addClass: addClass,
+  removeClass: removeClass,
+  toggleClass: toggleClass,
+  // short names
+  has: hasClass,
+  add: addClass,
+  remove: removeClass,
+  toggle: toggleClass
+};
+
+// transport
+if ( typeof define === 'function' && define.amd ) {
+  // AMD
+  define( classie );
+} else {
+  // browser global
+  window.classie = classie;
+}
+
+})( window );

data/templates/project/lib/iasd-bootstrap.js

@@ -1,5 +1,5 @@
 /*!
- * IASD Bootstrap v1.3.0 (http://styleguide.adventistas.org)
+ * IASD Bootstrap v1.3.1 (http://styleguide.adventistas.org)
  * Copyright 2014-2015 Igreja Adventista do Sétimo Dia
  * Licensed under MIT (https://github.com/igrejaadventista/styleguide/blob/master/LICENSE)
  */

data/templates/project/lib/iasd-bootstrap.min.js

@@ -1,5 +1,5 @@
 /*!
- * IASD Bootstrap v1.3.0 (http://styleguide.adventistas.org)
+ * IASD Bootstrap v1.3.1 (http://styleguide.adventistas.org)
  * Copyright 2014-2015 Igreja Adventista do Sétimo Dia
  * Licensed under MIT (https://github.com/igrejaadventista/styleguide/blob/master/LICENSE)
  */

data/templates/project/lib/ltie9.js

@@ -1,5 +1,5 @@
 /*!
- * IASD Bootstrap v1.3.0 (http://styleguide.adventistas.org)
+ * IASD Bootstrap v1.3.1 (http://styleguide.adventistas.org)
  * Copyright 2014-2015 Igreja Adventista do Sétimo Dia
  * Licensed under MIT (https://github.com/igrejaadventista/styleguide/blob/master/LICENSE)
  */

data/templates/project/lib/selectFx.js

@@ -0,0 +1,355 @@
+/**
+ * selectFx.js v1.0.0
+ * http://www.codrops.com
+ *
+ * Licensed under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * Copyright 2014, Codrops
+ * http://www.codrops.com
+ */
+;( function( window ) {
+	
+	'use strict';
+	var first = false;
+	/**
+	 * based on from https://github.com/inuyaksa/jquery.nicescroll/blob/master/jquery.nicescroll.js
+	 */
+	function hasParent( e, p ) {
+		if (!e) return false;
+		var el = e.target||e.srcElement||e||false;
+		while (el && el != p) {
+			el = el.parentNode||false;
+		}
+		return (el!==false);
+	};
+	
+	/**
+	 * extend obj function
+	 */
+	function extend( a, b ) {
+		for( var key in b ) { 
+			if( b.hasOwnProperty( key ) ) {
+				a[key] = b[key];
+			}
+		}
+		return a;
+	}
+
+	/**
+	 * SelectFx function
+	 */
+	function SelectFx( el, options ) {	
+		this.el = el;
+		this.options = extend( {}, this.options );
+		extend( this.options, options );
+		this._init();
+	}
+
+	/**
+	 * SelectFx options
+	 */
+	SelectFx.prototype.options = {
+		// if true all the links will open in a new tab.
+		// if we want to be redirected when we click an option, we need to define a data-link attr on the option of the native select element
+		newTab : true,
+		// when opening the select element, the default placeholder (if any) is shown
+		stickyPlaceholder : true,
+		// callback when changing the value
+		onChange : function( val ) { return false; }
+	}
+
+	/**
+	 * init function
+	 * initialize and cache some vars
+	 */
+	SelectFx.prototype._init = function() {
+		// check if we are using a placeholder for the native select box
+		// we assume the placeholder is disabled and selected by default
+		var selectedOpt = this.el.querySelector( 'option[selected]' );
+		this.hasDefaultPlaceholder = selectedOpt && selectedOpt.disabled;
+
+		// get selected option (either the first option with attr selected or just the first option)
+		this.selectedOpt = selectedOpt || this.el.querySelector( 'option' );
+
+		// create structure
+		this._createSelectEl();
+
+		// all options
+		this.selOpts = [].slice.call( this.selEl.querySelectorAll( 'li[data-option]' ) );
+		
+		// total options
+		this.selOptsCount = this.selOpts.length;
+		
+		// current index
+		this.current = this.selEl.querySelector('select').selectedIndex; //this.selOpts.indexOf( this.selEl.querySelector( 'li.cs-selected' ) ) || 0;
+		
+		// placeholder elem
+		this.selPlaceholder = this.selEl.querySelector( 'span.cs-placeholder' );
+
+		// init events
+		this._initEvents();
+	}
+
+	/**
+	 * creates the structure for the select element
+	 */
+	SelectFx.prototype._createSelectEl = function() {
+		var self = this, options = '', createOptionHTML = function(el) {
+			var optclass = '', classes = '', link = '';
+
+			if( el.selectedOpt && !this.foundSelected && !this.hasDefaultPlaceholder ) {
+				classes += 'cs-selected ';
+				this.foundSelected = true;
+			}
+			// extra classes
+			if( el.getAttribute( 'data-class' ) ) {
+				classes += el.getAttribute( 'data-class' );
+			}
+			// link options
+			if( el.getAttribute( 'data-link' ) ) {
+				link = 'data-link=' + el.getAttribute( 'data-link' );
+			}
+
+			if( classes !== '' ) {
+				optclass = 'class="' + classes + '" ';
+			}
+
+			return '<li ' + optclass + link + ' data-option data-value="' + el.value + '"><span>' + el.textContent + '</span></li>';
+		};
+
+		[].slice.call( this.el.children ).forEach( function(el) {
+			if( el.disabled ) { return; }
+
+			var tag = el.tagName.toLowerCase();
+
+			if( tag === 'option' ) {
+				options += createOptionHTML(el);
+			}
+			else if( tag === 'optgroup' ) {
+				options += '<li class="cs-optgroup"><span>' + el.label + '</span><ul>';
+				[].slice.call( el.children ).forEach( function(opt) {
+					options += createOptionHTML(opt);
+				} );
+				options += '</ul></li>';
+			}
+		} );
+
+		var opts_el = '<div class="cs-options"><ul>' + options + '</ul></div>';
+		this.selEl = document.createElement( 'div' );
+		this.selEl.className = this.el.className;
+		this.selEl.tabIndex = this.el.tabIndex;
+		this.selEl.innerHTML = '<span class="cs-placeholder">' + this.selectedOpt.textContent + '</span>' + opts_el;
+		this.el.parentNode.appendChild( this.selEl );
+		this.selEl.appendChild( this.el );
+	}
+
+	/**
+	 * initialize the events
+	 */
+	SelectFx.prototype._initEvents = function() {
+		var self = this;
+
+		// open/close select
+		this.selPlaceholder.addEventListener( 'click', function() {
+			self._toggleSelect();
+		} );
+
+		// clicking the options
+		this.selOpts.forEach( function(opt, idx) {
+			opt.addEventListener( 'click', function() {
+				self.current = idx;
+				self._changeOption();
+				// close select elem
+				self._toggleSelect();
+			} );
+		} );
+
+		// close the select element if the target it´s not the select element or one of its descendants..
+		document.addEventListener( 'click', function(ev) {
+			var target = ev.target;
+			if( self._isOpen() && target !== self.selEl && !hasParent( target, self.selEl ) ) {
+				self._toggleSelect();
+			}
+		} );
+
+		// keyboard navigation events
+		this.selEl.addEventListener( 'keydown', function( ev ) {
+			var keyCode = ev.keyCode || ev.which;
+
+			switch (keyCode) {
+				// up key
+				case 38:
+					ev.preventDefault();
+					self._navigateOpts('prev');
+					break;
+				// down key
+				case 40:
+					ev.preventDefault();
+					self._navigateOpts('next');
+					break;
+				// space key
+				case 32:
+					ev.preventDefault();
+					if( self._isOpen() && typeof self.preSelCurrent != 'undefined' && self.preSelCurrent !== -1 ) {
+						self._changeOption();
+					}
+					self._toggleSelect();
+					break;
+				// enter key
+				case 13:
+					ev.preventDefault();
+					if( self._isOpen() && typeof self.preSelCurrent != 'undefined' && self.preSelCurrent !== -1 ) {
+						self._changeOption();
+						self._toggleSelect();
+					}
+					break;
+				// esc key
+				case 27:
+					ev.preventDefault();
+					if( self._isOpen() ) {
+						self._toggleSelect();
+					}
+					break;
+			}
+		} );
+	}
+
+	/**
+	 * navigate with up/dpwn keys
+	 */
+	SelectFx.prototype._navigateOpts = function(dir) {
+		if( !this._isOpen() ) {
+			this._toggleSelect();
+		}
+
+		var tmpcurrent = typeof this.preSelCurrent != 'undefined' && this.preSelCurrent !== -1 ? this.preSelCurrent : this.current;
+		
+		if( dir === 'prev' && tmpcurrent > 0 || dir === 'next' && tmpcurrent < this.selOptsCount - 1 ) {
+			// save pre selected current - if we click on option, or press enter, or press space this is going to be the index of the current option
+			this.preSelCurrent = dir === 'next' ? tmpcurrent + 1 : tmpcurrent - 1;
+			// remove focus class if any..
+			this._removeFocus();
+			// add class focus - track which option we are navigating
+			classie.add( this.selOpts[this.preSelCurrent], 'cs-focus' );
+		}
+	}
+
+	/**
+	 * open/close select
+	 * when opened show the default placeholder if any
+	 */
+	SelectFx.prototype._toggleSelect = function() {
+		// remove focus class if any..
+		this._removeFocus();
+		
+		if( this._isOpen() ) {
+			if( this.current !== -1 ) {
+				// update placeholder text
+				this.selPlaceholder.textContent = this.selOpts[ this.current ].textContent;
+			}
+			classie.remove( this.selEl, 'cs-active' );
+			document.getElementById('btn_veja_mais').style.zIndex='999';
+
+		} else {
+			
+			if( this.hasDefaultPlaceholder && this.options.stickyPlaceholder ) {
+				// everytime we open we wanna see the default placeholder text
+				this.selPlaceholder.textContent = this.selectedOpt.textContent;
+			}
+			classie.add( this.selEl, 'cs-active' );
+			document.getElementById('btn_veja_mais').style.zIndex='10';
+		}
+	}
+
+	/**
+	 * change option - the new value is set
+	 */
+	SelectFx.prototype._changeOption = function() {
+		// if pre selected current (if we navigate with the keyboard)...
+		if( typeof this.preSelCurrent != 'undefined' && this.preSelCurrent !== -1 ) {
+			this.current = this.preSelCurrent;
+			this.preSelCurrent = -1;
+		}
+
+		// current option
+		var opt = this.selOpts[ this.current ];
+
+		// update current selected value
+		this.selPlaceholder.textContent = opt.textContent;
+		
+		// change native select element´s value
+		this.el.value = opt.getAttribute( 'data-value' );
+
+		// remove class cs-selected from old selected option and add it to current selected option
+		var oldOpt = this.selEl.querySelector( 'li.cs-selected' );
+		if( oldOpt ) {
+			classie.remove( oldOpt, 'cs-selected' );
+		}
+		classie.add( opt, 'cs-selected' );
+
+		// if there´s a link defined
+		if( opt.getAttribute( 'data-link' ) && first ) {
+			// open in new tab?
+			// if( this.options.newTab ) {
+			// 	window.open( opt.getAttribute( 'data-link' ), '_blank' );
+			// }
+			// else {
+			// 	window.location = opt.getAttribute( 'data-link' );
+			// }	
+			changeSource( opt.getAttribute( 'data-link' ));
+
+		}
+
+		first = true;
+
+		// callback
+		this.options.onChange( this.el.value );
+	}
+
+	/**
+	 * returns true if select element is opened
+	 */
+	SelectFx.prototype._isOpen = function(opt) {
+		return classie.has( this.selEl, 'cs-active' );
+	}
+
+	/**
+	 * removes the focus class from the option
+	 */
+	SelectFx.prototype._removeFocus = function(opt) {
+		var focusEl = this.selEl.querySelector( 'li.cs-focus' )
+		if( focusEl ) {
+			classie.remove( focusEl, 'cs-focus' );
+		}
+	}
+
+	/**
+	 * add to global namespace
+	 */
+	window.SelectFx = SelectFx;
+
+
+	function changeSource(source) {
+
+		if (window.location.href.indexOf("radio") !=-1) {
+			window.location.href = replaceUrlParam(window.location.href, 'radio', source);	
+
+		} else {
+			window.location.href = replaceUrlParam(window.location.href, 'tv', source);	
+
+		}
+	}
+
+		function replaceUrlParam(url, paramName, paramValue){
+		    var pattern = new RegExp('('+paramName+'=).*?(&|$)')
+		    var newUrl=url
+		    if(url.search(pattern)>=0){
+		        newUrl = url.replace(pattern,'$1' + paramValue + '$2');
+		    }
+		    else{
+		        newUrl = newUrl + (newUrl.indexOf('?')>0 ? '&' : '?') + paramName + '=' + paramValue;
+		    }
+		    return newUrl;
+		}
+} )( window );

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: iasd-bootstrap-sass
 version: !ruby/object:Gem::Version
-  version: 1.3.0
+  version: 1.3.1
 platform: ruby
 authors:
 - Filipi Zimermann
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-02-09 00:00:00.000000000 Z
+date: 2015-02-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
@@ -281,6 +281,7 @@ files:
 - templates/project/img/widgets/slider_full.png
 - templates/project/img/widgets/title_novo_tempo.png
 - templates/project/lib/bootstrap.min.js
+- templates/project/lib/classie.js
 - templates/project/lib/html5shiv.js
 - templates/project/lib/iasd-bootstrap.js
 - templates/project/lib/iasd-bootstrap.min.js
@@ -298,6 +299,7 @@ files:
 - templates/project/lib/modernizr.js
 - templates/project/lib/owl.carousel.js
 - templates/project/lib/respond.min.js
+- templates/project/lib/selectFx.js
 - templates/project/manifest.rb
 - templates/project/print.scss
 homepage: http://nextt.com.br/