mirror of https://github.com/abpframework/abp.git
Armağan Ünlü
8 years ago
14 changed files with 541 additions and 172 deletions
@ -0,0 +1,60 @@ |
|||||
|
/*! |
||||
|
* Bootstrap Table of Contents v1.0.0 (http://afeld.github.io/bootstrap-toc/) |
||||
|
* Copyright 2015 Aidan Feldman |
||||
|
* Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md) */ |
||||
|
|
||||
|
/* modified from https://github.com/twbs/bootstrap/blob/94b4076dd2efba9af71f0b18d4ee4b163aa9e0dd/docs/assets/css/src/docs.css#L548-L601 */ |
||||
|
|
||||
|
/* All levels of nav */ |
||||
|
nav[data-toggle='toc'] .nav > li > a { |
||||
|
display: block; |
||||
|
padding: 4px 20px; |
||||
|
font-size: 13px; |
||||
|
font-weight: 500; |
||||
|
color: #767676; |
||||
|
} |
||||
|
nav[data-toggle='toc'] .nav > li > a:hover, |
||||
|
nav[data-toggle='toc'] .nav > li > a:focus { |
||||
|
padding-left: 19px; |
||||
|
color: #563d7c; |
||||
|
text-decoration: none; |
||||
|
background-color: transparent; |
||||
|
border-left: 1px solid #563d7c; |
||||
|
} |
||||
|
nav[data-toggle='toc'] .nav-link.active, |
||||
|
nav[data-toggle='toc'] .nav-link.active:hover, |
||||
|
nav[data-toggle='toc'] .nav-link.active:focus { |
||||
|
padding-left: 18px; |
||||
|
font-weight: bold; |
||||
|
color: #563d7c; |
||||
|
background-color: transparent; |
||||
|
border-left: 2px solid #563d7c; |
||||
|
} |
||||
|
|
||||
|
/* Nav: second level (shown on .active) */ |
||||
|
nav[data-toggle='toc'] .nav-link + ul { |
||||
|
display: none; /* Hide by default, but at >768px, show it */ |
||||
|
padding-bottom: 10px; |
||||
|
} |
||||
|
|
||||
|
nav[data-toggle='toc'] .nav .nav > li > a { |
||||
|
padding-top: 1px; |
||||
|
padding-bottom: 1px; |
||||
|
padding-left: 30px; |
||||
|
font-size: 12px; |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
nav[data-toggle='toc'] .nav .nav > li > a:hover, |
||||
|
nav[data-toggle='toc'] .nav .nav > li > a:focus { |
||||
|
padding-left: 29px; |
||||
|
} |
||||
|
nav[data-toggle='toc'] .nav .nav > li > .active, |
||||
|
nav[data-toggle='toc'] .nav .nav > li > .active:hover, |
||||
|
nav[data-toggle='toc'] .nav .nav > li > .active:focus { |
||||
|
padding-left: 28px; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
|
||||
|
nav[data-toggle='toc'] .nav-link.active + ul { |
||||
|
display: block; |
||||
|
} |
||||
@ -0,0 +1,159 @@ |
|||||
|
/*! |
||||
|
* Bootstrap Table of Contents v1.0.0 (http://afeld.github.io/bootstrap-toc/)
|
||||
|
* Copyright 2015 Aidan Feldman |
||||
|
* Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md) */
|
||||
|
(function($) { |
||||
|
'use strict'; |
||||
|
|
||||
|
window.Toc = { |
||||
|
helpers: { |
||||
|
// return all matching elements in the set, or their descendants
|
||||
|
findOrFilter: function($el, selector) { |
||||
|
// http://danielnouri.org/notes/2011/03/14/a-jquery-find-that-also-finds-the-root-element/
|
||||
|
// http://stackoverflow.com/a/12731439/358804
|
||||
|
var $descendants = $el.find(selector); |
||||
|
return $el.filter(selector).add($descendants).filter(':not([data-toc-skip])'); |
||||
|
}, |
||||
|
|
||||
|
generateUniqueIdBase: function(el) { |
||||
|
var text = $(el).text(); |
||||
|
var anchor = text.trim().toLowerCase().replace(/[^A-Za-z0-9]+/g, '-'); |
||||
|
return anchor || el.tagName.toLowerCase(); |
||||
|
}, |
||||
|
|
||||
|
generateUniqueId: function(el) { |
||||
|
var anchorBase = this.generateUniqueIdBase(el); |
||||
|
for (var i = 0; ; i++) { |
||||
|
var anchor = anchorBase; |
||||
|
if (i > 0) { |
||||
|
// add suffix
|
||||
|
anchor += '-' + i; |
||||
|
} |
||||
|
// check if ID already exists
|
||||
|
if (!document.getElementById(anchor)) { |
||||
|
return anchor; |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
generateAnchor: function(el) { |
||||
|
if (el.id) { |
||||
|
return el.id; |
||||
|
} else { |
||||
|
var anchor = this.generateUniqueId(el); |
||||
|
el.id = anchor; |
||||
|
return anchor; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
createNavList: function() { |
||||
|
return $('<ul class="nav navbar-nav"></ul>'); |
||||
|
}, |
||||
|
|
||||
|
createChildNavList: function($parent) { |
||||
|
var $childList = this.createNavList(); |
||||
|
$parent.append($childList); |
||||
|
return $childList; |
||||
|
}, |
||||
|
|
||||
|
generateNavEl: function(anchor, text) { |
||||
|
var $a = $('<a class="nav-link"></a>'); |
||||
|
$a.attr('href', '#' + anchor); |
||||
|
$a.text(text); |
||||
|
var $li = $('<li></li>'); |
||||
|
$li.append($a); |
||||
|
return $li; |
||||
|
}, |
||||
|
|
||||
|
generateNavItem: function(headingEl) { |
||||
|
var anchor = this.generateAnchor(headingEl); |
||||
|
var $heading = $(headingEl); |
||||
|
var text = $heading.data('toc-text') || $heading.text(); |
||||
|
return this.generateNavEl(anchor, text); |
||||
|
}, |
||||
|
|
||||
|
// Find the first heading level (`<h1>`, then `<h2>`, etc.) that has more than one element. Defaults to 1 (for `<h1>`).
|
||||
|
getTopLevel: function($scope) { |
||||
|
for (var i = 1; i <= 6; i++) { |
||||
|
var $headings = this.findOrFilter($scope, 'h' + i); |
||||
|
if ($headings.length > 1) { |
||||
|
return i; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
return 1; |
||||
|
}, |
||||
|
|
||||
|
// returns the elements for the top level, and the next below it
|
||||
|
getHeadings: function($scope, topLevel) { |
||||
|
var topSelector = 'h' + topLevel; |
||||
|
|
||||
|
var secondaryLevel = topLevel + 1; |
||||
|
var secondarySelector = 'h' + secondaryLevel; |
||||
|
|
||||
|
return this.findOrFilter($scope, topSelector + ',' + secondarySelector); |
||||
|
}, |
||||
|
|
||||
|
getNavLevel: function(el) { |
||||
|
return parseInt(el.tagName.charAt(1), 10); |
||||
|
}, |
||||
|
|
||||
|
populateNav: function($topContext, topLevel, $headings) { |
||||
|
var $context = $topContext; |
||||
|
var $prevNav; |
||||
|
|
||||
|
var helpers = this; |
||||
|
$headings.each(function(i, el) { |
||||
|
var $newNav = helpers.generateNavItem(el); |
||||
|
var navLevel = helpers.getNavLevel(el); |
||||
|
|
||||
|
// determine the proper $context
|
||||
|
if (navLevel === topLevel) { |
||||
|
// use top level
|
||||
|
$context = $topContext; |
||||
|
} else if ($prevNav && $context === $topContext) { |
||||
|
// create a new level of the tree and switch to it
|
||||
|
$context = helpers.createChildNavList($prevNav); |
||||
|
} // else use the current $context
|
||||
|
|
||||
|
$context.append($newNav); |
||||
|
|
||||
|
$prevNav = $newNav; |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
parseOps: function(arg) { |
||||
|
var opts; |
||||
|
if (arg.jquery) { |
||||
|
opts = { |
||||
|
$nav: arg |
||||
|
}; |
||||
|
} else { |
||||
|
opts = arg; |
||||
|
} |
||||
|
opts.$scope = opts.$scope || $(document.body); |
||||
|
return opts; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// accepts a jQuery object, or an options object
|
||||
|
init: function(opts) { |
||||
|
opts = this.helpers.parseOps(opts); |
||||
|
|
||||
|
// ensure that the data attribute is in place for styling
|
||||
|
opts.$nav.attr('data-toggle', 'toc'); |
||||
|
|
||||
|
var $topContext = this.helpers.createChildNavList(opts.$nav); |
||||
|
var topLevel = this.helpers.getTopLevel(opts.$scope); |
||||
|
var $headings = this.helpers.getHeadings(opts.$scope, topLevel); |
||||
|
this.helpers.populateNav($topContext, topLevel, $headings); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
$(function() { |
||||
|
$('nav[data-toggle="toc"]').each(function(i, el) { |
||||
|
var $nav = $(el); |
||||
|
Toc.init($nav); |
||||
|
}); |
||||
|
}); |
||||
|
})(jQuery); |
||||
@ -0,0 +1,4 @@ |
|||||
|
/*! |
||||
|
* Bootstrap Table of Contents v1.0.0 (http://afeld.github.io/bootstrap-toc/) |
||||
|
* Copyright 2015 Aidan Feldman |
||||
|
* Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md) */nav[data-toggle=toc] .nav>li>a{display:block;padding:4px 20px;font-size:13px;font-weight:500;color:#767676}nav[data-toggle=toc] .nav>li>a:focus,nav[data-toggle=toc] .nav>li>a:hover{padding-left:19px;color:#563d7c;text-decoration:none;background-color:transparent;border-left:1px solid #563d7c}nav[data-toggle=toc] .nav-link.active,nav[data-toggle=toc] .nav-link.active:focus,nav[data-toggle=toc] .nav-link.active:hover{padding-left:18px;font-weight:700;color:#563d7c;background-color:transparent;border-left:2px solid #563d7c}nav[data-toggle=toc] .nav-link+ul{display:none;padding-bottom:10px}nav[data-toggle=toc] .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}nav[data-toggle=toc] .nav .nav>li>a:focus,nav[data-toggle=toc] .nav .nav>li>a:hover{padding-left:29px}nav[data-toggle=toc] .nav .nav>li>.active,nav[data-toggle=toc] .nav .nav>li>.active:focus,nav[data-toggle=toc] .nav .nav>li>.active:hover{padding-left:28px;font-weight:500}nav[data-toggle=toc] .nav-link.active+ul{display:block} |
||||
@ -0,0 +1,5 @@ |
|||||
|
/*! |
||||
|
* Bootstrap Table of Contents v1.0.0 (http://afeld.github.io/bootstrap-toc/)
|
||||
|
* Copyright 2015 Aidan Feldman |
||||
|
* Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md) */
|
||||
|
!function(e){"use strict";window.Toc={helpers:{findOrFilter:function(e,t){var n=e.find(t);return e.filter(t).add(n).filter(":not([data-toc-skip])")},generateUniqueIdBase:function(t){var n=e(t).text(),r=n.trim().toLowerCase().replace(/[^A-Za-z0-9]+/g,"-");return r||t.tagName.toLowerCase()},generateUniqueId:function(e){for(var t=this.generateUniqueIdBase(e),n=0;;n++){var r=t;if(n>0&&(r+="-"+n),!document.getElementById(r))return r}},generateAnchor:function(e){if(e.id)return e.id;var t=this.generateUniqueId(e);return e.id=t,t},createNavList:function(){return e('<ul class="nav navbar-nav"></ul>')},createChildNavList:function(e){var t=this.createNavList();return e.append(t),t},generateNavEl:function(t,n){var r=e('<a class="nav-link"></a>');r.attr("href","#"+t),r.text(n);var a=e("<li></li>");return a.append(r),a},generateNavItem:function(t){var n=this.generateAnchor(t),r=e(t),a=r.data("toc-text")||r.text();return this.generateNavEl(n,a)},getTopLevel:function(e){for(var t=1;t<=6;t++){var n=this.findOrFilter(e,"h"+t);if(n.length>1)return t}return 1},getHeadings:function(e,t){var n="h"+t,r=t+1,a="h"+r;return this.findOrFilter(e,n+","+a)},getNavLevel:function(e){return parseInt(e.tagName.charAt(1),10)},populateNav:function(e,t,n){var r,a=e,i=this;n.each(function(n,o){var s=i.generateNavItem(o),u=i.getNavLevel(o);u===t?a=e:r&&a===e&&(a=i.createChildNavList(r)),a.append(s),r=s})},parseOps:function(t){var n;return n=t.jquery?{$nav:t}:t,n.$scope=n.$scope||e(document.body),n}},init:function(e){e=this.helpers.parseOps(e),e.$nav.attr("data-toggle","toc");var t=this.helpers.createChildNavList(e.$nav),n=this.helpers.getTopLevel(e.$scope),r=this.helpers.getHeadings(e.$scope,n);this.helpers.populateNav(t,n,r)}},e(function(){e('nav[data-toggle="toc"]').each(function(t,n){var r=e(n);Toc.init(r)})})}(jQuery); |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue