jekyll-theme-doc-project 0.0.2 → 0.0.3

data/assets/dex-website-assets/src/scripts/dp-navigation-popover.js

@@ -0,0 +1,419 @@
+/************************************************************************************
+
+    DevPortal Navigation Popover
+
+    This is a custom popover for the desktop version of the devportal menu.
+    It is unique in two ways.
+
+    1. It allows you to specify a screen size below which the popover will
+    not appear.  This allows us to do something different for mobile.
+
+    2. It allows you to hover over the modal and click on a link in the
+    body of the popover.
+
+**************************************************************************************/
+P.when("jQuery").register("jquery-placeholder", function ($) {
+    'use strict';
+
+    // NAV POPOVER PUBLIC CLASS DEFINITION
+    // ===============================
+
+    var DPNavbarPopover = function (element, options) {
+        this.options    = null;
+        this.timeout    = null;
+        this.hoverState = null;
+        this.$element   = null;
+
+        this.init(element, options);
+    }
+
+    DPNavbarPopover.TRANSITION_DURATION = 150;
+
+    DPNavbarPopover.DEFAULTS = {
+        animation: true,
+        minWindowWidth: 1000,
+        template:
+            '<div class="dp-navbar-popover">' +
+                '<div class="dp-navbar-popover-arrow"></div>' +
+                '<div class="dp-navbar-popover-content"></div>' +
+            '</div>',
+        trigger: 'hover focus',
+        delay: 0,
+        html: false,
+        content: ''
+    }
+
+    DPNavbarPopover.prototype.init = function (element, options) {
+        this.$element  = $(element);
+        this.options   = this.getOptions(options);
+
+        var triggers = this.options.trigger.split(' ');
+
+        for (var i = triggers.length; i--;) {
+            var trigger = triggers[i];
+
+            if (trigger === 'click') {
+                this.$element.click($.proxy(this.toggle, this));
+            } else if (trigger !== 'manual') {
+                if (trigger === 'hover') {
+                  this.$element.mouseenter($.proxy(this.enter, this));
+                  this.$element.mouseleave($.proxy(this.leave, this));
+                }
+                else {
+                  this.$element.focusin($.proxy(this.enter, this));
+                  this.$element.focusout($.proxy(this.leave, this));
+                }
+            }
+        }
+    }
+
+    DPNavbarPopover.prototype.getDefaults = function () {
+        return DPNavbarPopover.DEFAULTS;
+    }
+
+    DPNavbarPopover.prototype.getOptions = function (options) {
+        options = $.extend({}, this.getDefaults(), this.$element.data(), options);
+
+        if (options.delay && typeof options.delay === 'number') {
+            var delay = options.delay;
+            options.delay = {
+                show: delay,
+                hide: delay
+            };
+        }
+
+        return options;
+    }
+
+    DPNavbarPopover.prototype.enter = function () {
+        var self = this;
+        if (window.innerWidth > self.options.minWindowWidth) {
+
+            if (self.$popover && self.$popover.is(':visible')) {
+                self.hoverState = 'in';
+                return;
+            }
+
+            clearTimeout(self.timeout);
+
+            self.hoverState = 'in';
+
+            if (!self.options.delay || !self.options.delay.show) {
+                return self.show();
+            }
+
+            self.timeout = setTimeout(function () {
+                if (self.hoverState === 'in') {
+                    self.show();
+                }
+            }, self.options.delay.show);
+        }
+    }
+
+    DPNavbarPopover.prototype.leave = function (event) {
+        var self = this;
+        var container;
+
+        clearTimeout(self.timeout);
+
+        self.hoverState = 'out';
+
+        if (!self.options.delay || !self.options.delay.hide) {
+            return self.hide();
+        }
+
+        self.timeout = setTimeout(function () {
+            if (self.hoverState === 'out') {
+                self.hide();
+            }
+        }, self.options.delay.hide);
+
+        if (event.currentTarget) {
+            container = $(event.currentTarget).siblings('.dp-navbar-popover');
+            container.one('mouseenter', function() {
+                clearTimeout(self.timeout);
+                container.one('mouseleave', function(event) {
+                    // This recursive call caused an unresponsive script
+                    // warning dialog. Changing to hide() fixed that and doesn't
+                    // appear to have any negative effects.
+                    //self.leave(event);
+                    self.hide();
+                });
+            });
+        }
+    }
+
+    DPNavbarPopover.prototype.show = function () {
+        // What does this do?
+        var e = $.Event('show.dp.nav.popover');
+        this.$element.trigger(e)
+
+        if (this.hasContent()) {
+            var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0])
+            if (e.isDefaultPrevented() || !inDom) {
+                return;
+            }
+            var that = this;
+
+            var $popover = this.popover();
+
+            var tipId = this.getUID();
+
+            this.setContent();
+            $popover.attr('id', tipId);
+            this.$element.attr('aria-describedby', tipId);
+
+            if (this.options.animation) {
+                $popover.addClass('fade');
+            }
+
+            $popover
+                .detach()
+                .css({ top: 0, left: 0, display: 'block' })
+                .data('dp.navbar.popover', this);
+
+            $popover.insertAfter(this.$element)
+
+            var pos = this.getPosition();
+            var offset = { top: pos.top + pos.height, left: pos.left };
+
+            this.applyPlacement(offset);
+
+            var complete = function () {
+                var prevHoverState = that.hoverState;
+                that.$element.trigger('shown.bs.' + that.type);
+                that.hoverState = null;
+
+                if (prevHoverState === 'out') {
+                    that.leave(that);
+                }
+            }
+
+            if ($.support.transition && this.$popover.hasClass('fade')) {
+                $popover
+                    .one('bsTransitionEnd', complete)
+                    .emulateTransitionEnd(DPNavbarPopover.TRANSITION_DURATION);
+            } else {
+                complete();
+            }
+        }
+    }
+
+    DPNavbarPopover.prototype.applyPlacement = function (offset, placement) {
+        var $popover = this.popover();
+        var elWidth = this.$element[0].offsetWidth;
+        var arrowOffset = (elWidth / 2) - 11;
+
+        offset.top  = offset.top + 10;
+        offset.left = offset.left;
+
+        $popover.addClass('in');
+        $popover.offset(offset);
+
+        this.arrow().css('margin-left', arrowOffset + 'px')
+    }
+
+    DPNavbarPopover.prototype.hasContent = function () {
+        return this.getContent();
+    }
+
+    DPNavbarPopover.prototype.getContent = function () {
+        if (this.$element.attr('data-content')) {
+            return this.$element.attr('data-content');
+        } else {
+            if (typeof this.options.content === 'function') {
+                return this.options.content.call(this.$element[0]);
+            } else {
+                return this.options.content;
+            }
+        }
+    }
+
+    DPNavbarPopover.prototype.setContent = function () {
+        var $popover = this.popover();
+        var content = this.getContent();
+
+        $popover.find('.dp-navbar-popover-content').children().detach().end()[
+            // we use append for html objects to maintain js events
+            this.options.html ? (typeof content === 'string' ? 'html' : 'append') : 'text'
+        ](content)
+
+        $popover.removeClass('fade top bottom left right in')
+    }
+
+    DPNavbarPopover.prototype.hide = function (callback) {
+        var that = this;
+        var $popover = this.popover();
+        var e = $.Event('hide.dp.nav.popover');
+
+        function complete() {
+            $popover.fadeOut();
+            if (that.hoverState !== 'in') {
+                $popover.detach()
+            }
+
+            that.$element
+                .removeAttr('aria-describedby')
+                .trigger('hidden.dp.nav.popover')
+
+            if (callback) {
+                callback();
+            }
+        }
+
+        this.$element.trigger(e);
+
+        if (e.isDefaultPrevented()) {
+            return;
+        }
+
+        $popover.removeClass('in');
+
+// Removed the transition logic as it resulted in menus that never disappeared.
+//
+//        if ($.support.transition && this.$popover.hasClass('fade')) {
+//            $popover
+//                .one('bsTransitionEnd', complete)
+//                .emulateTransitionEnd(DPNavbarPopover.TRANSITION_DURATION)
+//        } else {
+            complete();
+//        }
+
+        this.hoverState = null;
+
+        return this;
+    }
+
+    DPNavbarPopover.prototype.hasContent = function () {
+        return this.getContent();
+    }
+
+    DPNavbarPopover.prototype.getPosition = function ($element) {
+        $element = $element || this.$element;
+
+        var el = $element[0];
+
+        var elRect    = el.getBoundingClientRect()
+        if (elRect.width === null) {
+            // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093
+            elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top })
+        }
+        var elOffset  = $element.offset()
+        return $.extend({}, elRect, elOffset);
+    }
+
+    DPNavbarPopover.prototype.getUID = function () {
+        var UID = Math.round(Math.random() * 1000000);
+        return 'dp-navbar-popover-' + UID;
+    }
+
+    DPNavbarPopover.prototype.popover = function () {
+        if (!this.$popover) {
+            this.$popover = $(this.options.template);
+        }
+        return this.$popover
+    }
+
+    DPNavbarPopover.prototype.arrow = function () {
+        if (!this.$arrow) {
+            this.$arrow = this.popover().find('.dp-navbar-popover-arrow');
+        }
+        return this.$arrow;
+    }
+
+    DPNavbarPopover.prototype.toggle = function (e) {
+        var self = this
+        if (e) {
+            self = $(e.currentTarget).data('dp.navbar.popover')
+        }
+
+        self.popover().hasClass('in') ? self.leave(self) : self.enter(self)
+    }
+
+    // Added for debugging
+    DPNavbarPopover.prototype.getMenuName = function () {
+        return this.$element.find("a.dp-navbar-button").text().trim();
+    }
+
+    // TOOLTIP PLUGIN DEFINITION
+    // =========================
+
+    function Plugin(option) {
+        return this.each(function () {
+            var $this   = $(this);
+            var data    = $this.data('dp.navbar.popover');
+            var options = typeof option === 'object' && option;
+
+            if (!data && option === 'destroy') {
+                return;
+            }
+            if (!data) {
+                $this.data('dp.navbar.popover', (data = new DPNavbarPopover(this, options)));
+            }
+            if (typeof option === 'string') {
+                data[option]();
+            }
+        })
+    }
+
+    var old = $.fn.dpNavbarPopover
+
+    $.fn.dpNavbarPopover             = Plugin
+    $.fn.dpNavbarPopover.Constructor = DPNavbarPopover
+
+    // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
+    // ============================================================
+
+    function transitionEnd() {
+        var el = document.createElement('bootstrap')
+
+        var transEndEventNames = {
+            WebkitTransition : 'webkitTransitionEnd',
+            MozTransition    : 'transitionend',
+            OTransition      : 'oTransitionEnd otransitionend',
+            transition       : 'transitionend'
+        }
+
+        for (var name in transEndEventNames) {
+            if (el.style[name] !== undefined) {
+                return { end: transEndEventNames[name] }
+            }
+        }
+
+        return false; // explicit for ie8 (._.)
+    }
+
+    // http://blog.alexmaccaw.com/css-transitions
+    $.fn.emulateTransitionEnd = function (duration) {
+        var called = false
+        var $el = this
+        $(this).one('bsTransitionEnd', function () {
+            called = true;
+        })
+        var callback = function () {
+            if (!called) {
+                $($el).trigger($.support.transition.end);
+            }
+        }
+        setTimeout(callback, duration);
+        return this;
+    }
+
+    $(function () {
+        $.support.transition = transitionEnd();
+
+        if (!$.support.transition) {
+            return;
+        }
+
+        $.event.special.bsTransitionEnd = {
+            bindType: $.support.transition.end,
+            delegateType: $.support.transition.end,
+            handle: function (e) {
+                if ($(e.target).is(this)) {
+                    return e.handleObj.handler.apply(this, arguments);
+                }
+            }
+        }
+    })
+});

