File size: 5,901 Bytes
fdaf774 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 |
// 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,
};
});
|