jekyll-theme-glueckkanja 0.8.3 → 0.8.5

data/assets/js/components/hs.chart-pie.js

@@ -0,0 +1,220 @@
+/**
+ * Chart Pies wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires appear.js (v1.0.3), circles.js (v0.0.6)
+ *
+ */
+;
+(function($) {
+  'use strict';
+
+  $.HSCore.components.HSChartPie = {
+
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {
+      bounds: -100,
+      debounce: 10,
+      rtl: false,
+      wrpClass: 'circles-wrp',
+      textClass: 'circles-text',
+      valueStrokeClass: 'circles-valueStroke',
+      maxValueStrokeClass: 'circles-maxValueStroke',
+      styleWrapper: true,
+      styleText: true
+    },
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     *
+     *
+     * @var
+     */
+    appearCollectionIds: [],
+
+    /**
+     * Initialization of ChartPie 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.initCircles();
+
+      return this.pageCollection;
+
+    },
+
+    /**
+     * Initialization of each Circle of the page.
+     *
+     * @return undefined
+     */
+    initCircles: function() {
+
+      var lastItem = this.pageCollection.last(),
+        lastId = 0,
+        self = this;
+
+
+      if (lastItem.length) {
+        lastId = +lastItem.attr('id').substring(lastItem.attr('id').lastIndexOf('-') + 1);
+      }
+
+      this.collection.each(function(i, el) {
+
+        var $this = $(el),
+          id = 'hs-pie-' + (lastId + (i + 1)),
+          value = 0;
+
+        $this.attr('id', id);
+
+        if (!$this.data('circles-scroll-animate')) {
+          value = $this.data('circles-value') || 0;
+        } else {
+          $this.data('reminded-value', $this.data('circles-value') || 0);
+          self.appearCollectionIds.push('#' + id);
+        }
+
+        var circle = Circles.create({
+          id: id,
+          radius: $this.data('circles-radius') || 80,
+          value: value,
+          maxValue: $this.data('circles-max-value') || 100,
+          width: $this.data('circles-stroke-width') || 10,
+          text: function(value) {
+            return value + ($this.data('circles-additional-text') || ''); },
+          colors: [$this.data('circles-bg-color') || '#72c02c', $this.data('circles-fg-color') || '#eeeeee'],
+          duration: $this.data('circles-duration') || 1000,
+          wrpClass: self.config['wrpClass'],
+          textClass: self.config['textClass'],
+          valueStrokeClass: self.config['valueStrokeClass'],
+          maxValueStrokeClass: self.config['maxValueStrokeClass'],
+          styleWrapper: self.config['styleWrapper'],
+          styleText: self.config['styleText']
+        });
+
+        $this.data('circle', circle);
+
+        $this.find('.' + self.config['textClass']).css({
+          'font-size': $this.data('circles-font-size'),
+          'font-weight': $this.data('circles-font-weight'),
+          'color': $this.data('circles-color')
+        });
+
+
+        if (self.config['rtl']) {
+          $this.find('svg').css('transform', 'matrix(-1, 0, 0, 1, 0, 0)');
+        }
+
+        self.pageCollection = self.pageCollection.add($this);
+
+      });
+
+      if (self.appearCollectionIds.length) self._initAppear();
+
+    },
+
+    /**
+     * Updates value of the chart pie when an item has appeared in the visible region.
+     *
+     * @return undefined
+     */
+    _initAppear: function() {
+
+      var self = this;
+
+      appear({
+        bounds: self.config['bounds'],
+        debounce: self.config['debounce'],
+        elements: function() {
+          return document.querySelectorAll(self.appearCollectionIds.join(','));
+        },
+        appear: function(element) {
+
+          element = $(element);
+
+          element.data('circle').update(element.data('reminded-value'));
+
+        }
+      });
+
+    },
+
+    /**
+     * Returns item by index or entire collection in case when index has not been passed.
+     *
+     * @param Number index
+     *
+     * @return jQuery
+     */
+    get: function(index) {
+      if (index && $.isNumeric(index)) return this.pageCollection.eq(index);
+
+      return this.pageCollection;
+    },
+
+    /**
+     * Returns item by id.
+     *
+     * @param String id
+     *
+     * @return circle
+     */
+    getById: function(id) {
+      if (id && this.pageCollection.filter('#' + id).length) return this.pageCollection.filter('#' + id);
+
+      return null;
+    },
+
+    /**
+     * Returns object of circle class (for the access to circle API) by index.
+     *
+     * @param Number index
+     *
+     * @return circle
+     */
+    getCircleAPI: function(index) {
+      if (index && $.isNumeric(index) && this.pageCollection.eq(index).length) return this.pageCollection.eq(index).data('circle');
+
+      return null;
+    },
+
+    /**
+     * Returns object of circle class (for the access to circle API) by id.
+     *
+     * @param String id
+     *
+     * @return circle
+     */
+    getCircleAPIById: function(id) {
+      if (id && this.pageCollection.filter('#' + id).length) return this.pageCollection.filter('#' + id).data('circle');
+
+      return null;
+    }
+
+  }
+
+})(jQuery);