data/assets/dex-website-assets/src/scripts/hero-carousel.js

@@ -0,0 +1,30 @@
+"use strict";
+
+P.when("jQuery", "jQuery-owl","ready").execute(function($) {
+
+  var $carouselWrapper = $('#hero-carousel');
+  var $carouselEls = $carouselWrapper.find('.hero-carousel-item');
+
+  var defaults = {
+      items: 1,
+      autoplay: true,
+      autoplayTimeout: 8000,
+      autoplaySpeed: 2000,
+      dotsSpeed: 1000,
+      loop: true,
+  }
+
+  var ocOptions = $carouselWrapper.data('carousel-options');
+  // delete carousel keys that are empty or null otherwise jQuery extend will not function as expected.
+  $.each(ocOptions, function(key,value) {
+      if (value === "" || value === null) {
+          delete ocOptions[key];
+      }
+  });
+
+  function initCarousel() {
+     $carouselWrapper.owlCarousel( $.extend( defaults, ocOptions) );
+  }
+
+  $carouselEls.length > 1 ? initCarousel() : null;
+});

data/assets/dex-website-assets/src/scripts/hero-no-cta.js

@@ -0,0 +1,20 @@
+"use strict";
+
+P.when("jQuery", "jQuery-owl","ready").execute(function($) {
+
+  var $heroNoCTA = $('#hero-no-cta');
+  var $heroNoCTABlocks = $heroNoCTA.find('.hero-no-cta-block');
+
+  function initCarousel() {
+    $heroNoCTA.owlCarousel({
+      items: 1,
+      autoplay: true,
+      autoplayTimeout: 8000,
+      autoplaySpeed: 2000,
+      loop: true,
+    });
+  }
+
+  $heroNoCTABlocks.length > 1 ? initCarousel() : null;
+
+});

