fineui是帆软报表和BI产品线所使用的前端框架。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

70 lines
2.0 KiB

7 years ago
require(['gitbook', 'jQuery'], function(gitbook, $) {
var TOGGLE_CLASSNAME = 'expanded',
CHAPTER = '.chapter',
ARTICLES = '.articles',
TRIGGER_TEMPLATE = '<i class="exc-trigger fa"></i>',
LS_NAMESPACE = 'expChapters';
var init = function () {
// adding the trigger element to each ARTICLES parent and binding the event
$(ARTICLES)
.parent(CHAPTER)
.children('a,span')
.append(TRIGGER_TEMPLATE)
.on('click', function(e) {
if (!$(e.target).is('a')) {
e.preventDefault();
e.stopPropagation();
toggle($(e.target).closest(CHAPTER));
}
});
expand(lsItem());
//expand current selected chapter with it's parents
var activeChapter = $(CHAPTER + '.active');
expand(activeChapter);
expand(activeChapter.parents(CHAPTER));
}
var toggle = function ($chapter) {
if ($chapter.hasClass('expanded')) {
collapse($chapter);
} else {
expand($chapter);
}
}
var collapse = function ($chapter) {
if ($chapter.length && $chapter.hasClass(TOGGLE_CLASSNAME)) {
$chapter.removeClass(TOGGLE_CLASSNAME);
lsItem($chapter);
}
}
var expand = function ($chapter) {
if ($chapter.length && !$chapter.hasClass(TOGGLE_CLASSNAME)) {
$chapter.addClass(TOGGLE_CLASSNAME);
lsItem($chapter);
}
}
var lsItem = function () {
var map = JSON.parse(localStorage.getItem(LS_NAMESPACE)) || {}
if (arguments.length) {
var $chapters = arguments[0];
$chapters.each(function (index, element) {
var level = $(this).data('level');
var value = $(this).hasClass(TOGGLE_CLASSNAME);
map[level] = value;
})
localStorage.setItem(LS_NAMESPACE, JSON.stringify(map));
} else {
return $(CHAPTER).map(function(index, element){
if (map[$(this).data('level')]) {
return this;
}
})
}
}
gitbook.events.bind('page.change', function() {
init()
});
});