data/assets/js/components/hs.chart.js

@@ -0,0 +1,155 @@
+/**
+ * Charts wrapper.
+ * 
+ * @author Htmlstream 
+ * @version 1.0
+ * @requires sparkline.js (v2.1.2), peity.js (v3.2.1)
+ *
+ */
+;(function($){
+	'use strict';
+
+	$.HSCore.components.HSChart = {
+
+		/**
+		 * Sparkline Charts
+		 */
+		sparkline: {
+
+			/**
+			 * Base plugin's configuration.
+			 * 
+			 * @var Object _baseConfig
+			 */
+			_baseConfig: {
+				fillColor: '#72c02c',
+				lineColor: '#72c02c',
+				barColor: '#72c02c'
+			},
+
+			/**
+			 * Collection of all initialized items of the page.
+			 * 
+			 * @var jQuery _pageCollection
+			 */
+			_pageCollection: $(),
+
+			/**
+			 * Initializes new collection of items.
+			 * 
+			 * @param jQuery collections
+			 *
+			 * @return jQuery
+			 */
+			init: function(collection){
+
+				var self = this;
+
+				if(!collection || !collection.length) return $();
+
+				return collection.each(function(i, el){
+
+					var $this = $(el),
+							config = $.extend(true, {}, self._baseConfig, $this.data());
+
+					$this.sparkline( $this.data('data'), config);
+
+					self._pageCollection = self._pageCollection.add( $this );
+
+				});
+
+			},
+
+			/**
+			 * Returns entire collection of initialized items or single initialized
+			 * item (in case with index parameter).
+			 * 
+			 * @param Number index
+			 *
+			 * @return jQuery
+			 */
+			get: function(index) {
+
+				if(index) {
+					return this._pageCollection.eq(index);
+				}
+
+				return this._pageCollection;
+
+			}
+
+		},
+
+		/**
+		 * Peity Charts
+		 */
+		peity: {
+
+			/**
+			 * Base plugin's configuration.
+			 * 
+			 * @var Object _baseConfig
+			 */
+			_baseConfig: {
+				fill: ''
+			},
+
+			/**
+			 * Collection of all initialized items of the page.
+			 * 
+			 * @var jQuery _pageCollection
+			 */
+			_pageCollection: $(),
+
+			/**
+			 * Initializes new collection of items.
+			 * 
+			 * @param jQuery collections
+			 *
+			 * @return jQuery
+			 */
+			init: function(collection, config){
+
+				var self = this;
+
+				if(!collection || !collection.length) return $();
+
+				config = config && $.isPlainObject(config) ? $.extend(true, {}, this._baseConfig, config) : this._baseConfig;
+
+
+				return collection.each(function(i, el){
+
+					var $this = $(el),
+							currentConfig = $.extend(true, {}, config, $this.data());
+
+					$this.peity( $this.data('peity-type'), currentConfig );
+
+					self._pageCollection = self._pageCollection.add( $this );
+
+				});
+
+			},
+
+			/**
+			 * Returns entire collection of initialized items or single initialized
+			 * item (in case with index parameter).
+			 * 
+			 * @param Number index
+			 *
+			 * @return jQuery
+			 */
+			get: function(index) {
+
+				if(index) {
+					return this._pageCollection.eq(index);
+				}
+
+				return this._pageCollection;
+
+			}
+
+		}
+		
+	};
+
+})(jQuery);

data/assets/js/components/hs.count-qty.js

@@ -0,0 +1,92 @@
+/**
+ * Count quantity wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSCountQty = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {},
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Count quantity 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.initCountQty();
+
+      return this.pageCollection;
+
+    },
+
+    initCountQty: function () {
+      //Variables
+      var $self = this,
+          collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el),
+            $plus = $this.find('.js-plus'),
+            $minus = $this.find('.js-minus'),
+            $result = $this.find('.js-result'),
+            resultVal = parseInt($result.val());
+
+        $plus.on('click', function (e) {
+          e.preventDefault();
+
+          resultVal += 1;
+
+          $result.val(resultVal);
+        });
+
+        $minus.on('click', function (e) {
+          e.preventDefault();
+
+          if (resultVal >= 1) {
+            resultVal -= 1;
+
+            $result.val(resultVal);
+          } else {
+            return false;
+          }
+        });
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+
+  };
+
+})(jQuery);