data/assets/dex-website-assets/src/scripts/images.js

@@ -0,0 +1,47 @@
+P.when("jQuery", "jquery-lazyload", "ready").execute(function($) {
+  "use strict";
+
+  function filterByClassName(collection, className) {
+    if(!isArrayAndNotEmpty(collection)) {
+      return false;
+    }
+    return (
+      collection.filter(function(i) {
+        return !$(collection[i]).hasClass(className);
+      })
+    );
+  }
+
+  function isArrayAndNotEmpty(arr) {
+    return (
+      typeof arr !== "undefined" && arr !== null && arr.length > 0
+    );
+  }
+
+  function initLazyLoad(imgs) {
+    var $winWidth = $(window).width();
+    $winWidth > 992 ? attachLazyLoad(filterByClassName(imgs.lazyImgs, "u-lazy-load--attached")) : attachLazyLoad(filterByClassName(imgs.lazyImgsMobile, "u-lazy-load--attached"));
+  }
+
+  function attachLazyLoad(els) {
+    if(!isArrayAndNotEmpty(els)) {
+      return;
+    }
+
+    $(els).lazyload({
+      threshold: 400,
+      effect: "fadeIn",
+      effectspeed: 100,
+    }).addClass("u-lazy-load--attached");
+  }
+
+  var imgs = {};
+  imgs.lazyImgs = $(".u-lazy-load");
+  imgs.lazyImgsMobile = filterByClassName(imgs.lazyImgs, "u-lazy-load--noMobile");
+
+  $(window).resize(function() {
+    initLazyLoad(imgs);
+  })
+
+  initLazyLoad(imgs);
+});

