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.
170 lines
5.8 KiB
170 lines
5.8 KiB
// Copyright (c) IPython-Contrib Team.
|
|
// Distributed under the terms of the Modified BSD License.
|
|
|
|
// Hide or display solutions in a notebook
|
|
|
|
// dec 6, 2017 @jcb91: use bootstrap 'hidden' class to play nicely with collapsible_headings
|
|
// december 30, 2015: update to notebook 4.1.x
|
|
// updated on december 22, 2015 to allow consecutive exercises
|
|
// exercise2: built by @jfbercher from an earlier work by @junasch october 2015) - see readme.md
|
|
|
|
define([
|
|
'base/js/namespace',
|
|
'jquery',
|
|
'require',
|
|
'base/js/events',
|
|
], function(IPython, $, requirejs, events) {
|
|
"use strict";
|
|
|
|
var cfg = {
|
|
add_button: true,
|
|
use_hotkey: true,
|
|
hotkey: 'Alt-D',
|
|
};
|
|
|
|
/**
|
|
* handle click event
|
|
*
|
|
* @method click_solution_lock
|
|
* @param evt {Event} jquery event
|
|
*/
|
|
function click_solution_lock(evt) {
|
|
var cell = IPython.notebook.get_selected_cell();
|
|
var is_locked = cell.metadata.solution2 === 'hidden';
|
|
cell.metadata.solution2 = is_locked ? 'shown' : 'hidden';
|
|
element_set_locked(cell, !is_locked);
|
|
cell = IPython.notebook.get_next_cell(cell);
|
|
while (cell !== null && cell.metadata.solution2 !== undefined && !cell.metadata.solution2_first) {
|
|
cell.element.toggleClass('hidden', !is_locked);
|
|
cell.metadata.solution2 = is_locked ? 'shown' : 'hidden';
|
|
cell = IPython.notebook.get_next_cell(cell);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Create or Remove an exercise in selected cells
|
|
*
|
|
* @method create_remove_exercise
|
|
*
|
|
*/
|
|
function create_remove_exercise() {
|
|
var lcells = IPython.notebook.get_selected_cells();
|
|
// It is possible that no cell is selected
|
|
if (lcells.length < 1) {
|
|
alert("Exercise extension: \nPlease select some cells...");
|
|
return;
|
|
}
|
|
|
|
var cell = lcells[0];
|
|
if (cell.metadata.solution2_first) {
|
|
remove_element(cell);
|
|
delete cell.metadata.solution2_first;
|
|
while (cell !== null && cell.metadata.solution2 !== undefined && !cell.metadata.solution2_first) {
|
|
delete cell.metadata.solution2;
|
|
cell.element.removeClass('hidden');
|
|
cell = IPython.notebook.get_next_cell(cell);
|
|
}
|
|
}
|
|
else {
|
|
cell.metadata.solution2_first = true;
|
|
cell.metadata.solution2 = 'hidden';
|
|
add_element(cell);
|
|
for (var k = 1; k < lcells.length; k++) {
|
|
cell = lcells[k];
|
|
cell.element.addClass('hidden');
|
|
cell.metadata.solution2 = 'hidden';
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Add a lock control to the given cell
|
|
*/
|
|
var cbx = 0;
|
|
function add_element(cell) {
|
|
var ctrl = cell.element.find('.exercise');
|
|
if (ctrl.length > 0) return ctrl;
|
|
var locked = cell.metadata.solution2 === 'hidden';
|
|
cell.element.css('flex-wrap', 'wrap');
|
|
cbx += 1;
|
|
ctrl = $([
|
|
'<div class="exercise exercise2">',
|
|
' <div class="prompt"></div>',
|
|
' <div class="onoffswitch">',
|
|
' <input class="onoffswitch-checkbox" type="checkbox" id="myCheck' + cbx + '">',
|
|
' <label class="onoffswitch-label" for="myCheck' + cbx + '">',
|
|
' <div class="onoffswitch-inner"></div>',
|
|
' <div class="onoffswitch-switch"></div>',
|
|
' </label>',
|
|
' </div>',
|
|
'</div>'
|
|
].join('\n'))
|
|
.appendTo(cell.element);
|
|
ctrl.find('input')
|
|
.on('click', click_solution_lock);
|
|
element_set_locked(cell, locked);
|
|
return ctrl;
|
|
}
|
|
|
|
function remove_element(cell) {
|
|
cell.element.find('.exercise').remove();
|
|
}
|
|
|
|
function element_set_locked(cell, locked) {
|
|
return cell.element.find('.exercise')
|
|
.prop('checked', !locked);
|
|
}
|
|
|
|
function refresh_exercises() {
|
|
var in_exercise = false;
|
|
IPython.notebook.get_cells().forEach(function(cell) {
|
|
if (in_exercise && cell.metadata.solution2 !== undefined && !cell.metadata.solution2_first) {
|
|
cell.element.toggleClass('hidden', cell.metadata.solution2 === 'hidden');
|
|
} else {
|
|
in_exercise = false;
|
|
}
|
|
if (!in_exercise && cell.metadata.solution2 !== undefined) {
|
|
in_exercise = true;
|
|
add_element(cell);
|
|
}
|
|
});
|
|
}
|
|
|
|
function load_ipython_extension() {
|
|
// add css
|
|
$('<link rel="stylesheet" type="text/css">')
|
|
.attr('href', requirejs.toUrl('./main.css'))
|
|
.appendTo('head');
|
|
|
|
// Hide/display existing solutions at startup
|
|
events.on('notebook_loaded.Notebook', refresh_exercises);
|
|
if (IPython.notebook._fully_loaded) refresh_exercises();
|
|
|
|
var action_name = IPython.keyboard_manager.actions.register({
|
|
help : 'Exercise2: Create/Remove exercise',
|
|
help_index: 'ht',
|
|
icon : 'fa-toggle-on',
|
|
handler : create_remove_exercise,
|
|
}, 'create_remove_exercise', 'exercise2');
|
|
|
|
return IPython.notebook.config.loaded.then(function() {
|
|
$.extend(true, cfg, IPython.notebook.config.data.exercise2);
|
|
|
|
if (cfg.add_button) {
|
|
IPython.toolbar.add_buttons_group([action_name]);
|
|
}
|
|
if (cfg.use_hotkey && cfg.hotkey) {
|
|
var cmd_shrts = {};
|
|
cmd_shrts[cfg.hotkey] = action_name;
|
|
IPython.keyboard_manager.command_shortcuts.add_shortcuts(cmd_shrts);
|
|
}
|
|
}).catch(function(err) {
|
|
console.warn('[exercise2] error:', err);
|
|
});
|
|
}
|
|
|
|
return {
|
|
load_ipython_extension: load_ipython_extension,
|
|
};
|
|
});
|