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
|
// leave at least 2 line with only a star on it below, or doc generation fails
/**
*
*
* Placeholder for custom user javascript
* mainly to be overridden in profile/static/custom/custom.js
* This will always be an empty file in IPython
*
* User could add any javascript in the `profile/static/custom/custom.js` file
* (and should create it if it does not exist).
* It will be executed by the ipython notebook at load time.
*
* Same thing with `profile/static/custom/custom.css` to inject custom css into the notebook.
*
* Example :
*
* Create a custom button in toolbar that execute `%qtconsole` in kernel
* and hence open a qtconsole attached to the same kernel as the current notebook
*
* $([IPython.events]).on('app_initialized.NotebookApp', function(){
* IPython.toolbar.add_buttons_group([
* {
* 'label' : 'run qtconsole',
* 'icon' : 'icon-terminal', // select your icon from http://fortawesome.github.io/Font-Awesome/icons
* 'callback': function () {
* IPython.notebook.kernel.execute('%qtconsole')
* }
* }
* // add more button here if needed.
* ]);
* });
*
* Example :
*
* Use `jQuery.getScript(url [, success(script, textStatus, jqXHR)] );`
* to load custom script into the notebook.
*
* // to load the metadata ui extension example.
* $.getScript('/static/notebook/js/celltoolbarpresets/example.js');
* // or
* // to load the metadata ui extension to control slideshow mode / reveal js for nbconvert
* $.getScript('/static/notebook/js/celltoolbarpresets/slideshow.js');
*
*
* @module IPython
* @namespace IPython
* @class customjs
* @static
*/
$([IPython.events]).on('notebook_loaded.Notebook', function(){
/* first, checks if it isn't implemented yet */
if (!String.prototype.format) {
String.prototype.format = function() {
var args = arguments;
return this.replace(/{(\d+)}/g, function(match, number) {
return typeof args[number] != 'undefined'
? args[number]
: match
;
});
};
}
$code_cell = $(".code_cell");
var regex = /[+-]?\d*\.*\d+/g;
var path_regex = /\/([^\/]*)\/[^/]*\.ipynb$/;
var count = 1;
/* fetching book name from path */
var pathname = window.location.pathname;
var strings = pathname.match(path_regex);
var book = strings[1];
console.log("Book:" + book);
/* fetching chapter number */
var $first_text_cell = $(".text_cell:first");
/* chapter name string either in id or innerHTML */
var chapter_name = "";
chapter_name = $first_text_cell.find("h1").attr("id");
if(!chapter_name) {
chapter_name = $first_text_cell.find("h1").html();
}
var numbers = chapter_name.match(regex).map(function(v) { return parseFloat(v); });
var chapter_number = Math.abs(numbers[0]);
console.log("Chapter:" + chapter_number);
$code_cell.each(function(index, element) {
/* fetching example and page number */
var $current_text_cell = $(this).prev();
/* code headings can be h2 or h3 */
var $heading;
$heading = $current_text_cell.find("h2");
if(!$heading.html()) {
$heading = $current_text_cell.find("h3").first();
console.log("################ Head" + $heading.html());
}
var heading_text = $heading.html();
var numbers = heading_text.match(regex).map(function(v) { return parseFloat(v); });
var example_no = Math.abs(numbers[0]);
var page_no = Math.abs(numbers[1]);
console.log("Exp:" + example_no + ", Pg:" + page_no);
/* creating the link */
var $link = $("<a>?</a>");
$link.attr({
href: "#",
class: "question",
"data-book": book,
"data-chapter": chapter_number,
"data-example": example_no,
"data-page": page_no,
});
$link.html("<img src='https://cdn4.iconfinder.com/data/icons/iconsimple-freebies/128/talk_bubbles_1.png'>");
$(this).prepend($link);
count++;
});
/* appending modal skeleton */
var $comment_modal = $("<div id='commentModal' class='modal hide fade' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'> <div class='modal-header'> <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>×</button> <h3 id='myModalLabel'>Python TBC Comments</h3> </div> <div class='modal-body'> <p>One fine body…</p> </div></div>");
$("#site").append($comment_modal);
$(".question").on("click", function() {
$comment_frame = $("<iframe></iframe>");
var book = $(this).data("book");
var chapter = $(this).data("chapter");
var example = $(this).data("example");
var page = $(this).data("page");
var src = "http://localhost:8000/comments/get/?book={0}&chapter={1}&example={2}&page={3}";
src = src.format(book, chapter, example, page);
$comment_frame.attr({
class: "comment-frame",
src: src,
});
$comment_modal.find(".modal-body").html($comment_frame);
$comment_modal.modal("show");
});
});
|