data/assets/dex-website-assets/src/scripts/in-page-carousel.js

@@ -0,0 +1,75 @@
+
+"use strict";
+
+P.when("jQuery", "jQuery-owl","ready").execute(function($) {
+
+    var owls = $("#in-page-carousel");
+    var prevButton = $(".car-prev");
+    var nextButton = $(".car-next");
+
+    /*
+     * Event details documented here:
+     * http://www.owlcarousel.owlgraphic.com/docs/api-events.html
+     */
+    owls.on("translated.owl.carousel initialized.owl.carousel", function(event){
+        /*
+         * Hide the left button if we are at the carousel
+         * starting position.
+         */
+        if(event.page.index === 0) {
+            prevButton.addClass('disabled');
+        } else {
+            prevButton.removeClass('disabled');
+        }
+
+        /*
+         * Hide the next button if the last item is completely visible within
+         * the owl carousel
+         */
+        var lastItem = owls.find(".owl-item").last();
+        if(lastItem.offset().left + lastItem.width() < owls.offset().left + owls.width()) {
+            nextButton.addClass('disabled');
+        } else {
+            nextButton.removeClass('disabled');
+        }
+    });
+
+    /*
+     * Initialize the carousel. Documentation:
+     * http://www.owlcarousel.owlgraphic.com/docs/api-options.html
+     */
+    owls.owlCarousel({
+            pagination : false,
+            margin : 30,
+            autoWidth:true,
+            loop:false,
+            responsive:{
+                0:{
+                    items:1
+                },
+                490:{
+                    items:2
+                },
+                768:{
+                    items:3
+                },
+                1280:{
+                    items:4
+                }
+            }
+    });
+
+    nextButton.click(function() {
+        if(!nextButton.hasClass('disabled')){
+            owls.trigger('next.owl.carousel');
+        }
+    });
+
+    prevButton.click(function() {
+        if(!prevButton.hasClass('disabled')) {
+            owls.trigger('prev.owl.carousel');
+        }
+    });
+
+});
+

