jekyll-theme-glueckkanja 0.8.3 → 0.8.5

data/assets/js/components/gmap/hs.map.js

@@ -0,0 +1,347 @@
+/**
+ * Gmap wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSGMap = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {
+      zoom: 14,
+      scrollwheel: false
+    },
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Gmap 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.initGMap();
+
+      return this.pageCollection;
+
+    },
+
+    initGMap: function () {
+      //Variables
+      var $self = this,
+        config = $self.config,
+        collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el),
+          ID = $this.attr('id'),
+          gMapType = $this.data('type'),
+          gMapLat = $this.data('lat'),
+          gMapLng = $this.data('lng'),
+          gMapZoom = $this.data('zoom'),
+          gMapTitle = $this.data('title'),
+
+          gMapStyles = JSON.parse(el.getAttribute('data-styles')),
+          gMapStylesArray = [],
+
+          polygon,
+          gMapPolygon = Boolean($this.data('polygon')),
+          gMapPolygonCords = JSON.parse(el.getAttribute('data-polygon-cords')),
+          gMapPolygonStyles = JSON.parse(el.getAttribute('data-polygon-styles')),
+
+          polylines,
+          gMapPolylines = Boolean($this.data('polylines')),
+          gMapPolylinesCords = JSON.parse(el.getAttribute('data-polylines-cords')),
+          gMapPolylinesStyles = JSON.parse(el.getAttribute('data-polylines-styles')),
+
+          gMapRoutes = Boolean($this.data('routes')),
+          gMapRoutesCords = JSON.parse(el.getAttribute('data-routes-cords')),
+          gMapRoutesStyles = JSON.parse(el.getAttribute('data-routes-styles')),
+
+          gMapGeolocation = Boolean($this.data('geolocation')),
+
+          gMapGeocoding = Boolean($this.data('geocoding')),
+          gMapCordsTarget = $this.data('cords-target'),
+
+          gMapPin = Boolean($this.data('pin')),
+          gMapPinIcon = $this.data('pin-icon'),
+
+          $gMap;
+
+        //Map Type
+        if (gMapType == 'satellite') {
+          $gMap = new google.maps.Map(document.getElementById(ID), {
+            zoom: gMapZoom ? gMapZoom : config['zoom'],
+            scrollwheel: config['scrollwheel']
+          });
+
+          $gMap.setCenter({
+            lat: gMapLat,
+            lng: gMapLng
+          });
+
+          $gMap.setMapTypeId(google.maps.MapTypeId.SATELLITE);
+        } else if (gMapType == 'terrain') {
+          $gMap = new google.maps.Map(document.getElementById(ID), {
+            zoom: gMapZoom ? gMapZoom : config['zoom'],
+            scrollwheel: config['scrollwheel']
+          });
+
+          $gMap.setCenter({
+            lat: gMapLat,
+            lng: gMapLng
+          });
+
+          $gMap.setMapTypeId(google.maps.MapTypeId.TERRAIN);
+        } else if (gMapType == 'street-view') {
+          $gMap = new google.maps.StreetViewPanorama(document.getElementById(ID), {
+            zoom: gMapZoom ? gMapZoom : config['zoom'],
+            scrollwheel: config['scrollwheel']
+          });
+
+          $gMap.setPosition({
+            lat: gMapLat,
+            lng: gMapLng
+          });
+        } else if (gMapType == 'static') {
+          $(document).ready(function () {
+            $gMap = GMaps.staticMapURL({
+              size: [2048, 2048],
+              lat: gMapLat,
+              lng: gMapLng,
+              zoom: gMapZoom ? gMapZoom : config['zoom']
+            });
+
+            $('#' + ID).css('background-image', 'url(' + $gMap + ')');
+          });
+        } else if (gMapType == 'custom') {
+          var arrL = gMapStyles.length;
+
+          for (var i = 0; i < arrL; i++) {
+            var featureType = gMapStyles[i][0],
+              elementType = gMapStyles[i][1],
+              stylers = gMapStyles[i][2],
+              obj = $.extend({}, gMapStylesArray[i]);
+
+            if (featureType != "") {
+              obj.featureType = featureType;
+            }
+
+            if (elementType != "") {
+              obj.elementType = elementType;
+            }
+
+            obj.stylers = stylers;
+
+            gMapStylesArray.push(obj);
+          }
+
+          $gMap = new GMaps({
+            div: '#' + ID,
+            lat: gMapLat,
+            lng: gMapLng,
+            zoom: gMapZoom ? gMapZoom : config['zoom'],
+            scrollwheel: config['scrollwheel'],
+            styles: gMapStylesArray
+          });
+
+          //Pin
+          if (gMapPin) {
+            $gMap.addMarker({
+              lat: gMapLat,
+              lng: gMapLng,
+              title: gMapTitle,
+              icon: gMapPinIcon
+            });
+          }
+          //End Pin
+        } else {
+          $gMap = new GMaps({
+            div: '#' + ID,
+            lat: gMapLat,
+            lng: gMapLng,
+            zoom: gMapZoom ? gMapZoom : config['zoom'],
+            scrollwheel: config['scrollwheel']
+          });
+
+          //Pin
+          if (gMapPin) {
+            $gMap.addMarker({
+              lat: gMapLat,
+              lng: gMapLng,
+              title: gMapTitle,
+              icon: gMapPinIcon
+            });
+          }
+          //End Pin
+        }
+        //End Map Type
+
+        //Pin
+        if (gMapPin && gMapType == 'satellite' || gMapType == 'terrain' || gMapType == 'street-view') {
+          //Variables
+          var $pin = new google.maps.Marker({
+            position: {
+              lat: gMapLat,
+              lng: gMapLng
+            },
+            map: $gMap
+          });
+
+          if (gMapPinIcon) {
+            var $pinIcon = new google.maps.MarkerImage(gMapPinIcon);
+            $pin.setIcon($pinIcon);
+          }
+
+          if (gMapTitle) {
+            $pin.setOptions({
+              title: gMapTitle
+            });
+          }
+        }
+        //End Pin
+
+        //Auto Center markers on window resize
+        if (!gMapGeolocation) {
+          google.maps.event.addDomListener(window, 'resize', function () {
+            setTimeout(function () {
+              $gMap.setCenter({
+                lat: gMapLat,
+                lng: gMapLng
+              });
+            }, 100);
+          });
+        }
+
+        //Polygon
+        if (gMapPolygon) {
+          $(document).ready(function () {
+            polygon = $gMap.drawPolygon({
+              paths: gMapPolygonCords,
+              strokeColor: gMapPolygonStyles.strokeColor,
+              strokeOpacity: gMapPolygonStyles.strokeOpacity,
+              strokeWeight: gMapPolygonStyles.strokeWeight,
+              fillColor: gMapPolygonStyles.fillColor,
+              fillOpacity: gMapPolygonStyles.fillOpacity
+            });
+          });
+        }
+        //End Polygon
+
+        //Polylines
+        if (gMapPolylines) {
+          $(document).ready(function () {
+            $gMap.drawPolyline({
+              path: gMapPolylinesCords,
+              strokeColor: gMapPolylinesStyles.strokeColor,
+              strokeOpacity: gMapPolylinesStyles.strokeOpacity,
+              strokeWeight: gMapPolylinesStyles.strokeWeight
+            });
+          });
+        }
+        //End Polylines
+
+        //Routes
+        if (gMapRoutes) {
+          $(document).ready(function () {
+            $gMap.drawRoute({
+              origin: gMapRoutesCords[0],
+              destination: gMapRoutesCords[1],
+              travelMode: gMapRoutesStyles.travelMode,
+              strokeColor: gMapRoutesStyles.strokeColor,
+              strokeOpacity: gMapRoutesStyles.strokeOpacity,
+              strokeWeight: gMapRoutesStyles.strokeWeight
+            });
+          });
+        }
+        //End Routes
+
+        //Geolocation
+        if (gMapGeolocation) {
+          GMaps.geolocate({
+            success: function (position) {
+              $gMap.setCenter({
+                lat: position.coords.latitude,
+                lng: position.coords.longitude
+              });
+
+              google.maps.event.addDomListener(window, 'resize', function () {
+                setTimeout(function () {
+                  $gMap.setCenter({
+                    lat: position.coords.latitude,
+                    lng: position.coords.longitude
+                  });
+                }, 100);
+              });
+            },
+            error: function (error) {
+              alert('Geolocation failed: ' + error.message);
+            },
+            not_supported: function () {
+              alert('Your browser does not support geolocation');
+            }
+          });
+        }
+        //End Geolocation
+
+        //Geocoding
+        if (gMapGeocoding) {
+          $(document).ready(function () {
+            var targetCordsParent = $(gMapCordsTarget).closest('form');
+
+            $(targetCordsParent).submit(function (e) {
+              e.preventDefault();
+
+              GMaps.geocode({
+                address: $(gMapCordsTarget).val().trim(),
+                callback: function (results, status) {
+                  if (status == 'OK') {
+                    var latlng = results[0].geometry.location;
+
+                    $gMap.setCenter(latlng.lat(), latlng.lng());
+                    $gMap.addMarker({
+                      lat: latlng.lat(),
+                      lng: latlng.lng()
+                    });
+                  }
+                }
+              });
+            });
+          });
+        }
+        //End Geocoding
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+  }
+})(jQuery);

data/assets/js/components/hs.ajax-autocomplete.js

@@ -0,0 +1,103 @@
+/**
+ * Ajax autocomplete wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSAjaxAutocomplete = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {
+      animation: 'fade',
+      animationSpeed: 400
+    },
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Ajax autocomplete 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.initAjaxAutocomplete();
+
+      return this.pageCollection;
+
+    },
+
+    initAjaxAutocomplete: function () {
+      //Variables
+      var $self = this,
+          config = $self.config,
+          collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el),
+            $target = $this.data('target'),
+            animation = $this.data('animation'),
+            animationSpeed = $this.data('animation-speed');
+
+        $this.on('keyup', function () {
+          if (animation == 'fade') {
+            if ($this.val()) {
+              $('#' + $target).fadeIn(animationSpeed);
+            }
+
+            else {
+              $('#' + $target).fadeOut(animationSpeed);
+            }
+          } else {
+            if ($this.val()) {
+              $('#' + $target).slideDown(animationSpeed);
+            }
+
+            else {
+              $('#' + $target).slideUp(animationSpeed);
+            }
+          }
+        });
+
+        $this.on('focusout', function () {
+          if (animation == 'fade') {
+            $('#' + $target).fadeOut(animationSpeed);
+          } else {
+            $('#' + $target).slideUp(animationSpeed);
+          }
+        });
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+
+  };
+
+})(jQuery);

data/assets/js/components/hs.autocomplete-local-search.js

@@ -0,0 +1,113 @@
+/**
+ * Autocomplete wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.widget('custom.localcatcomplete', $.ui.autocomplete, {
+    _create: function () {
+      this._super();
+      this.widget().menu('option', 'items', '> :not(.ui-autocomplete-category)');
+    },
+    _renderItem: function (ul, item) {
+      if (item.url) {
+        return $('<li><a href="' + window.location.protocol + '//' + window.location.host + '/' + window.location.pathname.split('/')[1] + '/' + item.url + '">' + item.label + '<span class="g-opacity-0_3 g-ml-5">· ' + item.category + '</span></a></li>')
+          .appendTo(ul);
+      } else {
+        return $('<li>' + item.label + '</li>')
+          .appendTo(ul);
+      }
+    },
+    /*_renderMenu: function (ul, items) {
+      var that = this,
+        currentCategory = '';
+
+      $.each(items, function (index, item) {
+        var li;
+
+        if (item.category != currentCategory) {
+          ul.append('<li class="ui-autocomplete-category">' + item.category + '2</li>');
+          currentCategory = item.category;
+        }
+
+        li = that._renderItemData(ul, item);
+
+        if (item.category) {
+          li.attr('aria-label', item.category + ' : ' + item.label);
+        }
+      });
+    }*/
+  });
+
+  $.HSCore.components.HSLocalSearchAutocomplete = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {
+      minLength: 2
+    },
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Autocomplete 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.initAutocomplete();
+
+      return this.pageCollection;
+
+    },
+
+    initAutocomplete: function () {
+      //Variables
+      var $self = this,
+        config = $self.config,
+        collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        var $this = $(el),
+          dataUrl = $this.data('url');
+
+        $.getJSON(dataUrl, function (data) {
+          $this.localcatcomplete({
+            delay: 0,
+            source: data
+          });
+        });
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+
+  };
+
+})(jQuery);

data/assets/js/components/hs.autocomplete.js

@@ -0,0 +1,125 @@
+/**
+ * Autocomplete wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.widget('custom.catcomplete', $.ui.autocomplete, {
+    _create: function () {
+      this._super();
+      this.widget().menu('option', 'items', '> :not(.ui-autocomplete-category)');
+    },
+    _renderMenu: function (ul, items) {
+      var that = this,
+        currentCategory = '';
+      $.each(items, function (index, item) {
+        var li;
+
+        if (!item.category) {
+          li = that._renderItemData(ul, item);
+          return;
+        }
+
+        if (item.category != currentCategory) {
+          ul.append('<li class="ui-autocomplete-category">' + item.category + '</li>');
+          currentCategory = item.category;
+        }
+        li = that._renderItemData(ul, item);
+        if (item.category) {
+          li.html(item.label);
+          li.attr('aria-label', item.category + ' : ' + item.label);
+        }
+      });
+    }
+  });
+
+  $.HSCore.components.HSAutocomplete = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {
+      minLength: 2
+    },
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Autocomplete 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.initAutocomplete();
+
+      return this.pageCollection;
+
+    },
+
+    initAutocomplete: function () {
+      //Variables
+      var $self = this,
+        config = $self.config,
+        collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        var $this = $(el),
+          dataUrl = $this.data('url');
+
+        $.getJSON(dataUrl, function (data) {
+          $this.catcomplete({
+            delay: 0,
+            source: data,
+            dataType: 'json',
+            minLength: config['minLength'],
+            select: function (event, ui) {
+              var currentItem = $(this);
+
+              setTimeout(function () {
+                var currentVal = currentItem.val();
+                $(currentItem).val($(currentVal).get(0).textContent);
+              }, 1);
+            },
+            focus: function (event, ui) {
+              var currentItem = $(this);
+
+              setTimeout(function () {
+                var currentVal = currentItem.val();
+                $(currentItem).val($(currentVal).get(0).textContent);
+              });
+            }
+          });
+        });
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+
+  };
+
+})(jQuery);