jekyll-theme-glueckkanja 0.8.3 → 0.8.5

data/assets/js/components/hs.smart-menu.js

@@ -0,0 +1,233 @@
+/**
+ * SmartMenu component.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ *
+ */
+;(function($){
+	'use strict';
+
+	$.HSCore.components.HSSmartMenu = {
+
+		/**
+		 * Base configuration of the component.
+		 *
+		 * @var Object _baseConfig
+		 */
+		_baseConfig : {
+			fixMoment: 300,
+			togglerSelector: '.u-smart-nav__toggler',
+			navbarSelector: '.navbar',
+			menuToggleClass: 'u-smart-nav--opened',
+			menuVisibleClass: 'u-smart-nav--shown',
+			afterOpen: function(){},
+			afterClose: function(){}
+		},
+
+		/**
+		 * Collection of initialized items.
+		 *
+		 * @var jQuery _pageCollection
+		 */
+		_pageCollection : $(),
+
+		/**
+		 * Initialization of Counter wrapper.
+		 *
+		 * @param jQuery collection
+		 * @param Object config
+		 *
+		 * @return jQuery
+		 */
+		init: function(collection, config){
+
+			if(!collection || !collection.length) return $();
+
+			var self = this;
+
+			config = config && $.isPlainObject(config) ? $.extend(true, {}, this._baseConfig, config) : this._baseConfig;
+
+			if(!this.eventInitalized) {
+
+				// init event
+
+				$(window).on('scroll.HSSmartMenu', function(){
+
+					if($(document).height() > $(window).height()) {
+
+						var $w = $(this);
+
+						self._pageCollection.each(function(i,el){
+
+							var $this = $(el),
+									SmartMenu = $this.data('HSSmartMenu');
+
+							if( !SmartMenu ) return;
+							
+							if( $w.scrollTop() >= SmartMenu.getFixMoment() && SmartMenu.isDefaultState() ) {
+								SmartMenu.show();
+							}
+							else if( $w.scrollTop() < SmartMenu.getFixMoment() && !SmartMenu.isDefaultState() ) {
+								SmartMenu.hide();
+							}
+
+						});
+
+					}
+
+				});		
+
+				this.eventInitalized = true;
+			}
+
+			collection.each(function(i,el){
+
+				var $this = $(el);
+
+				if( $this.data('HSSmartMenu') ) return;
+
+				$this.data('HSSmartMenu', new HSSmartMenu($this, $.extend(config, $this.data())));
+
+				self._pageCollection = self._pageCollection.add($this);
+
+			});
+
+			$(window).trigger('scroll.HSSmartMenu');
+
+			if($(document).height() <= $(window).height()) {
+				self._pageCollection.each(function(i,el){
+
+					var $this = $(el),
+							SmartMenu = $this.data('HSSmartMenu');
+
+					if( !SmartMenu ) return;
+
+					if(SmartMenu.isDefaultState()) SmartMenu.show();
+
+				});
+			}
+
+			$(document).on('keyup.HSSmartMenu', function(e){
+
+				if(e.keyCode != 27) return false;
+
+					self._pageCollection.each(function(i,el){
+						var $this = $(el),
+								SmartMenu = $this.data('HSSmartMenu');
+
+
+						if( SmartMenu.toggler.length && SmartMenu.toggler.find('.is-active').length ) {
+							SmartMenu.toggler.find('.is-active').removeClass('is-active');
+						}
+						SmartMenu.hideMenu();
+					});
+			});
+
+			return collection;
+
+		}
+
+	};
+
+	/**
+	 * HSSmartMenu Constructor.
+	 * 
+	 * @param jQuery element
+	 * @param Object config
+	 */
+	function HSSmartMenu(element, config) {
+
+		if(!element || !element.length || !config || !$.isPlainObject(config)) return;
+
+		var self = this;
+
+		this.element = element;
+		this.config = config;
+		this.defaultState = true;
+
+		this.toggler = this.element.find(this.config.togglerSelector);
+
+		if(this.toggler.length) {
+			this.toggler.on('click.HSSmartMenu', function(e){
+
+				if(!self.element.hasClass(self.config.menuToggleClass)) {
+					self.openMenu();
+				}
+				else {
+					self.hideMenu();
+				}
+				e.preventDefault();
+
+			});
+		}
+	}
+
+	/**
+	 * Shows navigation.
+	 * 
+	 * @public
+	 */
+	HSSmartMenu.prototype.openMenu = function( ) {
+
+		var toggler = this.toggler ? this.toggler.find('.is-active') : $();
+
+		this.element.addClass(this.config.menuToggleClass);
+		if(this.toggler && toggler.length && !toggler.hasClass('is-active')) toggler.addClass('is-active');
+
+	};
+
+	/**
+	 * Hides navigation.
+	 * 
+	 * @public
+	 */
+	HSSmartMenu.prototype.hideMenu = function() {
+		this.element.removeClass(this.config.menuToggleClass);
+	};
+
+	/**
+	 * Initialization of HSSmartMenu instance.
+	 *
+	 * @return Object
+	 */
+	HSSmartMenu.prototype.show = function() {
+
+		this.element.addClass(this.config.menuVisibleClass);
+
+		this.defaultState = false;
+		return this;
+	}
+
+	/**
+	 * Destroy of HSSmartMenu instance.
+	 *
+	 * @return Object
+	 */
+	HSSmartMenu.prototype.hide = function() {
+
+		this.element.removeClass(this.config.menuVisibleClass);
+
+		this.defaultState = true;
+		return this;
+	}
+
+	/**
+	 * Returns true if instance is in default state.
+	 * 
+	 * @return Boolean
+	 */
+	HSSmartMenu.prototype.isDefaultState = function() {
+		return this.defaultState;
+	}
+
+	/**
+	 * Returns fixe moment.
+	 * 
+	 * @return Number
+	 */
+	HSSmartMenu.prototype.getFixMoment = function() {
+		return this.config.fixMoment;
+	}
+
+})(jQuery);