data/assets/dex-website-assets/src/scripts/jquery-cookie.js

@@ -0,0 +1,119 @@
+/*!
+ * jQuery Cookie Plugin v1.4.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2006, 2014 Klaus Hartl
+ * Released under the MIT license
+ */
+
+
+P.when("jQuery").register("jquery-cookie", function() {
+"use strict";
+(function (factory) {
+/*    if (typeof define === 'function' && define.amd) {
+        // AMD (Register as an anonymous module)
+        define(['jquery'], factory);
+    } else if (typeof exports === 'object') {
+        // Node/CommonJS
+        module.exports = factory(require('jquery'));
+    } else {
+*/        // Browser globals
+        factory(jQuery);
+   // }
+}(function ($) {
+
+    var pluses = /\+/g;
+
+    function encode(s) {
+       return config.raw ? s : encodeURIComponent(s);
+    }
+
+	function decode(s) {
+		return config.raw ? s : decodeURIComponent(s);
+	}
+
+	function stringifyCookieValue(value) {
+		return encode(config.json ? JSON.stringify(value) : String(value));
+	}
+
+	function parseCookieValue(s) {
+		if (s.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape...
+			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
+
+		try {
+			// Replace server-side written pluses with spaces.
+			// If we can't decode the cookie, ignore it, it's unusable.
+			// If we can't parse the cookie, ignore it, it's unusable.
+			s = decodeURIComponent(s.replace(pluses, ' '));
+			return config.json ? JSON.parse(s) : s;
+		} catch(e) {}
+	}
+
+	function read(s, converter) {
+		var value = config.raw ? s : parseCookieValue(s);
+		return $.isFunction(converter) ? converter(value) : value;
+	}
+
+	var config = $.cookie = function (key, value, options) {
+
+		// Write
+
+		if (arguments.length > 1 && !$.isFunction(value)) {
+			options = $.extend({}, config.defaults, options);
+
+			if (typeof options.expires === 'number') {
+				var days = options.expires, t = options.expires = new Date();
+				t.setMilliseconds(t.getMilliseconds() + days * 864e+5);
+			}
+
+			return (document.cookie = [
+				encode(key), '=', stringifyCookieValue(value),
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
+
+		// Read
+
+		var result = key ? undefined : {},
+			// To prevent the for loop in the first place assign an empty array
+			// in case there are no cookies at all. Also prevents odd result when
+			// calling $.cookie().
+			cookies = document.cookie ? document.cookie.split('; ') : [],
+			i = 0,
+			l = cookies.length;
+
+		for (; i < l; i++) {
+			var parts = cookies[i].split('='),
+				name = decode(parts.shift()),
+				cookie = parts.join('=');
+
+			if (key === name) {
+				// If second argument (value) is a function it's a converter...
+				result = read(cookie, value);
+				break;
+			}
+
+			// Prevent storing a cookie that we couldn't decode.
+			if (!key && (cookie = read(cookie)) !== undefined) {
+				result[name] = cookie;
+			}
+		}
+
+		return result;
+	};
+
+	config.defaults = {};
+
+	$.removeCookie = function (key, options) {
+		// Must not alter options, thus extending a fresh object...
+		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
+		return !$.cookie(key);
+	};
+
+}));
+});