jekyll-theme-doc-project 0.0.2 → 0.0.3

data/assets/dex-website-assets/src/scripts/product-nav.js

@@ -0,0 +1,112 @@
+P.when("jQuery", "ready").execute(function($) {
+    'use strict';
+
+    $.fn.productNav = function(options){
+        this.options = options || {};
+        this.options.step = 100;
+        this.targetParent = this.parent();
+        this.prev = this.targetParent.find('.prev');
+        this.next = this.targetParent.find('.next');
+        this.scrollLength = 0;
+
+        $(window).on('resize', checkOverflow.bind(this));
+        this.targetParent.on('click', '.prev', prev.bind(this));
+        this.targetParent.on('click', '.next', next.bind(this));
+
+        checkOverflow.call(this);
+
+        return this;
+    };
+
+    var checkOverflow = function(event) {
+        if(this[0].scrollWidth > this.innerWidth()){
+            showNav.call(this);
+        } else {
+            hideNav.call(this);
+        }
+    };
+
+    var prev = function(event) {
+        event.preventDefault();
+
+        var current_scroll = this.scrollLeft();
+
+        if(current_scroll){
+            this.next.removeClass('disabled');
+            this.animate({
+                scrollLeft: (current_scroll - this.options.step)
+            }, 300, setDisabled.bind(this, 'prev'));
+        }
+    };
+
+    var next = function(event) {
+        event.preventDefault();
+
+        var current_scroll = this.scrollLeft();
+
+        if(current_scroll !== this.scrollLength){
+            this.prev.removeClass('disabled');
+            this.animate({
+                scrollLeft: (this.options.step + current_scroll)
+            }, 300, setDisabled.bind(this, 'next'));
+        }
+    };
+
+    var showNav = function(){
+        this.removeClass('flexbox')
+            .addClass('scroll');
+        this.prev.removeClass('hidden');
+        this.next.removeClass('hidden');
+
+        this.scrollLength = this[0].scrollWidth - this.innerWidth();
+
+        setDisabled.call(this, "");
+    };
+
+    var hideNav = function() {
+        this.removeClass('scroll')
+            .addClass('flexbox');
+        this.prev.addClass('hidden');
+        this.next.addClass('hidden');
+    };
+
+    var setDisabled = function(nav_type){
+        switch(nav_type){
+            case "prev": {
+                if(this.scrollLeft() === 0) {
+                    this.prev.addClass('disabled');
+                }
+            }
+            break;
+            case "next": {
+                if (this.scrollLeft() === this.scrollLength) {
+                    this.next.addClass('disabled');
+                }
+            }
+            break;
+            default:{
+                if(this.scrollLeft()){
+                    if(this.scrollLeft() === this.scrollLength){
+                        this.next.addClass('disabled');
+                        this.prev.removeClass('disabled');
+                    }
+                } else {
+                    this.prev.addClass('disabled');
+                    this.next.removeClass('disabled');
+                }
+            }
+        }
+    };
+
+    // Autobind using Data attributes
+    (function(){
+        var $elements = $(document).find('[data-toggle="productNav"]');
+
+        $elements.each(function(){
+            var $el = $(this),
+                $target = $el.find($el.data('target'));
+
+            $target.productNav();
+        });
+    })();
+});

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

@@ -0,0 +1,41 @@
+P.when("jQuery", "ready").execute(function($) {
+    "use strict";
+
+    var $navBar = $('.dp-primary-nav');
+    var $searchForm = $('.dp-navbar-search-form');
+    var $searchFormField = $('.dp-navbar-search-field');
+    var $searchCloseBtn = $('.dp-navbar-search-close-button');
+    var $searchSubmitBtn = $('.dp-navbar-search-button');
+    var focusDelay;
+
+    function toggleSearch(e) {
+      if(!$searchForm.hasClass('dp-navbar-search-form--isActive')) {
+        e.preventDefault();
+        focusDelay = setTimeout(function () {
+            $searchFormField.focus();
+        }, 0);
+        $searchForm.addClass('dp-navbar-search-form--isActive');
+      }
+    }
+
+    function cancelSearch(e) {
+      if($searchForm.hasClass('dp-navbar-search-form--isActive')) {
+        $searchFormField.val('');
+        $searchForm.removeClass('dp-navbar-search-form--isActive');
+      }
+    }
+
+    $searchSubmitBtn.attr('disabled', false);
+    $searchFormField.val('');
+    $searchForm.on('submit', toggleSearch);
+    $navBar.on('click', cancelSearch);
+    $searchCloseBtn.on('click', cancelSearch);
+
+
+    // prevent mobile safari back button cache
+    $(window).on("pageshow", function(event) {
+        if (event.originalEvent.persisted) {
+            window.location.reload()
+        }
+    });
+});

