jekyll-theme-glueckkanja 0.8.3 → 0.8.5

data/assets/js/components/hs.cubeportfolio.js

@@ -0,0 +1,163 @@
+/**
+ * Filter wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires
+ *
+ */
+
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSCubeportfolio = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {},
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Filter 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.initCubeportfolio();
+
+      return this.pageCollection;
+
+    },
+
+    initCubeportfolio: function () {
+      //Variables
+      var $self = this,
+        config = $self.config,
+        collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el),
+          setControls = $this.data('controls'),
+          setLayout = $this.data('layout'),
+          setXGap = $this.data('x-gap'),
+          setYGap = $this.data('y-gap'),
+          setAnimation = $this.data('animation'),
+          setCaptionAnimation = $this.data('caption-animation'),
+          setDefaultMediaQueries = [{
+            width: 1500,
+            cols: 3
+          }, {
+            width: 1100,
+            cols: 3
+          }, {
+            width: 800,
+            cols: 3
+          }, {
+            width: 480,
+            cols: 2,
+            options: {
+              caption: '',
+              gapHorizontal: 10,
+              gapVertical: 10
+            }
+          }],
+          setMeidaQueries = JSON.parse(el.getAttribute('data-media-queries'));
+
+        $this.cubeportfolio({
+          filters: setControls,
+          layoutMode: setLayout,
+          defaultFilter: '*',
+          sortToPreventGaps: true,
+          gapHorizontal: setXGap,
+          gapVertical: setYGap,
+          animationType: setAnimation,
+          gridAdjustment: 'responsive',
+          mediaQueries: setMeidaQueries ? setMeidaQueries : setDefaultMediaQueries,
+          caption: setCaptionAnimation ? setCaptionAnimation : 'overlayBottomAlong',
+          displayType: 'sequentially',
+          displayTypeSpeed: 100,
+
+          // lightbox
+          lightboxDelegate: '.cbp-lightbox',
+          lightboxGallery: true,
+          lightboxTitleSrc: 'data-title',
+          lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
+
+          // singlePageInline
+          singlePageInlineDelegate: '.cbp-singlePageInline',
+          singlePageInlinePosition: 'below',
+          singlePageInlineInFocus: true,
+          singlePageInlineCallback: function (url, element) {
+            // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent)
+            var t = this;
+
+            $.ajax({
+              url: url,
+              type: 'GET',
+              dataType: 'html',
+              timeout: 30000
+            })
+              .done(function (result) {
+
+                t.updateSinglePageInline(result);
+
+              })
+              .fail(function () {
+                t.updateSinglePageInline('AJAX Error! Please refresh the page!');
+              });
+          },
+
+          // singlePage popup
+          singlePageDelegate: '.cbp-singlePage',
+          singlePageDeeplinking: true,
+          singlePageStickyNavigation: true,
+          singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
+          singlePageCallback: function (url, element) {
+            // to update singlePage content use the following method: this.updateSinglePage(yourContent)
+            var t = this;
+
+            $.ajax({
+              url: url,
+              type: 'GET',
+              dataType: 'html',
+              timeout: 10000
+            })
+              .done(function (result) {
+                t.updateSinglePage(result);
+              })
+              .fail(function () {
+                t.updateSinglePage('AJAX Error! Please refresh the page!');
+              });
+          }
+        });
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+  };
+
+})(jQuery);

data/assets/js/components/hs.datepicker.js

@@ -0,0 +1,149 @@
+/**
+ * Datepicker wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSDatepicker = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {
+      dateFormat: 'dd.mm.yy',
+      dayNamesMin: [
+        'Sun',
+        'Mon',
+        'Tue',
+        'Wed',
+        'Thu',
+        'Fri',
+        'Sat'
+      ],
+      prevText: '<i class="fa fa-angle-left"></i>',
+      nextText: '<i class="fa fa-angle-right"></i>'
+    },
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Datepicker 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.initDatepicker();
+
+      return this.pageCollection;
+
+    },
+
+    initDatepicker: function () {
+      //Variables
+      var $self = this,
+        config = $self.config,
+        collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el),
+          to = $this.data('to'),
+          rangeBoolean = $this.data('range');
+
+        if (rangeBoolean == 1) {
+          var dateFrom = $this.datepicker({
+            dateFormat: config['dateFormat'],
+            defaultDate: '+1w',
+            dayNamesMin: config['dayNamesMin'],
+            numberOfMonths: 1,
+            showOtherMonths: true,
+            prevText: config['prevText'],
+            nextText: config['nextText'],
+            beforeShow: $self.datepickerCustomClass
+          }).on('change', function () {
+            dateTo.datepicker('option', 'minDate', $self.getDate(this));
+          });
+
+          var dateTo = $('#' + to).datepicker({
+            dateFormat: config['dateFormat'],
+            defaultDate: '+1w',
+            dayNamesMin: config['dayNamesMin'],
+            numberOfMonths: 1,
+            showOtherMonths: true,
+            prevText: config['prevText'],
+            nextText: config['nextText'],
+            beforeShow: $self.datepickerCustomClass
+          }).on('change', function () {
+            dateFrom.datepicker('option', 'maxDate', $self.getDate(this));
+          });
+        } else {
+          $this.datepicker({
+            dateFormat: config['dateFormat'],
+            dayNamesMin: config['dayNamesMin'],
+            showOtherMonths: true,
+            prevText: config['prevText'],
+            nextText: config['nextText'],
+            beforeShow: $self.datepickerCustomClass
+          });
+        }
+
+        //Actions
+        collection = collection.add($this);
+      });
+    },
+
+    datepickerCustomClass: function (el, attr) {
+      var arrayOfClasses, customClass, i;
+
+      arrayOfClasses = attr.input.context.className.split(' ');
+
+      for (i = 0; arrayOfClasses.length > i; i++) {
+        if (arrayOfClasses[i].substring(0, 6) == 'u-date') {
+          customClass = arrayOfClasses[i];
+        }
+      }
+
+      $('#ui-datepicker-div').addClass(customClass);
+    },
+
+    getDate: function (element) {
+      var $self = this,
+        date,
+        config = $self.config;
+
+      try {
+        date = $.datepicker.parseDate(config['dateFormat'], element.value);
+      } catch (error) {
+        date = null;
+      }
+
+      return date;
+    }
+
+  };
+
+})(jQuery);