').attr('id', 'Navigate_menu').addClass('dropdown-menu')
+ .append($("").attr("id", "navigate_menu").addClass('toc')))
+
+ if (cfg['nav_menu']) {
+ $('#Navigate_menu').css(cfg['nav_menu'])
+ $('#navigate_menu').css('width', $('#Navigate_menu').css('width'))
+ $('#navigate_menu').css('height', $('#Navigate_menu').height())
+ } else {
+ cfg.nav_menu = {};
+ events.on("before_save.Notebook",
+ function() {
+ try {
+ cfg.nav_menu['width'] = $('#Navigate_menu').css('width')
+ cfg.nav_menu['height'] = $('#Navigate_menu').css('height')
+ } catch (e) {
+ console.log("[toc2] Error in metadata (navigation menu) - Proceeding", e)
+ }
+ })
+ }
+
+ $('#Navigate_menu').resizable({
+ resize: function(event, ui) {
+ $('#navigate_menu').css('width', $('#Navigate_menu').css('width'))
+ $('#navigate_menu').css('height', $('#Navigate_menu').height())
+ },
+ stop: function(event, ui) {
+ cfg.nav_menu['width'] = $('#Navigate_menu').css('width')
+ cfg.nav_menu['height'] = $('#Navigate_menu').css('height')
+ }
+ })
+
+ callback && callback();
+ }
+
+ function setNotebookWidth(cfg, st) {
+ var margin = 20;
+ var nb_inner = $('#notebook-container');
+ var nb_wrap_w = $('#notebook').width();
+ var sidebar = $('#toc-wrapper');
+ var visible_sidebar = cfg.sideBar && sidebar.is(':visible');
+ var sidebar_w = visible_sidebar ? sidebar.outerWidth() : 0;
+ var available_space = nb_wrap_w - 2 * margin - sidebar_w;
+ var inner_css = {marginLeft: '', width: ''};
+ if (cfg.widenNotebook) {
+ inner_css.width = available_space;
+ }
+ if (visible_sidebar) {
+ var nb_inner_w = nb_inner.outerWidth();
+ inner_css.marginLeft = sidebar_w + margin; // shift notebook rightward to fit the sidebar in
+ if (available_space <= nb_inner_w) {
+ inner_css.width = available_space; // also slim notebook to fit sidebar
+ }
+ }
+ nb_inner.css(inner_css);
+ }
+
+ var saveTocPosition = function () {
+ var toc_wrapper = $('#toc-wrapper');
+ var new_values = toc_wrapper.hasClass('sidebar-wrapper') ? ['width'] : ['left', 'top', 'height', 'width'];
+ $.extend(toc_position, toc_wrapper.css(new_values));
+ setMd('toc_position', toc_position);
+ };
+
+ var makeUnmakeMinimized = function (cfg, animate) {
+ var open = cfg.sideBar || cfg.toc_section_display;
+ var new_css, wrap = $('#toc-wrapper');
+ var anim_opts = {duration: animate ? 'fast' : 0};
+ if (open) {
+ $('#toc').show();
+ new_css = cfg.sideBar ? {} : {height: toc_position.height, width: toc_position.width};
+ }
+ else {
+ new_css = {
+ height: wrap.outerHeight() - wrap.find('#toc').outerHeight(),
+ };
+ anim_opts.complete = function () {
+ $('#toc').hide();
+ $('#toc-wrapper').css('width', '');
+ };
+ }
+ wrap.toggleClass('closed', !open)
+ .animate(new_css, anim_opts)
+ .find('.hide-btn').attr('title', open ? 'Hide ToC' : 'Show ToC');
+ return open;
+ };
+
+ var makeUnmakeSidebar = function (cfg) {
+ var make_sidebar = cfg.sideBar;
+ var wrap = $('#toc-wrapper')
+ .toggleClass('sidebar-wrapper', make_sidebar)
+ .toggleClass('float-wrapper', !make_sidebar)
+ .resizable('option', 'handles', make_sidebar ? 'e' : 'all');
+ wrap.children('.ui-resizable-se').toggleClass('ui-icon', !make_sidebar);
+ wrap.children('.ui-resizable-e').toggleClass('ui-icon ui-icon-grip-dotted-vertical', make_sidebar);
+ if (make_sidebar) {
+ var sidebar_top = liveNotebook ? document.getElementById('site').top : 0
+ wrap.css({top: sidebar_top,height: "",left: 0});
+ }
+ else {
+ wrap.css({height: toc_position.height});
+ }
+ setNotebookWidth(cfg);
+ };
+
+ var create_toc_div = function(cfg, st) {
+
+ var callbackPageResize = function (evt) {
+ setNotebookWidth(cfg);
+ };
+
+ var toc_wrapper = $('')
+ .css('display', 'none')
+ .append(
+ $('')
+ .append('')
+ .append(
+ $('')
+ .on('click', function (evt) {
+ cfg.toc_section_display = setMd('toc_section_display', !cfg.toc_section_display);
+ makeUnmakeMinimized(cfg, true);
+ })
+ ).append(
+ $('')
+ .on('click', function(evt) {
+ var icon = $(evt.currentTarget).addClass('fa-spin');
+ table_of_contents(cfg, st);
+ icon.removeClass('fa-spin');
+ })
+ ).append(
+ $('')
+ .on('click', function(evt) {
+ show_settings_dialog(cfg, st);
+ })
+ )
+ ).append(
+ $("").attr("id", "toc").addClass('toc')
+ )
+ .prependTo(liveNotebook ? '#site' : document.body);
+
+ // enable dragging and save position on stop moving
+ toc_wrapper.draggable({
+ drag: function(event, ui) {
+ var make_sidebar = ui.position.left < 20; // 20 is snapTolerance
+ if (make_sidebar) {
+ ui.position.top = liveNotebook ? document.getElementById('site').top : 0
+ ui.position.left = 0;
+ }
+ if (make_sidebar !== cfg.sideBar) {
+ cfg.toc_section_display = setMd('toc_section_display', true);
+ cfg.sideBar = setMd('sideBar', make_sidebar);
+ makeUnmakeMinimized(cfg);
+ makeUnmakeSidebar(cfg);
+ }
+ }, //end of drag function
+ stop: saveTocPosition,
+ containment: 'parent',
+ snap: 'body, #site',
+ snapTolerance: 20,
+ });
+
+ toc_wrapper.resizable({
+ handles: 'all',
+ resize: function(event, ui) {
+ if (cfg.sideBar) {
+ // unset the height set by jquery resizable
+ $('#toc-wrapper').css('height', '');
+ setNotebookWidth(cfg, st)
+ }
+ },
+ start: function(event, ui) {
+ if (!cfg.sideBar) {
+ cfg.toc_section_display = setMd('toc_section_display', true);
+ makeUnmakeMinimized(cfg);
+ }
+ },
+ stop: saveTocPosition,
+ containment: 'parent',
+ minHeight: 100,
+ minWidth: 165,
+ });
+
+ // On header/menu/toolbar resize, resize the toc itself
+ $(window).on('resize', callbackPageResize);
+ if (liveNotebook) {
+ events.on("resize-header.Page toggle-all-headers", callbackPageResize);
+ $.extend(toc_position, IPython.notebook.metadata.toc.toc_position);
+ }
+ else {
+ // default to true for non-live notebook
+ cfg.toc_window_display = true;
+ }
+ // restore toc position at load
+ toc_wrapper.css(cfg.sideBar ? {width: toc_position.width} : toc_position);
+ // older toc2 versions stored string representations, so update those
+ if (cfg.toc_window_display === 'none') {
+ cfg.toc_window_display = setMd('toc_window_display', false);
+ }
+ if (cfg.toc_section_display === 'none') {
+ cfg.toc_section_display = setMd('toc_section_display', false);
+ }
+ toc_wrapper.toggle(cfg.toc_window_display);
+ makeUnmakeSidebar(cfg);
+ $("#toc_button").toggleClass('active', cfg.toc_window_display);
+ if (!cfg.toc_section_display) {
+ makeUnmakeMinimized(cfg);
+ }
+ };
+
+ //----------------------------------------------------------------------------
+ // on scroll - mark the toc item corresponding to the first header visible in
+ // the viewport with 'highlight_on_scroll' class
+ // some elements from https://stackoverflow.com/questions/20791374/jquery-check-if-element-is-visible-in-viewport
+ function highlightTocItemOnScroll(cfg, st) {
+ if (cfg.markTocItemOnScroll) {
+ var scrolling_elt = liveNotebook ? '#site' : window
+ $(scrolling_elt).scroll(function() {
+ var headerVisibleHeight = $('#header').is(':visible') ? $('#header').height() : 0
+ var headerHeight = liveNotebook ? headerVisibleHeight : 0
+ var bottom_of_screen = $(window).scrollTop() + $(scrolling_elt).height() + headerHeight;
+ var top_of_screen = $(window).scrollTop() + headerHeight;
+ //loop over all headers
+ all_headers.each(function(i, h) {
+ var top_of_element = $(h).offset().top;
+
+ if ((bottom_of_screen > top_of_element) && (top_of_screen < top_of_element)) {
+ // The element is visible
+ var trg_id = $(h).attr('data-toc-modified-id')
+ if (trg_id !== undefined) {
+ var highlighted_item = $('#toc a').filter(function(idx, elt) {
+ return $(elt).attr('data-toc-modified-id') === trg_id;
+ });
+ $('#toc .highlight_on_scroll').removeClass('highlight_on_scroll')
+ highlighted_item.parent().addClass('highlight_on_scroll')
+ }
+ return false;
+ } else {
+ // The element is not visible
+ // If the current header is already below the viewport then break
+ if (bottom_of_screen < top_of_element) return false
+ else return
+ }
+ })
+ });
+ }
+ }
+ //----------------------------------------------------------------------------
+ // TOC CELL -- if cfg.toc_cell=true, add and update a toc cell in the notebook.
+ // This cell, initially at the very beginning, can be moved.
+ // Its contents are automatically updated.
+ // Optionnaly, the sections in the toc can be numbered.
+
+ function process_cell_toc(cfg, st) {
+ var new_html = '
' +
+ $('
').text(cfg.title_cell).html() + '\n' +
+ '
' +
+ $('#toc').html() +
+ '
';
+ if (!liveNotebook) {
+ if (cfg.toc_cell) {
+ $('.cell > .toc').parent(':has(.tocSkip)')
+ .html(new_html)
+ .find('.toc-item li a')
+ .on('click', callback_toc_link_click);
+ }
+ return;
+ }
+ var cell_toc;
+ // look for a possible toc cell
+ var cells = IPython.notebook.get_cells();
+ var lcells = cells.length;
+ for (var i = 0; i < lcells; i++) {
+ if (cells[i].metadata.toc) {
+ // delete if we don't want it
+ if (!cfg.toc_cell) {
+ return IPython.notebook.delete_cell(i);
+ }
+ cell_toc = cells[i];
+ break;
+ }
+ }
+ //if toc_cell=true, we want a cell_toc.
+ // If it does not exist, create it at the beginning of the notebook
+ if (cfg.toc_cell) {
+ if (cell_toc === undefined) {
+ // set rendering_toc_cell flag to avoid loop on insert_cell_above
+ rendering_toc_cell = true;
+ cell_toc = IPython.notebook.insert_cell_above('markdown', 0);
+ cell_toc.metadata.toc = true;
+ rendering_toc_cell = false;
+ }
+ // set rendering_toc_cell flag to avoid loop on render
+ rendering_toc_cell = true;
+ cell_toc.set_text(new_html);
+ cell_toc.render();
+ rendering_toc_cell = false;
+ cell_toc.element.find('.toc-item li a').on('click', callback_toc_link_click);
+ }
+ } //end function process_cell_toc --------------------------
+
+ var collapse_by_id = function(trg_id, show, trigger_event) {
+ var anchors = $('.toc .toc-item > li > span > a').filter(function(idx, elt) {
+ return $(elt).attr('data-toc-modified-id') === trg_id;
+ });
+ anchors.siblings('i')
+ .toggleClass('fa-caret-right', !show)
+ .toggleClass('fa-caret-down', show);
+ anchors.parent().siblings('ul')[show ? 'slideDown' : 'slideUp']('fast');
+ if (trigger_event !== false) {
+ // fire event for collapsible_heading to catch
+ var cell = $(document.getElementById(trg_id)).closest('.cell').data('cell');
+ events.trigger((show ? 'un' : '') + 'collapse.Toc', {
+ cell: cell
+ });
+ }
+ };
+
+ var callback_toc2_collapsible_headings = function(evt, data) {
+ var trg_id = data.cell.element.find(':header').filter(function(idx, elt) {
+ return Boolean($(elt).attr('data-toc-modified-id'));
+ }).attr('data-toc-modified-id');
+ var show = evt.type.indexOf('un') >= 0;
+ // use trigger_event false to avoid re-triggering collapsible_headings
+ collapse_by_id(trg_id, show, false);
+ };
+
+ var callback_collapser = function(evt) {
+ var clicked_i = $(evt.currentTarget);
+ var trg_id = clicked_i.siblings('a').attr('data-toc-modified-id');
+ var show = clicked_i.hasClass('fa-caret-right');
+ collapse_by_id(trg_id, show);
+ };
+
+ // Table of Contents =================================================================
+ var table_of_contents = function(cfg, st) {
+
+ // if this call is a result of toc_cell rendering, do nothing to avoid
+ // looping, as we're already in a table_of_contents call
+ if (rendering_toc_cell) {
+ return
+ }
+
+ // In a live notebook, read_config will have been called already, but
+ // in non-live notebooks, ensure that all config values are defined.
+ if (!liveNotebook) {
+ cfg = $.extend(true, {}, default_cfg, cfg);
+ }
+
+ var toc_wrapper = $("#toc-wrapper");
+ if (toc_wrapper.length === 0) { // toc window doesn't exist at all
+ create_toc_div(cfg, st); // create it
+ highlightTocItemOnScroll(cfg, st); // initialize highlighting on scroll
+ }
+ var ul = $('