data/assets/dex-website-assets/src/scripts/single-field-form.js

@@ -0,0 +1,28 @@
+P.when("jQuery", "ready").execute(function($) {
+  "use strict";
+
+  $('.single-field-form-submit-button').click(function(event) {
+	var form = $(this).closest('.single-field-form');
+    testEmail(form) ? form.submit() : displayErrorMessage(form);
+  });
+  
+  $('.single-field-form-email-input').on('keyup keypress', function(e) {
+    // Enter key
+    if (e.keyCode === 13) {
+      e.preventDefault();
+      var form = $(this).closest('.single-field-form');
+      testEmail(form) ? form.submit() : displayErrorMessage(form);
+      return false;
+    }
+  });
+  
+  function testEmail(form) {
+	var email = form.find('.single-field-form-email-input').val();
+    var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;  // jshint ignore:line
+    return testEmail.test(email);
+  }
+  
+  function displayErrorMessage(form) {
+    form.find('.a-alert-error').css("display", "block");
+  }
+});

data/assets/dex-website-assets/src/scripts/subscribe-form.js

@@ -0,0 +1,54 @@
+P.when("jQuery", "ready").execute(function($) {
+    "use strict";
+
+    var $subscribeForms = $('.dp-subscribe-form');
+
+    $subscribeForms.each(function(){
+        var $form = $(this);
+
+        var $elems = {};
+        $elems.emailInput = $form.find('.dp-subscribe-form-emailInput');
+        $elems.submitBtn = $form.find('.dp-subscribe-form-sumbit');
+        $elems.messageWrap = $form.find('.dp-subscribe-form-message');
+        $elems.messageText = $elems.messageWrap.find('.dp-subscribe-form-message-text');
+        $elems.failureMsg = $form.attr("data-invalid-email-msg");
+        var formData = {};
+        formData[$elems.emailInput.attr('name')] = $elems.emailInput.val();
+
+        $elems.emailInput.keypress(function(e) {
+            if(e.which == 13) {     //If keypressed was enter, trigger submit
+                e.preventDefault();
+                $elems.submitBtn.click();
+            }
+        });
+
+        $elems.submitBtn.click(function(event){
+            testEmail($elems.emailInput.val()) ? $form.submit() : updateMessage.call($elems, {type: "error", copy: $elems.failureMsg});
+        });
+    })
+    
+    function testEmail(email) {
+        var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i; // jshint ignore:line
+        return testEmail.test(email);
+    }
+    
+    function updateMessage(message) {
+
+        if(message.type === "error") {
+            this.messageWrap
+                .removeClass('dp-subscribe-form-message--success')
+                .addClass('dp-subscribe-form-message--error');
+
+            this.messageText.html(message.copy);
+        }
+
+        else {
+            this.messageWrap
+                .removeClass('dp-subscribe-form-message--error')
+                .addClass('dp-subscribe-form-message--success')
+
+            this.messageText.html(message.copy);
+            this.emailInput.prop("value", '');
+        }
+    }
+});

data/assets/dex-website-assets/src/scripts/video-responsive.js

@@ -0,0 +1,15 @@
+"use strict";
+
+P.when("jQuery", "ready").execute(function($) {
+    var allVideos = jQuery("iframe[src*='www.youtube.com'], iframe[src*='player.vimeo.com']");
+
+    allVideos.each(function() {
+        jQuery(this).addClass('embed-responsive-item');
+        var ratio = jQuery(this).height / jQuery(this).width;
+        if(ratio > 0.7) {
+            jQuery(this).wrap("<div class='embed-responsive embed-responsive-4by3'/>");
+        } else {
+            jQuery(this).wrap("<div class='embed-responsive embed-responsive-16by9'/>");
+        }
+    });
+});

data/assets/dex-website-assets/src/styles/_base.scss

@@ -0,0 +1,2 @@
+@import 'variables';
+@import 'mixins';

data/assets/dex-website-assets/src/styles/_mixins.scss

@@ -0,0 +1,73 @@
+@import 'variables';
+
+@mixin tablet-portrait {
+  @media (min-width: #{$tablet-portrait}) {
+    @content;
+  }
+}
+
+@mixin desktop {
+  @media (min-width: #{$desktop}) {
+    @content;
+  }
+}
+
+@mixin desktop-large {
+  @media (min-width: #{$desktop-large}) {
+    @content;
+  }
+}
+
+@mixin mobile-only {
+  @media (max-width: #{$mobile-only}) {
+    @content;
+  }
+}
+
+
+@mixin list-unstyled {
+  margin: 0;
+  padding: 0;
+
+  li {
+    list-style: none;
+  }
+}
+
+@mixin hero-owl-dots {
+  position: absolute;
+  left: 50%;
+  bottom: 0%;
+  -webkit-transform: translate(-50%, -20%);
+  transform: translate(-50%, -20%);
+
+  .owl-dot {
+    display: inline-block;
+    width: 12px;
+    height: 12px;
+    margin: 5px 7px;
+    border-radius: 20px;
+    background: white;
+    border: 1px solid #999;
+    box-shadow: 0 1px 1px rgba(0,0,0,0.3);
+    opacity: 0.6;
+
+    &.active {
+      opacity: 1;
+      box-shadow: 0 1px 2px rgba(0,0,0,0.4);
+    }
+  }
+}
+
+@mixin dp-content-slot--headers {
+  color: inherit;
+  line-height: 125%;
+  a, .link-style, a:hover, a:active, a:link, a:visited {
+    color: inherit;
+    text-decoration: none;
+  }
+}
+
+@mixin dp-content-slot--header-padding {
+  padding-bottom: 16px;
+}

data/assets/dex-website-assets/src/styles/_variables.scss

@@ -0,0 +1,45 @@
+// This file contains several variables that are used throughout the menu
+
+// The height of the navbar
+$navHeight: 70px;
+$navHeightMobile: 50px;
+
+// The border color used throughout the navbar
+// It utilizes alpha transparency so it can be used regardless of the background color
+$navBorderColor: rgba(0,0,0,.2);
+
+// Pre Login Nav Background color.  A very faint grey.
+$preLoginBackgroundColor: #fff;
+$preLoginTextColor: #333;
+
+// The width that we use to convert
+$convertToMobileBreakpoint: 991px;
+
+// Max width for content sections
+$defaultContentWidth: 1400px;
+
+$font-size-base: 16px;
+$font-size-small: 14px;
+$font-size-x-small: 12px;
+
+$font-weight-light: 300;
+$font-weight-regular: normal;
+$font-weight-bold: bold;
+
+$font-color-primary: #111;
+$font-color-secondary: #555;
+$font-color-tertiary: #767676;
+$font-color-disabled: $font-color-tertiary;
+
+$background-color-base: #fff;
+$background-color-light: #f6f6f6;
+$background-color-dark: #495159;
+
+$link-color: #0066c0;
+$link-color-hover: #e87825;
+$link-color-active: $link-color-hover;
+
+$tablet-portrait: 768px;
+$desktop: 992px;
+$desktop-large: 1400px;
+$mobile-only: 991px;

data/assets/dex-website-assets/src/styles/bootstrap-collapse.css

@@ -0,0 +1,25 @@
+/********
+Bootstrap Collapse Styles
+*********/
+.collapse {
+  display: none;
+  visibility: hidden; }
+  .collapse.in {
+    display: block;
+    visibility: visible; }
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition-timing-function: ease;
+  -o-transition-timing-function: ease;
+  transition-timing-function: ease;
+  -webkit-transition-duration: .35s;
+  -o-transition-duration: .35s;
+  transition-duration: .35s;
+  -webkit-transition-property: height, visibility;
+  -o-transition-property: height, visibility;
+  transition-property: height, visibility; }
+
+/*# sourceMappingURL=bootstrap-collapse.css.map */

data/assets/dex-website-assets/src/styles/bootstrap-collapse.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA;;UAEU;AAEV,SAAU;EACN,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,MAAM;EAClB,YAAK;IACD,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,OAAO;;AAG3B,WAAY;EACR,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,CAAC;EACT,QAAQ,EAAE,MAAM;EAChB,kCAAkC,EAAE,IAAI;EACxC,6BAA6B,EAAE,IAAI;EACnC,0BAA0B,EAAE,IAAI;EAChC,2BAA2B,EAAE,IAAI;EACjC,sBAAsB,EAAE,IAAI;EAC5B,mBAAmB,EAAE,IAAI;EACzB,2BAA2B,EAAE,kBAAkB;EAC/C,sBAAsB,EAAE,kBAAkB;EAC1C,mBAAmB,EAAE,kBAAkB",
+"sources": ["bootstrap-collapse.scss"],
+"names": [],
+"file": "bootstrap-collapse.css"
+}

data/assets/dex-website-assets/src/styles/bootstrap-collapse.scss

@@ -0,0 +1,26 @@
+/********
+Bootstrap Collapse Styles
+*********/
+
+.collapse {
+    display: none;
+    visibility: hidden;
+    &.in {
+        display: block;
+        visibility: visible;
+    }
+}
+.collapsing {
+    position: relative;
+    height: 0;
+    overflow: hidden;
+    -webkit-transition-timing-function: ease;
+    -o-transition-timing-function: ease;
+    transition-timing-function: ease;
+    -webkit-transition-duration: .35s;
+    -o-transition-duration: .35s;
+    transition-duration: .35s;
+    -webkit-transition-property: height, visibility;
+    -o-transition-property: height, visibility;
+    transition-property: height, visibility;
+}