diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 490f3fe87b6..a294044d1ad 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -19,7 +19,7 @@
-
- {{ partial "docs-side-nav.html" . }} -
+ + + {{ partial "docs-side-nav.html" . }} +
0){ - if($(this).children(".submenu").css("display") == "none"){ - $(this).children(".submenu").delay(opts.showDelay).slideDown(opts.speed); - $(this).children(".submenu").siblings("a").addClass("submenu-indicator-minus"); - $(this).addClass("activate"); - if(opts.singleOpen){ - $(this).siblings().children(".submenu").slideUp(opts.speed); - $(this).siblings().children(".submenu").siblings("a").removeClass("submenu-indicator-minus"); - } - return false; - } - else{ - $(this).children(".submenu").delay(opts.hideDelay).slideUp(opts.speed); - } - if($(this).children(".submenu").siblings("a").hasClass("submenu-indicator-minus")){ - $(this).children(".submenu").siblings("a").removeClass("submenu-indicator-minus"); - $(this).removeClass("activate"); - } - } - window.location.href = $(this).children("a").attr("href"); - }); - }, - - submenuIndicators: function () { - if($(this.element).find(".submenu").length > 0){ - $(this.element).find(".submenu").siblings("a").append(""); - } - }, - - addClickEffect: function () { - var ink, d, x, y; - $(this.element).find("a").bind("click touchstart", function(e){ - - $(".ink").remove(); - - if($(this).children(".ink").length === 0){ - $(this).prepend(""); - } - - ink = $(this).find(".ink"); - ink.removeClass("animate-ink"); - - if(!ink.height() && !ink.width()){ - d = Math.max($(this).outerWidth(), $(this).outerHeight()); - ink.css({height: d, width: d}); - } - - x = e.pageX - $(this).offset().left - ink.width()/2; - y = e.pageY - $(this).offset().top - ink.height()/2; - - ink.css({top: y+'px', left: x+'px'}).addClass("animate-ink"); - }); + // Side menu script + ;(function ( $, window, document, undefined ) { + var pluginName = "jqueryAccordionMenu"; + var defaults = { + speed: 300, + showDelay: 0, + hideDelay: 0, + singleOpen: true, + clickEffect: true + }; + + function Plugin ( element, options ) { + this.element = element; + this.settings = $.extend( {}, defaults, options ); + this._defaults = defaults; + this._name = pluginName; + this.init(); + }; + + $.extend(Plugin.prototype, { + + init: function () { + this.openSubmenu(); + this.submenuIndicators(); + if(this.settings.clickEffect){ + this.addClickEffect(); + } + }, + + openSubmenu: function () { + var opts = this.settings; //to differ from local variable "this" + $(this.element).children("ul").find("li").bind("click touchstart", function(e){ + e.stopPropagation(); + e.preventDefault(); + + if ($(this).attr('class') === 'back-to-the-top') { + $('.mobile-header-container').scrollTop(0); + } + + if($(this).children(".submenu").length > 0) { + if($(this).children(".submenu").css("display") == "none") { + $(this).children(".submenu").delay(opts.showDelay).slideDown(opts.speed); + $(this).children(".submenu").siblings("a").addClass("submenu-indicator-minus"); + $(this).addClass("activate"); + if(opts.singleOpen){ + $(this).siblings().children(".submenu").slideUp(opts.speed); + $(this).siblings().children(".submenu").siblings("a").removeClass("submenu-indicator-minus"); + $(this).removeClass("activate"); + } + return false; + } else { + $(this).children(".submenu").delay(opts.hideDelay).slideUp(opts.speed); + $(this).removeClass("activate"); } - + if($(this).children(".submenu").siblings("a").hasClass("submenu-indicator-minus")){ + $(this).children(".submenu").siblings("a").removeClass("submenu-indicator-minus"); + } + } + window.location.href = $(this).children("a").attr("href"); }); - - $.fn[ pluginName ] = function ( options ) { - this.each(function() { - if ( !$.data( this, "plugin_" + pluginName ) ) { - $.data( this, "plugin_" + pluginName, new Plugin( this, options ) ); - } - }); - return this; - }; - })( jQuery, window, document ); - - var sideNavMenus = $('.side-menus-wrap'); - - sideNavMenus.jqueryAccordionMenu(); + }, + + submenuIndicators: function () { + if($(this.element).find(".submenu").length > 0){ + $(this.element).find(".submenu").siblings("a").append(""); + } + }, + + addClickEffect: function () { + var ink, d, x, y; + $(this.element).find("a").bind("click touchstart", function(e){ + $(".ink").remove(); + + if($(this).children(".ink").length === 0){ + $(this).prepend(""); + } + + ink = $(this).find(".ink"); + ink.removeClass("animate-ink"); + + if(!ink.height() && !ink.width()){ + d = Math.max($(this).outerWidth(), $(this).outerHeight()); + ink.css({height: d, width: d}); + } + + x = e.pageX - $(this).offset().left - ink.width()/2; + y = e.pageY - $(this).offset().top - ink.height()/2; + + ink.css({top: y+'px', left: x+'px'}).addClass("animate-ink"); + }); + } + }); + + $.fn[ pluginName ] = function ( options ) { + this.each(function() { + if ( !$.data( this, "plugin_" + pluginName ) ) { + $.data( this, "plugin_" + pluginName, new Plugin( this, options ) ); + } + }); + return this; + }; + })( jQuery, window, document ); + + var sideNavMenus = $('.side-menus-container'); + + sideNavMenus.jqueryAccordionMenu(); }); diff --git a/layouts/partials/docs-side-nav.html b/layouts/partials/docs-side-nav.html index 6ac4b4f70d7..55e99f8d72a 100644 --- a/layouts/partials/docs-side-nav.html +++ b/layouts/partials/docs-side-nav.html @@ -12,43 +12,56 @@ {{end}} - +
- + + {{ define "section-tree-nav" }} {{ range .Sections}} diff --git a/static/imgs/button-arrow.png b/static/imgs/button-arrow.png new file mode 100644 index 00000000000..773985449fc Binary files /dev/null and b/static/imgs/button-arrow.png differ diff --git a/static/imgs/icon-facebook.svg b/static/imgs/icon-facebook.svg new file mode 100644 index 00000000000..fc380b86fb0 --- /dev/null +++ b/static/imgs/icon-facebook.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/imgs/icon-github.svg b/static/imgs/icon-github.svg new file mode 100644 index 00000000000..0e3d0dcc8f6 --- /dev/null +++ b/static/imgs/icon-github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/imgs/icon-linkedin.svg b/static/imgs/icon-linkedin.svg new file mode 100644 index 00000000000..fb78ceb0f67 --- /dev/null +++ b/static/imgs/icon-linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/imgs/icon-slack.svg b/static/imgs/icon-slack.svg new file mode 100644 index 00000000000..adf00c858d2 --- /dev/null +++ b/static/imgs/icon-slack.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/imgs/icon-twitter.svg b/static/imgs/icon-twitter.svg new file mode 100644 index 00000000000..a5ad0518136 --- /dev/null +++ b/static/imgs/icon-twitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/imgs/icon-youtube.svg b/static/imgs/icon-youtube.svg new file mode 100644 index 00000000000..2ff28e1b373 --- /dev/null +++ b/static/imgs/icon-youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/imgs/rancher-logo-horiz-color.png b/static/imgs/rancher-logo-horiz-color.png new file mode 100644 index 00000000000..a9d1c626e54 Binary files /dev/null and b/static/imgs/rancher-logo-horiz-color.png differ