12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- 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
- var chapterLink = $(ARTICLES).parent(CHAPTER).children('a');
- chapterLink.append($(TRIGGER_TEMPLATE));
- chapterLink.on('click', function (e) {
- e.preventDefault();
- //e.stopPropagation();
- toggle($(e.target).closest(CHAPTER));
- });
- expand(lsItem());
- //expand current selected chapter with it's parents
- collapse($(CHAPTER));
- var activeChapter = $(CHAPTER + '.active');
- expand(activeChapter);
- expand(activeChapter.parents(CHAPTER));
- }
- //on page.change will happend the function.
- var toggle = function ($chapter) {
- if ($chapter.hasClass('expanded')) {
- collapse($chapter);
- } else {
- expand($chapter);
- //$chapter.addClass('active').siblings().removeClass('active');
- }
- }
- 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()
- });
- });
|