data/assets/js/components/hs.step-form-old.js

@@ -0,0 +1,94 @@
+/**
+ * Step form wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSStepForm = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {},
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Step form wrapper.
+     *
+     * @param String selector (optional)
+     * @param Object config (optional)
+     *
+     * @return jQuery pageCollection - collection of initialized items.
+     */
+
+    init: function (selector, config) {
+
+      this.collection = selector && $(selector).length ? $(selector) : $();
+      if (!$(selector).length) return;
+
+      this.config = config && $.isPlainObject(config) ?
+        $.extend({}, this._baseConfig, config) : this._baseConfig;
+
+      this.config.itemSelector = selector;
+
+      this.initStepForm();
+
+      return this.pageCollection;
+
+    },
+
+    initStepForm: function () {
+      //Variables
+      var $self = this,
+        collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el);
+
+        var setProgress = function (currstep) {
+            var percent;
+
+            percent = parseFloat(100 / widget.length) * currstep;
+            percent = percent.toFixed();
+            $this.val(percent);
+          },
+          current = 1,
+          widget = $('.js-step'),
+          btnNext = $('.js-step-next');
+
+        // Init buttons and UI
+        widget.not(':eq(0)').hide();
+        setProgress(current);
+
+        // Next button click action
+        btnNext.click(function (e) {
+          e.preventDefault();
+
+          if (current < widget.length) {
+            widget.show();
+            widget.not(':eq(' + (current++) + ')').hide();
+            setProgress(current);
+          }
+        });
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+
+  };
+
+})(jQuery);

data/assets/js/components/hs.step-form.js

@@ -0,0 +1,93 @@
+/**
+ * Step form wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSStepForm = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {},
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Step form wrapper.
+     *
+     * @param String selector (optional)
+     * @param Object config (optional)
+     *
+     * @return jQuery pageCollection - collection of initialized items.
+     */
+
+    init: function (selector, config) {
+
+      this.collection = selector && $(selector).length ? $(selector) : $();
+      if (!$(selector).length) return;
+
+      this.config = config && $.isPlainObject(config) ?
+        $.extend({}, this._baseConfig, config) : this._baseConfig;
+
+      this.config.itemSelector = selector;
+
+      this.initStepForm();
+
+      return this.pageCollection;
+
+    },
+
+    initStepForm: function () {
+      //Variables
+      var $self = this,
+        collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el),
+          progressID = $this.data('progress-id'),
+          $progressItems = $(progressID).find('> *'),
+          stepsID = $this.data('steps-id'),
+          $stepsItems = $(stepsID).find('> *'),
+          $stepsActiveItem = $(stepsID).find('> .active');
+
+        $stepsItems.not('.active').hide();
+        $progressItems.eq($stepsActiveItem.index()).addClass('active');
+
+        $('[data-next-step]').on('click', function (e) {
+          if ((!$(el).valid())) {
+            return false;
+          }
+
+          e.preventDefault();
+          var $this = $(this),
+            nextID = $this.data('next-step');
+
+          $progressItems.removeClass('active');
+          $progressItems.eq($(nextID).index() - 1).addClass('g-checked');
+          $progressItems.eq($(nextID).index()).addClass('active');
+
+          $stepsItems.hide().removeClass('active');
+          $(nextID).fadeIn(400).addClass('active');
+        });
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+
+  };
+
+})(jQuery);