##// END OF EJS Templates
Start the pager out collapsed.
Brian Granger -
Show More
@@ -1,398 +1,399 b''
1 /**
1 /**
2 * Primary styles
2 * Primary styles
3 *
3 *
4 * Author: IPython Development Team
4 * Author: IPython Development Team
5 */
5 */
6
6
7
7
8 body {
8 body {
9 background-color: white;
9 background-color: white;
10 /* This makes sure that the body covers the entire window and needs to
10 /* This makes sure that the body covers the entire window and needs to
11 be in a different element than the display: box in wrapper below */
11 be in a different element than the display: box in wrapper below */
12 position: absolute;
12 position: absolute;
13 left: 0px;
13 left: 0px;
14 right: 0px;
14 right: 0px;
15 top: 0px;
15 top: 0px;
16 bottom: 0px;
16 bottom: 0px;
17 overflow: hidden;
17 overflow: hidden;
18 }
18 }
19
19
20 span#save_widget {
20 span#save_widget {
21 padding: 5px;
21 padding: 5px;
22 margin: 0px 0px 0px 300px;
22 margin: 0px 0px 0px 300px;
23 display:inline-block;
23 display:inline-block;
24 }
24 }
25
25
26 span#notebook_name {
26 span#notebook_name {
27 height: 1em;
27 height: 1em;
28 line-height: 1em;
28 line-height: 1em;
29 padding: 3px;
29 padding: 3px;
30 border: none;
30 border: none;
31 font-size: 146.5%;
31 font-size: 146.5%;
32 }
32 }
33
33
34 #menubar {
34 #menubar {
35 /* Initially hidden to prevent FLOUC */
35 /* Initially hidden to prevent FLOUC */
36 display: none;
36 display: none;
37 }
37 }
38
38
39 .ui-menubar-item .ui-button .ui-button-text {
39 .ui-menubar-item .ui-button .ui-button-text {
40 padding: 0.4em 1.0em;
40 padding: 0.4em 1.0em;
41 font-size: 100%;
41 font-size: 100%;
42 }
42 }
43
43
44 .ui-menu {
44 .ui-menu {
45 -moz-box-shadow: 0px 6px 10px -1px #adadad;
45 -moz-box-shadow: 0px 6px 10px -1px #adadad;
46 -webkit-box-shadow: 0px 6px 10px -1px #adadad;
46 -webkit-box-shadow: 0px 6px 10px -1px #adadad;
47 box-shadow: 0px 6px 10px -1px #adadad;
47 box-shadow: 0px 6px 10px -1px #adadad;
48 }
48 }
49
49
50 .ui-menu .ui-menu-item a {
50 .ui-menu .ui-menu-item a {
51 padding: 2px 1.6em;
51 padding: 2px 1.6em;
52 }
52 }
53
53
54 .ui-menu hr {
54 .ui-menu hr {
55 margin: 0.3em 0;
55 margin: 0.3em 0;
56 }
56 }
57
57
58 #fulledit_widget {
58 #fulledit_widget {
59 /* Initially hidden to prevent FLOUC */
59 /* Initially hidden to prevent FLOUC */
60 display: none;
60 display: none;
61 width: 920px;
61 width: 920px;
62 margin: 0px auto;
62 margin: 0px auto;
63 }
63 }
64
64
65 #fulledit_editor {
65 #fulledit_editor {
66 height: 577px;
66 height: 577px;
67 width: 920px;
67 width: 920px;
68 }
68 }
69
69
70 #fulledit_header {
70 #fulledit_header {
71 width: 920px;
71 width: 920px;
72 }
72 }
73
73
74 span#quick_help_area {
74 span#quick_help_area {
75 position: static;
75 position: static;
76 padding: 5px 0px;
76 padding: 5px 0px;
77 margin: 0px 0px 0px 0px;
77 margin: 0px 0px 0px 0px;
78 }
78 }
79
79
80 span#kernel_status {
80 span#kernel_status {
81 position: absolute;
81 position: absolute;
82 padding: 8px 5px 5px 5px;
82 padding: 8px 5px 5px 5px;
83 right: 10px;
83 right: 10px;
84 font-weight: bold;
84 font-weight: bold;
85 }
85 }
86
86
87
87
88 .status_idle {
88 .status_idle {
89 color: gray;
89 color: gray;
90 visibility: hidden;
90 visibility: hidden;
91 }
91 }
92
92
93 .status_busy {
93 .status_busy {
94 color: red;
94 color: red;
95 }
95 }
96
96
97 .status_restarting {
97 .status_restarting {
98 color: black;
98 color: black;
99 }
99 }
100
100
101 #kernel_persist {
101 #kernel_persist {
102 float: right;
102 float: right;
103 }
103 }
104
104
105 .help_string {
105 .help_string {
106 float: right;
106 float: right;
107 width: 170px;
107 width: 170px;
108 padding: 0px 5px;
108 padding: 0px 5px;
109 text-align: left;
109 text-align: left;
110 font-size: 85%;
110 font-size: 85%;
111 }
111 }
112
112
113 .help_string_label {
113 .help_string_label {
114 float: right;
114 float: right;
115 font-size: 85%;
115 font-size: 85%;
116 }
116 }
117
117
118 div#notebook_panel {
118 div#notebook_panel {
119 margin: 0px 0px 0px 0px;
119 margin: 0px 0px 0px 0px;
120 padding: 0px;
120 padding: 0px;
121 }
121 }
122
122
123 div#notebook {
123 div#notebook {
124 overflow-y: scroll;
124 overflow-y: scroll;
125 overflow-x: auto;
125 overflow-x: auto;
126 width: 100%;
126 width: 100%;
127 /* This spaces the cell away from the edge of the notebook area */
127 /* This spaces the cell away from the edge of the notebook area */
128 padding: 5px 5px 15px 5px;
128 padding: 5px 5px 15px 5px;
129 margin: 0px
129 margin: 0px
130 background-color: white;
130 background-color: white;
131 }
131 }
132
132
133 div#pager_splitter {
133 div#pager_splitter {
134 height: 8px;
134 height: 8px;
135 }
135 }
136
136
137 div#pager {
137 div#pager {
138 padding: 15px;
138 padding: 15px;
139 overflow: auto;
139 overflow: auto;
140 display: none;
140 }
141 }
141
142
142 div.cell {
143 div.cell {
143 width: 100%;
144 width: 100%;
144 padding: 5px 5px 5px 0px;
145 padding: 5px 5px 5px 0px;
145 /* This acts as a spacer between cells, that is outside the border */
146 /* This acts as a spacer between cells, that is outside the border */
146 margin: 2px 0px 2px 0px;
147 margin: 2px 0px 2px 0px;
147 }
148 }
148
149
149 div.code_cell {
150 div.code_cell {
150 background-color: white;
151 background-color: white;
151 }
152 }
152 /* any special styling for code cells that are currently running goes here */
153 /* any special styling for code cells that are currently running goes here */
153 div.code_cell.running {
154 div.code_cell.running {
154 }
155 }
155
156
156 div.prompt {
157 div.prompt {
157 /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
158 /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
158 width: 11ex;
159 width: 11ex;
159 /* This 0.4em is tuned to match the padding on the CodeMirror editor. */
160 /* This 0.4em is tuned to match the padding on the CodeMirror editor. */
160 padding: 0.4em;
161 padding: 0.4em;
161 margin: 0px;
162 margin: 0px;
162 font-family: monospace;
163 font-family: monospace;
163 text-align:right;
164 text-align:right;
164 }
165 }
165
166
166 div.input {
167 div.input {
167 page-break-inside: avoid;
168 page-break-inside: avoid;
168 }
169 }
169
170
170 /* input_area and input_prompt must match in top border and margin for alignment */
171 /* input_area and input_prompt must match in top border and margin for alignment */
171 div.input_area {
172 div.input_area {
172 color: black;
173 color: black;
173 border: 1px solid #ddd;
174 border: 1px solid #ddd;
174 border-radius: 3px;
175 border-radius: 3px;
175 background: #f7f7f7;
176 background: #f7f7f7;
176 }
177 }
177
178
178 div.input_prompt {
179 div.input_prompt {
179 color: navy;
180 color: navy;
180 border-top: 1px solid transparent;
181 border-top: 1px solid transparent;
181 }
182 }
182
183
183 div.output {
184 div.output {
184 /* This is a spacer between the input and output of each cell */
185 /* This is a spacer between the input and output of each cell */
185 margin-top: 5px;
186 margin-top: 5px;
186 }
187 }
187
188
188 div.output_prompt {
189 div.output_prompt {
189 color: darkred;
190 color: darkred;
190 }
191 }
191
192
192 /* This class is the outer container of all output sections. */
193 /* This class is the outer container of all output sections. */
193 div.output_area {
194 div.output_area {
194 padding: 0px;
195 padding: 0px;
195 page-break-inside: avoid;
196 page-break-inside: avoid;
196 }
197 }
197
198
198 /* This class is for the output subarea inside the output_area and after
199 /* This class is for the output subarea inside the output_area and after
199 the prompt div. */
200 the prompt div. */
200 div.output_subarea {
201 div.output_subarea {
201 padding: 0.4em 6.1em 0.4em 0.4em;
202 padding: 0.4em 6.1em 0.4em 0.4em;
202 }
203 }
203
204
204 /* The rest of the output_* classes are for special styling of the different
205 /* The rest of the output_* classes are for special styling of the different
205 output types */
206 output types */
206
207
207 /* all text output has this class: */
208 /* all text output has this class: */
208 div.output_text {
209 div.output_text {
209 text-align: left;
210 text-align: left;
210 color: black;
211 color: black;
211 font-family: monospace;
212 font-family: monospace;
212 }
213 }
213
214
214 /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */
215 /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */
215 div.output_stream {
216 div.output_stream {
216 padding-top: 0.0em;
217 padding-top: 0.0em;
217 padding-bottom: 0.0em;
218 padding-bottom: 0.0em;
218 }
219 }
219 div.output_stdout {
220 div.output_stdout {
220 }
221 }
221 div.output_stderr {
222 div.output_stderr {
222 background: #fdd; /* very light red background for stderr */
223 background: #fdd; /* very light red background for stderr */
223 }
224 }
224
225
225 div.output_latex {
226 div.output_latex {
226 text-align: left;
227 text-align: left;
227 color: black;
228 color: black;
228 }
229 }
229
230
230 div.output_html {
231 div.output_html {
231 }
232 }
232
233
233 div.output_png {
234 div.output_png {
234 }
235 }
235
236
236 div.output_jpeg {
237 div.output_jpeg {
237 }
238 }
238
239
239 div.text_cell {
240 div.text_cell {
240 background-color: white;
241 background-color: white;
241 padding: 5px 5px 5px 5px;
242 padding: 5px 5px 5px 5px;
242 }
243 }
243
244
244 div.text_cell_input {
245 div.text_cell_input {
245 color: black;
246 color: black;
246 border: 1px solid #ddd;
247 border: 1px solid #ddd;
247 border-radius: 3px;
248 border-radius: 3px;
248 background: #f7f7f7;
249 background: #f7f7f7;
249 }
250 }
250
251
251 div.text_cell_render {
252 div.text_cell_render {
252 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
253 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
253 outline: none;
254 outline: none;
254 resize: none;
255 resize: none;
255 width: inherit;
256 width: inherit;
256 border-style: none;
257 border-style: none;
257 padding: 5px;
258 padding: 5px;
258 color: black;
259 color: black;
259 }
260 }
260
261
261 .CodeMirror {
262 .CodeMirror {
262 line-height: 1.231; /* Changed from 1em to our global default */
263 line-height: 1.231; /* Changed from 1em to our global default */
263 }
264 }
264
265
265 .CodeMirror-scroll {
266 .CodeMirror-scroll {
266 height: auto; /* Changed to auto to autogrow */
267 height: auto; /* Changed to auto to autogrow */
267 /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
268 /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
268 /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
269 /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
269 overflow-y: hidden;
270 overflow-y: hidden;
270 overflow-x: auto; /* Changed from auto to remove scrollbar */
271 overflow-x: auto; /* Changed from auto to remove scrollbar */
271 }
272 }
272
273
273 /* CSS font colors for translated ANSI colors. */
274 /* CSS font colors for translated ANSI colors. */
274
275
275
276
276 .ansiblack {color: black;}
277 .ansiblack {color: black;}
277 .ansired {color: darkred;}
278 .ansired {color: darkred;}
278 .ansigreen {color: darkgreen;}
279 .ansigreen {color: darkgreen;}
279 .ansiyellow {color: brown;}
280 .ansiyellow {color: brown;}
280 .ansiblue {color: darkblue;}
281 .ansiblue {color: darkblue;}
281 .ansipurple {color: darkviolet;}
282 .ansipurple {color: darkviolet;}
282 .ansicyan {color: steelblue;}
283 .ansicyan {color: steelblue;}
283 .ansigrey {color: grey;}
284 .ansigrey {color: grey;}
284 .ansibold {font-weight: bold;}
285 .ansibold {font-weight: bold;}
285
286
286 .completions , .tooltip {
287 .completions , .tooltip {
287 position: absolute;
288 position: absolute;
288 z-index: 10;
289 z-index: 10;
289 overflow: auto;
290 overflow: auto;
290 border: 1px solid black;
291 border: 1px solid black;
291 }
292 }
292
293
293 .completions select {
294 .completions select {
294 background: white;
295 background: white;
295 outline: none;
296 outline: none;
296 border: none;
297 border: none;
297 padding: 0px;
298 padding: 0px;
298 margin: 0px;
299 margin: 0px;
299 font-family: monospace;
300 font-family: monospace;
300 }
301 }
301
302
302 @-moz-keyframes fadeIn {
303 @-moz-keyframes fadeIn {
303 from {opacity:0;}
304 from {opacity:0;}
304 to {opacity:1;}
305 to {opacity:1;}
305 }
306 }
306
307
307 @-webkit-keyframes fadeIn {
308 @-webkit-keyframes fadeIn {
308 from {opacity:0;}
309 from {opacity:0;}
309 to {opacity:1;}
310 to {opacity:1;}
310 }
311 }
311
312
312 @keyframes fadeIn {
313 @keyframes fadeIn {
313 from {opacity:0;}
314 from {opacity:0;}
314 to {opacity:1;}
315 to {opacity:1;}
315 }
316 }
316
317
317 /*"close" "expand" and "Open in pager button" of
318 /*"close" "expand" and "Open in pager button" of
318 /* the tooltip*/
319 /* the tooltip*/
319 .tooltip a {
320 .tooltip a {
320 float:right;
321 float:right;
321 }
322 }
322
323
323 /*properties of tooltip after "expand"*/
324 /*properties of tooltip after "expand"*/
324 .bigtooltip {
325 .bigtooltip {
325 height:30%;
326 height:30%;
326 }
327 }
327
328
328 /*properties of tooltip before "expand"*/
329 /*properties of tooltip before "expand"*/
329 .smalltooltip {
330 .smalltooltip {
330 text-overflow: ellipsis;
331 text-overflow: ellipsis;
331 overflow: hidden;
332 overflow: hidden;
332 height:15%;
333 height:15%;
333 }
334 }
334
335
335 .tooltip {
336 .tooltip {
336 /*transition when "expand"ing tooltip */
337 /*transition when "expand"ing tooltip */
337 -webkit-transition-property: height;
338 -webkit-transition-property: height;
338 -webkit-transition-duration: 1s;
339 -webkit-transition-duration: 1s;
339 -moz-transition-property: height;
340 -moz-transition-property: height;
340 -moz-transition-duration: 1s;
341 -moz-transition-duration: 1s;
341 transition-property: height;
342 transition-property: height;
342 transition-duration: 1s;
343 transition-duration: 1s;
343 max-width:700px;
344 max-width:700px;
344 border-radius: 0px 10px 10px 10px;
345 border-radius: 0px 10px 10px 10px;
345 box-shadow: 3px 3px 5px #999;
346 box-shadow: 3px 3px 5px #999;
346 /*fade-in animation when inserted*/
347 /*fade-in animation when inserted*/
347 -webkit-animation: fadeIn 200ms;
348 -webkit-animation: fadeIn 200ms;
348 -moz-animation: fadeIn 200ms;
349 -moz-animation: fadeIn 200ms;
349 animation: fadeIn 200ms;
350 animation: fadeIn 200ms;
350 vertical-align: middle;
351 vertical-align: middle;
351 background: #FDFDD8;
352 background: #FDFDD8;
352 outline: none;
353 outline: none;
353 padding: 3px;
354 padding: 3px;
354 margin: 0px;
355 margin: 0px;
355 font-family: monospace;
356 font-family: monospace;
356 min-height:50px;
357 min-height:50px;
357 }
358 }
358
359
359 /*fixed part of the completion*/
360 /*fixed part of the completion*/
360 .completions p b {
361 .completions p b {
361 font-weight:bold;
362 font-weight:bold;
362 }
363 }
363
364
364 .completions p {
365 .completions p {
365 background: #DDF;
366 background: #DDF;
366 /*outline: none;
367 /*outline: none;
367 padding: 0px;*/
368 padding: 0px;*/
368 border-bottom: black solid 1px;
369 border-bottom: black solid 1px;
369 padding: 1px;
370 padding: 1px;
370 font-family: monospace;
371 font-family: monospace;
371 }
372 }
372
373
373 pre.dialog {
374 pre.dialog {
374 background-color: #f7f7f7;
375 background-color: #f7f7f7;
375 border: 1px solid #ddd;
376 border: 1px solid #ddd;
376 border-radius: 3px;
377 border-radius: 3px;
377 padding: 0.4em;
378 padding: 0.4em;
378 padding-left: 2em;
379 padding-left: 2em;
379 }
380 }
380
381
381 p.dialog {
382 p.dialog {
382 padding : 0.2em;
383 padding : 0.2em;
383 }
384 }
384
385
385 .shortcut_key {
386 .shortcut_key {
386 display: inline-block;
387 display: inline-block;
387 width: 15ex;
388 width: 15ex;
388 text-align: right;
389 text-align: right;
389 font-family: monospace;
390 font-family: monospace;
390 }
391 }
391
392
392 .shortcut_descr {
393 .shortcut_descr {
393 }
394 }
394
395
395 /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
396 /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
396 to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
397 to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
397 */
398 */
398 pre, code, kbd, samp { white-space: pre-wrap; }
399 pre, code, kbd, samp { white-space: pre-wrap; }
@@ -1,1187 +1,1186 b''
1 //----------------------------------------------------------------------------
1 //----------------------------------------------------------------------------
2 // Copyright (C) 2008-2011 The IPython Development Team
2 // Copyright (C) 2008-2011 The IPython Development Team
3 //
3 //
4 // Distributed under the terms of the BSD License. The full license is in
4 // Distributed under the terms of the BSD License. The full license is in
5 // the file COPYING, distributed as part of this software.
5 // the file COPYING, distributed as part of this software.
6 //----------------------------------------------------------------------------
6 //----------------------------------------------------------------------------
7
7
8 //============================================================================
8 //============================================================================
9 // Notebook
9 // Notebook
10 //============================================================================
10 //============================================================================
11
11
12 var IPython = (function (IPython) {
12 var IPython = (function (IPython) {
13
13
14 var utils = IPython.utils;
14 var utils = IPython.utils;
15
15
16 var Notebook = function (selector) {
16 var Notebook = function (selector) {
17 this.read_only = IPython.read_only;
17 this.read_only = IPython.read_only;
18 this.element = $(selector);
18 this.element = $(selector);
19 this.element.scroll();
19 this.element.scroll();
20 this.element.data("notebook", this);
20 this.element.data("notebook", this);
21 this.next_prompt_number = 1;
21 this.next_prompt_number = 1;
22 this.kernel = null;
22 this.kernel = null;
23 this.clipboard = null;
23 this.clipboard = null;
24 this.paste_enabled = false;
24 this.paste_enabled = false;
25 this.dirty = false;
25 this.dirty = false;
26 this.msg_cell_map = {};
26 this.msg_cell_map = {};
27 this.metadata = {};
27 this.metadata = {};
28 this.control_key_active = false;
28 this.control_key_active = false;
29 this.style();
29 this.style();
30 this.create_elements();
30 this.create_elements();
31 this.bind_events();
31 this.bind_events();
32 this.set_tooltipontab(true);
32 this.set_tooltipontab(true);
33 this.set_smartcompleter(true);
33 this.set_smartcompleter(true);
34 this.set_timebeforetooltip(1200);
34 this.set_timebeforetooltip(1200);
35 this.set_autoindent(true);
35 this.set_autoindent(true);
36 };
36 };
37
37
38
38
39 Notebook.prototype.style = function () {
39 Notebook.prototype.style = function () {
40 $('div#notebook').addClass('border-box-sizing');
40 $('div#notebook').addClass('border-box-sizing');
41 };
41 };
42
42
43
43
44 Notebook.prototype.create_elements = function () {
44 Notebook.prototype.create_elements = function () {
45 // We add this end_space div to the end of the notebook div to:
45 // We add this end_space div to the end of the notebook div to:
46 // i) provide a margin between the last cell and the end of the notebook
46 // i) provide a margin between the last cell and the end of the notebook
47 // ii) to prevent the div from scrolling up when the last cell is being
47 // ii) to prevent the div from scrolling up when the last cell is being
48 // edited, but is too low on the page, which browsers will do automatically.
48 // edited, but is too low on the page, which browsers will do automatically.
49 var that = this;
49 var that = this;
50 var end_space = $('<div/>').addClass('end_space').height("30%");
50 var end_space = $('<div/>').addClass('end_space').height("30%");
51 end_space.dblclick(function (e) {
51 end_space.dblclick(function (e) {
52 if (that.read_only) return;
52 if (that.read_only) return;
53 var ncells = that.ncells();
53 var ncells = that.ncells();
54 that.insert_cell_below('code',ncells-1);
54 that.insert_cell_below('code',ncells-1);
55 });
55 });
56 this.element.append(end_space);
56 this.element.append(end_space);
57 $('div#notebook').addClass('border-box-sizing');
57 $('div#notebook').addClass('border-box-sizing');
58 };
58 };
59
59
60
60
61 Notebook.prototype.bind_events = function () {
61 Notebook.prototype.bind_events = function () {
62 var that = this;
62 var that = this;
63 $(document).keydown(function (event) {
63 $(document).keydown(function (event) {
64 // console.log(event);
64 // console.log(event);
65 if (that.read_only) return true;
65 if (that.read_only) return true;
66 if (event.which === 27) {
66 if (event.which === 27) {
67 // Intercept escape at highest level to avoid closing
67 // Intercept escape at highest level to avoid closing
68 // websocket connection with firefox
68 // websocket connection with firefox
69 event.preventDefault();
69 event.preventDefault();
70 }
70 }
71 if (event.which === 38 && !event.shiftKey) {
71 if (event.which === 38 && !event.shiftKey) {
72 var cell = that.get_selected_cell();
72 var cell = that.get_selected_cell();
73 if (cell.at_top()) {
73 if (cell.at_top()) {
74 event.preventDefault();
74 event.preventDefault();
75 that.select_prev();
75 that.select_prev();
76 };
76 };
77 } else if (event.which === 40 && !event.shiftKey) {
77 } else if (event.which === 40 && !event.shiftKey) {
78 var cell = that.get_selected_cell();
78 var cell = that.get_selected_cell();
79 if (cell.at_bottom()) {
79 if (cell.at_bottom()) {
80 event.preventDefault();
80 event.preventDefault();
81 that.select_next();
81 that.select_next();
82 };
82 };
83 } else if (event.which === 13 && event.shiftKey) {
83 } else if (event.which === 13 && event.shiftKey) {
84 that.execute_selected_cell();
84 that.execute_selected_cell();
85 return false;
85 return false;
86 } else if (event.which === 13 && event.ctrlKey) {
86 } else if (event.which === 13 && event.ctrlKey) {
87 that.execute_selected_cell({terminal:true});
87 that.execute_selected_cell({terminal:true});
88 return false;
88 return false;
89 } else if (event.which === 77 && event.ctrlKey) {
89 } else if (event.which === 77 && event.ctrlKey) {
90 that.control_key_active = true;
90 that.control_key_active = true;
91 return false;
91 return false;
92 } else if (event.which === 88 && that.control_key_active) {
92 } else if (event.which === 88 && that.control_key_active) {
93 // Cut selected cell = x
93 // Cut selected cell = x
94 that.cut_cell();
94 that.cut_cell();
95 that.control_key_active = false;
95 that.control_key_active = false;
96 return false;
96 return false;
97 } else if (event.which === 67 && that.control_key_active) {
97 } else if (event.which === 67 && that.control_key_active) {
98 // Copy selected cell = c
98 // Copy selected cell = c
99 that.copy_cell();
99 that.copy_cell();
100 that.control_key_active = false;
100 that.control_key_active = false;
101 return false;
101 return false;
102 } else if (event.which === 86 && that.control_key_active) {
102 } else if (event.which === 86 && that.control_key_active) {
103 // Paste selected cell = v
103 // Paste selected cell = v
104 that.paste_cell();
104 that.paste_cell();
105 that.control_key_active = false;
105 that.control_key_active = false;
106 return false;
106 return false;
107 } else if (event.which === 68 && that.control_key_active) {
107 } else if (event.which === 68 && that.control_key_active) {
108 // Delete selected cell = d
108 // Delete selected cell = d
109 that.delete_cell();
109 that.delete_cell();
110 that.control_key_active = false;
110 that.control_key_active = false;
111 return false;
111 return false;
112 } else if (event.which === 65 && that.control_key_active) {
112 } else if (event.which === 65 && that.control_key_active) {
113 // Insert code cell above selected = a
113 // Insert code cell above selected = a
114 that.insert_cell_above('code');
114 that.insert_cell_above('code');
115 that.control_key_active = false;
115 that.control_key_active = false;
116 return false;
116 return false;
117 } else if (event.which === 66 && that.control_key_active) {
117 } else if (event.which === 66 && that.control_key_active) {
118 // Insert code cell below selected = b
118 // Insert code cell below selected = b
119 that.insert_cell_below('code');
119 that.insert_cell_below('code');
120 that.control_key_active = false;
120 that.control_key_active = false;
121 return false;
121 return false;
122 } else if (event.which === 89 && that.control_key_active) {
122 } else if (event.which === 89 && that.control_key_active) {
123 // To code = y
123 // To code = y
124 that.to_code();
124 that.to_code();
125 that.control_key_active = false;
125 that.control_key_active = false;
126 return false;
126 return false;
127 } else if (event.which === 77 && that.control_key_active) {
127 } else if (event.which === 77 && that.control_key_active) {
128 // To markdown = m
128 // To markdown = m
129 that.to_markdown();
129 that.to_markdown();
130 that.control_key_active = false;
130 that.control_key_active = false;
131 return false;
131 return false;
132 } else if (event.which === 84 && that.control_key_active) {
132 } else if (event.which === 84 && that.control_key_active) {
133 // Toggle output = t
133 // Toggle output = t
134 that.toggle_output();
134 that.toggle_output();
135 that.control_key_active = false;
135 that.control_key_active = false;
136 return false;
136 return false;
137 } else if (event.which === 83 && that.control_key_active) {
137 } else if (event.which === 83 && that.control_key_active) {
138 // Save notebook = s
138 // Save notebook = s
139 IPython.save_widget.save_notebook();
139 IPython.save_widget.save_notebook();
140 that.control_key_active = false;
140 that.control_key_active = false;
141 return false;
141 return false;
142 } else if (event.which === 74 && that.control_key_active) {
142 } else if (event.which === 74 && that.control_key_active) {
143 // Move cell down = j
143 // Move cell down = j
144 that.move_cell_down();
144 that.move_cell_down();
145 that.control_key_active = false;
145 that.control_key_active = false;
146 return false;
146 return false;
147 } else if (event.which === 75 && that.control_key_active) {
147 } else if (event.which === 75 && that.control_key_active) {
148 // Move cell up = k
148 // Move cell up = k
149 that.move_cell_up();
149 that.move_cell_up();
150 that.control_key_active = false;
150 that.control_key_active = false;
151 return false;
151 return false;
152 } else if (event.which === 80 && that.control_key_active) {
152 } else if (event.which === 80 && that.control_key_active) {
153 // Select previous = p
153 // Select previous = p
154 that.select_prev();
154 that.select_prev();
155 that.control_key_active = false;
155 that.control_key_active = false;
156 return false;
156 return false;
157 } else if (event.which === 78 && that.control_key_active) {
157 } else if (event.which === 78 && that.control_key_active) {
158 // Select next = n
158 // Select next = n
159 that.select_next();
159 that.select_next();
160 that.control_key_active = false;
160 that.control_key_active = false;
161 return false;
161 return false;
162 } else if (event.which === 76 && that.control_key_active) {
162 } else if (event.which === 76 && that.control_key_active) {
163 // Toggle line numbers = l
163 // Toggle line numbers = l
164 that.cell_toggle_line_numbers();
164 that.cell_toggle_line_numbers();
165 that.control_key_active = false;
165 that.control_key_active = false;
166 return false;
166 return false;
167 } else if (event.which === 73 && that.control_key_active) {
167 } else if (event.which === 73 && that.control_key_active) {
168 // Interrupt kernel = i
168 // Interrupt kernel = i
169 IPython.notebook.kernel.interrupt();
169 IPython.notebook.kernel.interrupt();
170 that.control_key_active = false;
170 that.control_key_active = false;
171 return false;
171 return false;
172 } else if (event.which === 190 && that.control_key_active) {
172 } else if (event.which === 190 && that.control_key_active) {
173 // Restart kernel = . # matches qt console
173 // Restart kernel = . # matches qt console
174 IPython.notebook.restart_kernel();
174 IPython.notebook.restart_kernel();
175 that.control_key_active = false;
175 that.control_key_active = false;
176 return false;
176 return false;
177 } else if (event.which === 72 && that.control_key_active) {
177 } else if (event.which === 72 && that.control_key_active) {
178 // Show keyboard shortcuts = h
178 // Show keyboard shortcuts = h
179 IPython.quick_help.show_keyboard_shortcuts();
179 IPython.quick_help.show_keyboard_shortcuts();
180 that.control_key_active = false;
180 that.control_key_active = false;
181 return false;
181 return false;
182 } else if (event.which === 69 && that.control_key_active) {
182 } else if (event.which === 69 && that.control_key_active) {
183 // Edit in Ace = e
183 // Edit in Ace = e
184 IPython.fulledit_widget.toggle();
184 IPython.fulledit_widget.toggle();
185 that.control_key_active = false;
185 that.control_key_active = false;
186 return false;
186 return false;
187 } else if (that.control_key_active) {
187 } else if (that.control_key_active) {
188 that.control_key_active = false;
188 that.control_key_active = false;
189 return true;
189 return true;
190 };
190 };
191 return true;
191 return true;
192 });
192 });
193
193
194 this.element.bind('collapse_pager', function () {
194 this.element.bind('collapse_pager', function () {
195 var app_height = $('div#main_app').height(); // content height
195 var app_height = $('div#main_app').height(); // content height
196 var splitter_height = $('div#pager_splitter').outerHeight(true);
196 var splitter_height = $('div#pager_splitter').outerHeight(true);
197 var new_height = app_height - splitter_height;
197 var new_height = app_height - splitter_height;
198 that.element.animate({height : new_height + 'px'}, 'fast');
198 that.element.animate({height : new_height + 'px'}, 'fast');
199 });
199 });
200
200
201 this.element.bind('expand_pager', function () {
201 this.element.bind('expand_pager', function () {
202 var app_height = $('div#main_app').height(); // content height
202 var app_height = $('div#main_app').height(); // content height
203 var splitter_height = $('div#pager_splitter').outerHeight(true);
203 var splitter_height = $('div#pager_splitter').outerHeight(true);
204 var pager_height = $('div#pager').outerHeight(true);
204 var pager_height = $('div#pager').outerHeight(true);
205 var new_height = app_height - pager_height - splitter_height;
205 var new_height = app_height - pager_height - splitter_height;
206 that.element.animate({height : new_height + 'px'}, 'fast');
206 that.element.animate({height : new_height + 'px'}, 'fast');
207 });
207 });
208
208
209 $(window).bind('beforeunload', function () {
209 $(window).bind('beforeunload', function () {
210 // TODO: Make killing the kernel configurable.
210 // TODO: Make killing the kernel configurable.
211 var kill_kernel = false;
211 var kill_kernel = false;
212 if (kill_kernel) {
212 if (kill_kernel) {
213 that.kernel.kill();
213 that.kernel.kill();
214 }
214 }
215 if (that.dirty && ! that.read_only) {
215 if (that.dirty && ! that.read_only) {
216 return "You have unsaved changes that will be lost if you leave this page.";
216 return "You have unsaved changes that will be lost if you leave this page.";
217 };
217 };
218 // Null is the *only* return value that will make the browser not
218 // Null is the *only* return value that will make the browser not
219 // pop up the "don't leave" dialog.
219 // pop up the "don't leave" dialog.
220 return null;
220 return null;
221 });
221 });
222 };
222 };
223
223
224
224
225 Notebook.prototype.scroll_to_bottom = function () {
225 Notebook.prototype.scroll_to_bottom = function () {
226 this.element.animate({scrollTop:this.element.get(0).scrollHeight}, 0);
226 this.element.animate({scrollTop:this.element.get(0).scrollHeight}, 0);
227 };
227 };
228
228
229
229
230 Notebook.prototype.scroll_to_top = function () {
230 Notebook.prototype.scroll_to_top = function () {
231 this.element.animate({scrollTop:0}, 0);
231 this.element.animate({scrollTop:0}, 0);
232 };
232 };
233
233
234
234
235 // Cell indexing, retrieval, etc.
235 // Cell indexing, retrieval, etc.
236
236
237 Notebook.prototype.get_cell_elements = function () {
237 Notebook.prototype.get_cell_elements = function () {
238 return this.element.children("div.cell");
238 return this.element.children("div.cell");
239 };
239 };
240
240
241
241
242 Notebook.prototype.get_cell_element = function (index) {
242 Notebook.prototype.get_cell_element = function (index) {
243 var result = null;
243 var result = null;
244 var e = this.get_cell_elements().eq(index);
244 var e = this.get_cell_elements().eq(index);
245 if (e.length !== 0) {
245 if (e.length !== 0) {
246 result = e;
246 result = e;
247 }
247 }
248 return result;
248 return result;
249 };
249 };
250
250
251
251
252 Notebook.prototype.ncells = function (cell) {
252 Notebook.prototype.ncells = function (cell) {
253 return this.get_cell_elements().length;
253 return this.get_cell_elements().length;
254 };
254 };
255
255
256
256
257 // TODO: we are often calling cells as cells()[i], which we should optimize
257 // TODO: we are often calling cells as cells()[i], which we should optimize
258 // to cells(i) or a new method.
258 // to cells(i) or a new method.
259 Notebook.prototype.get_cells = function () {
259 Notebook.prototype.get_cells = function () {
260 return this.get_cell_elements().toArray().map(function (e) {
260 return this.get_cell_elements().toArray().map(function (e) {
261 return $(e).data("cell");
261 return $(e).data("cell");
262 });
262 });
263 };
263 };
264
264
265
265
266 Notebook.prototype.get_cell = function (index) {
266 Notebook.prototype.get_cell = function (index) {
267 var result = null;
267 var result = null;
268 var ce = this.get_cell_element(index);
268 var ce = this.get_cell_element(index);
269 if (ce !== null) {
269 if (ce !== null) {
270 result = ce.data('cell');
270 result = ce.data('cell');
271 }
271 }
272 return result;
272 return result;
273 }
273 }
274
274
275
275
276 Notebook.prototype.get_next_cell = function (cell) {
276 Notebook.prototype.get_next_cell = function (cell) {
277 var result = null;
277 var result = null;
278 var index = this.find_cell_index(cell);
278 var index = this.find_cell_index(cell);
279 if (index !== null && index < this.ncells()) {
279 if (index !== null && index < this.ncells()) {
280 result = this.get_cell(index+1);
280 result = this.get_cell(index+1);
281 }
281 }
282 return result;
282 return result;
283 }
283 }
284
284
285
285
286 Notebook.prototype.get_prev_cell = function (cell) {
286 Notebook.prototype.get_prev_cell = function (cell) {
287 var result = null;
287 var result = null;
288 var index = this.find_cell_index(cell);
288 var index = this.find_cell_index(cell);
289 if (index !== null && index > 1) {
289 if (index !== null && index > 1) {
290 result = this.get_cell(index-1);
290 result = this.get_cell(index-1);
291 }
291 }
292 return result;
292 return result;
293 }
293 }
294
294
295 Notebook.prototype.find_cell_index = function (cell) {
295 Notebook.prototype.find_cell_index = function (cell) {
296 var result = null;
296 var result = null;
297 this.get_cell_elements().filter(function (index) {
297 this.get_cell_elements().filter(function (index) {
298 if ($(this).data("cell") === cell) {
298 if ($(this).data("cell") === cell) {
299 result = index;
299 result = index;
300 };
300 };
301 });
301 });
302 return result;
302 return result;
303 };
303 };
304
304
305
305
306 Notebook.prototype.index_or_selected = function (index) {
306 Notebook.prototype.index_or_selected = function (index) {
307 var i;
307 var i;
308 if (index === undefined || index === null) {
308 if (index === undefined || index === null) {
309 i = this.get_selected_index();
309 i = this.get_selected_index();
310 if (i === null) {
310 if (i === null) {
311 i = 0;
311 i = 0;
312 }
312 }
313 } else {
313 } else {
314 i = index;
314 i = index;
315 }
315 }
316 return i;
316 return i;
317 };
317 };
318
318
319
319
320 Notebook.prototype.get_selected_cell = function () {
320 Notebook.prototype.get_selected_cell = function () {
321 var index = this.get_selected_index();
321 var index = this.get_selected_index();
322 return this.get_cell(index);
322 return this.get_cell(index);
323 };
323 };
324
324
325
325
326 Notebook.prototype.is_valid_cell_index = function (index) {
326 Notebook.prototype.is_valid_cell_index = function (index) {
327 if (index !== null && index >= 0 && index < this.ncells()) {
327 if (index !== null && index >= 0 && index < this.ncells()) {
328 return true;
328 return true;
329 } else {
329 } else {
330 return false;
330 return false;
331 };
331 };
332 }
332 }
333
333
334 Notebook.prototype.get_selected_index = function () {
334 Notebook.prototype.get_selected_index = function () {
335 var result = null;
335 var result = null;
336 this.get_cell_elements().filter(function (index) {
336 this.get_cell_elements().filter(function (index) {
337 if ($(this).data("cell").selected === true) {
337 if ($(this).data("cell").selected === true) {
338 result = index;
338 result = index;
339 };
339 };
340 });
340 });
341 return result;
341 return result;
342 };
342 };
343
343
344
344
345 Notebook.prototype.cell_for_msg = function (msg_id) {
345 Notebook.prototype.cell_for_msg = function (msg_id) {
346 var cell_id = this.msg_cell_map[msg_id];
346 var cell_id = this.msg_cell_map[msg_id];
347 var result = null;
347 var result = null;
348 this.get_cell_elements().filter(function (index) {
348 this.get_cell_elements().filter(function (index) {
349 cell = $(this).data("cell");
349 cell = $(this).data("cell");
350 if (cell.cell_id === cell_id) {
350 if (cell.cell_id === cell_id) {
351 result = cell;
351 result = cell;
352 };
352 };
353 });
353 });
354 return result;
354 return result;
355 };
355 };
356
356
357
357
358 // Cell selection.
358 // Cell selection.
359
359
360 Notebook.prototype.select = function (index) {
360 Notebook.prototype.select = function (index) {
361 if (index !== undefined && index >= 0 && index < this.ncells()) {
361 if (index !== undefined && index >= 0 && index < this.ncells()) {
362 sindex = this.get_selected_index()
362 sindex = this.get_selected_index()
363 if (sindex !== null && index !== sindex) {
363 if (sindex !== null && index !== sindex) {
364 this.get_cell(sindex).unselect();
364 this.get_cell(sindex).unselect();
365 };
365 };
366 this.get_cell(index).select();
366 this.get_cell(index).select();
367 };
367 };
368 return this;
368 return this;
369 };
369 };
370
370
371
371
372 Notebook.prototype.select_next = function () {
372 Notebook.prototype.select_next = function () {
373 var index = this.get_selected_index();
373 var index = this.get_selected_index();
374 if (index !== null && index >= 0 && (index+1) < this.ncells()) {
374 if (index !== null && index >= 0 && (index+1) < this.ncells()) {
375 this.select(index+1);
375 this.select(index+1);
376 };
376 };
377 return this;
377 return this;
378 };
378 };
379
379
380
380
381 Notebook.prototype.select_prev = function () {
381 Notebook.prototype.select_prev = function () {
382 var index = this.get_selected_index();
382 var index = this.get_selected_index();
383 if (index !== null && index >= 0 && (index-1) < this.ncells()) {
383 if (index !== null && index >= 0 && (index-1) < this.ncells()) {
384 this.select(index-1);
384 this.select(index-1);
385 };
385 };
386 return this;
386 return this;
387 };
387 };
388
388
389
389
390 // Cell movement
390 // Cell movement
391
391
392 Notebook.prototype.move_cell_up = function (index) {
392 Notebook.prototype.move_cell_up = function (index) {
393 var i = this.index_or_selected();
393 var i = this.index_or_selected();
394 if (i !== null && i < this.ncells() && i > 0) {
394 if (i !== null && i < this.ncells() && i > 0) {
395 var pivot = this.get_cell_element(i-1);
395 var pivot = this.get_cell_element(i-1);
396 var tomove = this.get_cell_element(i);
396 var tomove = this.get_cell_element(i);
397 if (pivot !== null && tomove !== null) {
397 if (pivot !== null && tomove !== null) {
398 tomove.detach();
398 tomove.detach();
399 pivot.before(tomove);
399 pivot.before(tomove);
400 this.select(i-1);
400 this.select(i-1);
401 };
401 };
402 };
402 };
403 this.dirty = true;
403 this.dirty = true;
404 return this;
404 return this;
405 };
405 };
406
406
407
407
408 Notebook.prototype.move_cell_down = function (index) {
408 Notebook.prototype.move_cell_down = function (index) {
409 var i = this.index_or_selected();
409 var i = this.index_or_selected();
410 if (i !== null && i < (this.ncells()-1) && i >= 0) {
410 if (i !== null && i < (this.ncells()-1) && i >= 0) {
411 var pivot = this.get_cell_element(i+1);
411 var pivot = this.get_cell_element(i+1);
412 var tomove = this.get_cell_element(i);
412 var tomove = this.get_cell_element(i);
413 if (pivot !== null && tomove !== null) {
413 if (pivot !== null && tomove !== null) {
414 tomove.detach();
414 tomove.detach();
415 pivot.after(tomove);
415 pivot.after(tomove);
416 this.select(i+1);
416 this.select(i+1);
417 };
417 };
418 };
418 };
419 this.dirty = true;
419 this.dirty = true;
420 return this;
420 return this;
421 };
421 };
422
422
423
423
424 Notebook.prototype.sort_cells = function () {
424 Notebook.prototype.sort_cells = function () {
425 // This is not working right now. Calling this will actually crash
425 // This is not working right now. Calling this will actually crash
426 // the browser. I think there is an infinite loop in here...
426 // the browser. I think there is an infinite loop in here...
427 var ncells = this.ncells();
427 var ncells = this.ncells();
428 var sindex = this.get_selected_index();
428 var sindex = this.get_selected_index();
429 var swapped;
429 var swapped;
430 do {
430 do {
431 swapped = false;
431 swapped = false;
432 for (var i=1; i<ncells; i++) {
432 for (var i=1; i<ncells; i++) {
433 current = this.get_cell(i);
433 current = this.get_cell(i);
434 previous = this.get_cell(i-1);
434 previous = this.get_cell(i-1);
435 if (previous.input_prompt_number > current.input_prompt_number) {
435 if (previous.input_prompt_number > current.input_prompt_number) {
436 this.move_cell_up(i);
436 this.move_cell_up(i);
437 swapped = true;
437 swapped = true;
438 };
438 };
439 };
439 };
440 } while (swapped);
440 } while (swapped);
441 this.select(sindex);
441 this.select(sindex);
442 return this;
442 return this;
443 };
443 };
444
444
445 // Insertion, deletion.
445 // Insertion, deletion.
446
446
447 Notebook.prototype.delete_cell = function (index) {
447 Notebook.prototype.delete_cell = function (index) {
448 var i = this.index_or_selected(index);
448 var i = this.index_or_selected(index);
449 if (this.is_valid_cell_index(i)) {
449 if (this.is_valid_cell_index(i)) {
450 var ce = this.get_cell_element(i);
450 var ce = this.get_cell_element(i);
451 ce.remove();
451 ce.remove();
452 if (i === (this.ncells())) {
452 if (i === (this.ncells())) {
453 this.select(i-1);
453 this.select(i-1);
454 } else {
454 } else {
455 this.select(i);
455 this.select(i);
456 };
456 };
457 this.dirty = true;
457 this.dirty = true;
458 };
458 };
459 return this;
459 return this;
460 };
460 };
461
461
462
462
463 Notebook.prototype.insert_cell_below = function (type, index) {
463 Notebook.prototype.insert_cell_below = function (type, index) {
464 // type = ('code','html','markdown')
464 // type = ('code','html','markdown')
465 // index = cell index or undefined to insert below selected
465 // index = cell index or undefined to insert below selected
466 index = this.index_or_selected(index);
466 index = this.index_or_selected(index);
467 if (this.ncells() === 0 || this.is_valid_cell_index(index)) {
467 if (this.ncells() === 0 || this.is_valid_cell_index(index)) {
468 var cell = null;
468 var cell = null;
469 if (type === 'code') {
469 if (type === 'code') {
470 var cell = new IPython.CodeCell(this);
470 var cell = new IPython.CodeCell(this);
471 cell.set_input_prompt();
471 cell.set_input_prompt();
472 } else if (type === 'markdown') {
472 } else if (type === 'markdown') {
473 var cell = new IPython.MarkdownCell(this);
473 var cell = new IPython.MarkdownCell(this);
474 } else if (type === 'html') {
474 } else if (type === 'html') {
475 var cell = new IPython.HTMLCell(this);
475 var cell = new IPython.HTMLCell(this);
476 };
476 };
477 if (cell !== null) {
477 if (cell !== null) {
478 if (this.ncells() === 0) {
478 if (this.ncells() === 0) {
479 this.element.find('div.end_space').before(cell.element);
479 this.element.find('div.end_space').before(cell.element);
480 } else if (this.is_valid_cell_index(index)) {
480 } else if (this.is_valid_cell_index(index)) {
481 this.get_cell_element(index).after(cell.element);
481 this.get_cell_element(index).after(cell.element);
482 };
482 };
483 cell.render();
483 cell.render();
484 this.select(this.find_cell_index(cell));
484 this.select(this.find_cell_index(cell));
485 this.dirty = true;
485 this.dirty = true;
486 return cell;
486 return cell;
487 };
487 };
488 };
488 };
489 };
489 };
490
490
491
491
492 Notebook.prototype.insert_cell_above = function (type, index) {
492 Notebook.prototype.insert_cell_above = function (type, index) {
493 // type = ('code','html','markdown')
493 // type = ('code','html','markdown')
494 // index = cell index or undefined to insert above selected
494 // index = cell index or undefined to insert above selected
495 index = this.index_or_selected(index);
495 index = this.index_or_selected(index);
496 if (this.ncells() === 0 || this.is_valid_cell_index(index)) {
496 if (this.ncells() === 0 || this.is_valid_cell_index(index)) {
497 var cell = null;
497 var cell = null;
498 if (type === 'code') {
498 if (type === 'code') {
499 var cell = new IPython.CodeCell(this);
499 var cell = new IPython.CodeCell(this);
500 cell.set_input_prompt();
500 cell.set_input_prompt();
501 } else if (type === 'markdown') {
501 } else if (type === 'markdown') {
502 var cell = new IPython.MarkdownCell(this);
502 var cell = new IPython.MarkdownCell(this);
503 } else if (type === 'html') {
503 } else if (type === 'html') {
504 var cell = new IPython.HTMLCell(this);
504 var cell = new IPython.HTMLCell(this);
505 };
505 };
506 if (cell !== null) {
506 if (cell !== null) {
507 if (this.ncells() === 0) {
507 if (this.ncells() === 0) {
508 this.element.find('div.end_space').before(cell.element);
508 this.element.find('div.end_space').before(cell.element);
509 } else if (this.is_valid_cell_index(index)) {
509 } else if (this.is_valid_cell_index(index)) {
510 this.get_cell_element(index).before(cell.element);
510 this.get_cell_element(index).before(cell.element);
511 };
511 };
512 cell.render();
512 cell.render();
513 this.select(this.find_cell_index(cell));
513 this.select(this.find_cell_index(cell));
514 this.dirty = true;
514 this.dirty = true;
515 return cell;
515 return cell;
516 };
516 };
517 };
517 };
518 };
518 };
519
519
520
520
521 Notebook.prototype.to_code = function (index) {
521 Notebook.prototype.to_code = function (index) {
522 var i = this.index_or_selected(index);
522 var i = this.index_or_selected(index);
523 if (this.is_valid_cell_index(i)) {
523 if (this.is_valid_cell_index(i)) {
524 var source_element = this.get_cell_element(i);
524 var source_element = this.get_cell_element(i);
525 var source_cell = source_element.data("cell");
525 var source_cell = source_element.data("cell");
526 if (!(source_cell instanceof IPython.CodeCell)) {
526 if (!(source_cell instanceof IPython.CodeCell)) {
527 target_cell = this.insert_cell_below('code',i);
527 target_cell = this.insert_cell_below('code',i);
528 var text = source_cell.get_text();
528 var text = source_cell.get_text();
529 if (text === source_cell.placeholder) {
529 if (text === source_cell.placeholder) {
530 text = '';
530 text = '';
531 }
531 }
532 target_cell.set_text(text);
532 target_cell.set_text(text);
533 source_element.remove();
533 source_element.remove();
534 };
534 };
535 this.dirty = true;
535 this.dirty = true;
536 };
536 };
537 };
537 };
538
538
539
539
540 Notebook.prototype.to_markdown = function (index) {
540 Notebook.prototype.to_markdown = function (index) {
541 var i = this.index_or_selected(index);
541 var i = this.index_or_selected(index);
542 if (this.is_valid_cell_index(i)) {
542 if (this.is_valid_cell_index(i)) {
543 var source_element = this.get_cell_element(i);
543 var source_element = this.get_cell_element(i);
544 var source_cell = source_element.data("cell");
544 var source_cell = source_element.data("cell");
545 var target_cell = null;
545 var target_cell = null;
546 if (!(source_cell instanceof IPython.MarkdownCell)) {
546 if (!(source_cell instanceof IPython.MarkdownCell)) {
547 target_cell = this.insert_cell_below('markdown',i);
547 target_cell = this.insert_cell_below('markdown',i);
548 var text = source_cell.get_text();
548 var text = source_cell.get_text();
549 if (text === source_cell.placeholder) {
549 if (text === source_cell.placeholder) {
550 text = '';
550 text = '';
551 };
551 };
552 if (target_cell !== null) {
552 if (target_cell !== null) {
553 //if (text === "") {text = target_cell.placeholder;};
553 //if (text === "") {text = target_cell.placeholder;};
554 // The edit must come before the set_text.
554 // The edit must come before the set_text.
555 target_cell.edit();
555 target_cell.edit();
556 target_cell.set_text(text);
556 target_cell.set_text(text);
557 source_element.remove();
557 source_element.remove();
558 }
558 }
559 this.dirty = true;
559 this.dirty = true;
560 };
560 };
561 };
561 };
562 };
562 };
563
563
564
564
565 Notebook.prototype.to_html = function (index) {
565 Notebook.prototype.to_html = function (index) {
566 var i = this.index_or_selected(index);
566 var i = this.index_or_selected(index);
567 if (this.is_valid_cell_index(i)) {
567 if (this.is_valid_cell_index(i)) {
568 var source_element = this.get_cell_element(i);
568 var source_element = this.get_cell_element(i);
569 var source_cell = source_element.data("cell");
569 var source_cell = source_element.data("cell");
570 var target_cell = null;
570 var target_cell = null;
571 if (!(source_cell instanceof IPython.HTMLCell)) {
571 if (!(source_cell instanceof IPython.HTMLCell)) {
572 target_cell = this.insert_cell_below('html',i);
572 target_cell = this.insert_cell_below('html',i);
573 var text = source_cell.get_text();
573 var text = source_cell.get_text();
574 if (text === source_cell.placeholder) {
574 if (text === source_cell.placeholder) {
575 text = '';
575 text = '';
576 };
576 };
577 if (target_cell !== null) {
577 if (target_cell !== null) {
578 if (text === "") {text = target_cell.placeholder;};
578 if (text === "") {text = target_cell.placeholder;};
579 // The edit must come before the set_text.
579 // The edit must come before the set_text.
580 target_cell.edit();
580 target_cell.edit();
581 target_cell.set_text(text);
581 target_cell.set_text(text);
582 source_element.remove();
582 source_element.remove();
583 }
583 }
584 this.dirty = true;
584 this.dirty = true;
585 };
585 };
586 };
586 };
587 };
587 };
588
588
589
589
590 // Cut/Copy/Paste
590 // Cut/Copy/Paste
591
591
592 Notebook.prototype.enable_paste = function () {
592 Notebook.prototype.enable_paste = function () {
593 var that = this;
593 var that = this;
594 if (!this.paste_enabled) {
594 if (!this.paste_enabled) {
595 $('#paste_cell').removeClass('ui-state-disabled')
595 $('#paste_cell').removeClass('ui-state-disabled')
596 .on('click', function () {that.paste_cell();});
596 .on('click', function () {that.paste_cell();});
597 $('#paste_cell_above').removeClass('ui-state-disabled')
597 $('#paste_cell_above').removeClass('ui-state-disabled')
598 .on('click', function () {that.paste_cell_above();});
598 .on('click', function () {that.paste_cell_above();});
599 $('#paste_cell_below').removeClass('ui-state-disabled')
599 $('#paste_cell_below').removeClass('ui-state-disabled')
600 .on('click', function () {that.paste_cell_below();});
600 .on('click', function () {that.paste_cell_below();});
601 this.paste_enabled = true;
601 this.paste_enabled = true;
602 };
602 };
603 };
603 };
604
604
605
605
606 Notebook.prototype.disable_paste = function () {
606 Notebook.prototype.disable_paste = function () {
607 if (this.paste_enabled) {
607 if (this.paste_enabled) {
608 $('#paste_cell').addClass('ui-state-disabled').off('click');
608 $('#paste_cell').addClass('ui-state-disabled').off('click');
609 $('#paste_cell_above').addClass('ui-state-disabled').off('click');
609 $('#paste_cell_above').addClass('ui-state-disabled').off('click');
610 $('#paste_cell_below').addClass('ui-state-disabled').off('click');
610 $('#paste_cell_below').addClass('ui-state-disabled').off('click');
611 this.paste_enabled = false;
611 this.paste_enabled = false;
612 };
612 };
613 };
613 };
614
614
615
615
616 Notebook.prototype.cut_cell = function () {
616 Notebook.prototype.cut_cell = function () {
617 this.copy_cell();
617 this.copy_cell();
618 this.delete_cell();
618 this.delete_cell();
619 }
619 }
620
620
621 Notebook.prototype.copy_cell = function () {
621 Notebook.prototype.copy_cell = function () {
622 var cell = this.get_selected_cell();
622 var cell = this.get_selected_cell();
623 this.clipboard = cell.toJSON();
623 this.clipboard = cell.toJSON();
624 this.enable_paste();
624 this.enable_paste();
625 };
625 };
626
626
627
627
628 Notebook.prototype.paste_cell = function () {
628 Notebook.prototype.paste_cell = function () {
629 if (this.clipboard !== null && this.paste_enabled) {
629 if (this.clipboard !== null && this.paste_enabled) {
630 var cell_data = this.clipboard;
630 var cell_data = this.clipboard;
631 var new_cell = this.insert_cell_above(cell_data.cell_type);
631 var new_cell = this.insert_cell_above(cell_data.cell_type);
632 new_cell.fromJSON(cell_data);
632 new_cell.fromJSON(cell_data);
633 old_cell = this.get_next_cell(new_cell);
633 old_cell = this.get_next_cell(new_cell);
634 this.delete_cell(this.find_cell_index(old_cell));
634 this.delete_cell(this.find_cell_index(old_cell));
635 this.select(this.find_cell_index(new_cell));
635 this.select(this.find_cell_index(new_cell));
636 };
636 };
637 };
637 };
638
638
639
639
640 Notebook.prototype.paste_cell_above = function () {
640 Notebook.prototype.paste_cell_above = function () {
641 if (this.clipboard !== null && this.paste_enabled) {
641 if (this.clipboard !== null && this.paste_enabled) {
642 var cell_data = this.clipboard;
642 var cell_data = this.clipboard;
643 var new_cell = this.insert_cell_above(cell_data.cell_type);
643 var new_cell = this.insert_cell_above(cell_data.cell_type);
644 new_cell.fromJSON(cell_data);
644 new_cell.fromJSON(cell_data);
645 };
645 };
646 };
646 };
647
647
648
648
649 Notebook.prototype.paste_cell_below = function () {
649 Notebook.prototype.paste_cell_below = function () {
650 if (this.clipboard !== null && this.paste_enabled) {
650 if (this.clipboard !== null && this.paste_enabled) {
651 var cell_data = this.clipboard;
651 var cell_data = this.clipboard;
652 var new_cell = this.insert_cell_below(cell_data.cell_type);
652 var new_cell = this.insert_cell_below(cell_data.cell_type);
653 new_cell.fromJSON(cell_data);
653 new_cell.fromJSON(cell_data);
654 };
654 };
655 };
655 };
656
656
657
657
658 // Split/merge
658 // Split/merge
659
659
660 Notebook.prototype.split_cell = function () {
660 Notebook.prototype.split_cell = function () {
661 // Todo: implement spliting for other cell types.
661 // Todo: implement spliting for other cell types.
662 var cell = this.get_selected_cell();
662 var cell = this.get_selected_cell();
663 if (cell.is_splittable()) {
663 if (cell.is_splittable()) {
664 texta = cell.get_pre_cursor();
664 texta = cell.get_pre_cursor();
665 textb = cell.get_post_cursor();
665 textb = cell.get_post_cursor();
666 if (cell instanceof IPython.CodeCell) {
666 if (cell instanceof IPython.CodeCell) {
667 cell.set_text(texta);
667 cell.set_text(texta);
668 var new_cell = this.insert_cell_below('code');
668 var new_cell = this.insert_cell_below('code');
669 new_cell.set_text(textb);
669 new_cell.set_text(textb);
670 } else if (cell instanceof IPython.MarkdownCell) {
670 } else if (cell instanceof IPython.MarkdownCell) {
671 cell.set_text(texta);
671 cell.set_text(texta);
672 cell.render();
672 cell.render();
673 var new_cell = this.insert_cell_below('markdown');
673 var new_cell = this.insert_cell_below('markdown');
674 new_cell.edit(); // editor must be visible to call set_text
674 new_cell.edit(); // editor must be visible to call set_text
675 new_cell.set_text(textb);
675 new_cell.set_text(textb);
676 new_cell.render();
676 new_cell.render();
677 } else if (cell instanceof IPython.HTMLCell) {
677 } else if (cell instanceof IPython.HTMLCell) {
678 cell.set_text(texta);
678 cell.set_text(texta);
679 cell.render();
679 cell.render();
680 var new_cell = this.insert_cell_below('html');
680 var new_cell = this.insert_cell_below('html');
681 new_cell.edit(); // editor must be visible to call set_text
681 new_cell.edit(); // editor must be visible to call set_text
682 new_cell.set_text(textb);
682 new_cell.set_text(textb);
683 new_cell.render();
683 new_cell.render();
684 };
684 };
685 };
685 };
686 };
686 };
687
687
688
688
689 Notebook.prototype.merge_cell_above = function () {
689 Notebook.prototype.merge_cell_above = function () {
690 var index = this.get_selected_index();
690 var index = this.get_selected_index();
691 var cell = this.get_cell(index);
691 var cell = this.get_cell(index);
692 if (index > 0) {
692 if (index > 0) {
693 upper_cell = this.get_cell(index-1);
693 upper_cell = this.get_cell(index-1);
694 upper_text = upper_cell.get_text();
694 upper_text = upper_cell.get_text();
695 text = cell.get_text();
695 text = cell.get_text();
696 if (cell instanceof IPython.CodeCell) {
696 if (cell instanceof IPython.CodeCell) {
697 cell.set_text(upper_text+'\n'+text);
697 cell.set_text(upper_text+'\n'+text);
698 } else if (cell instanceof IPython.MarkdownCell || cell instanceof IPython.HTMLCell) {
698 } else if (cell instanceof IPython.MarkdownCell || cell instanceof IPython.HTMLCell) {
699 cell.edit();
699 cell.edit();
700 cell.set_text(upper_text+'\n'+text);
700 cell.set_text(upper_text+'\n'+text);
701 cell.render();
701 cell.render();
702 };
702 };
703 this.delete_cell(index-1);
703 this.delete_cell(index-1);
704 this.select(this.find_cell_index(cell));
704 this.select(this.find_cell_index(cell));
705 };
705 };
706 };
706 };
707
707
708
708
709 Notebook.prototype.merge_cell_below = function () {
709 Notebook.prototype.merge_cell_below = function () {
710 var index = this.get_selected_index();
710 var index = this.get_selected_index();
711 var cell = this.get_cell(index);
711 var cell = this.get_cell(index);
712 if (index < this.ncells()-1) {
712 if (index < this.ncells()-1) {
713 lower_cell = this.get_cell(index+1);
713 lower_cell = this.get_cell(index+1);
714 lower_text = lower_cell.get_text();
714 lower_text = lower_cell.get_text();
715 text = cell.get_text();
715 text = cell.get_text();
716 if (cell instanceof IPython.CodeCell) {
716 if (cell instanceof IPython.CodeCell) {
717 cell.set_text(text+'\n'+lower_text);
717 cell.set_text(text+'\n'+lower_text);
718 } else if (cell instanceof IPython.MarkdownCell || cell instanceof IPython.HTMLCell) {
718 } else if (cell instanceof IPython.MarkdownCell || cell instanceof IPython.HTMLCell) {
719 cell.edit();
719 cell.edit();
720 cell.set_text(text+'\n'+lower_text);
720 cell.set_text(text+'\n'+lower_text);
721 cell.render();
721 cell.render();
722 };
722 };
723 this.delete_cell(index+1);
723 this.delete_cell(index+1);
724 this.select(this.find_cell_index(cell));
724 this.select(this.find_cell_index(cell));
725 };
725 };
726 };
726 };
727
727
728 // Cell collapsing and output clearing
728 // Cell collapsing and output clearing
729
729
730 Notebook.prototype.collapse = function (index) {
730 Notebook.prototype.collapse = function (index) {
731 var i = this.index_or_selected(index);
731 var i = this.index_or_selected(index);
732 this.get_cell(i).collapse();
732 this.get_cell(i).collapse();
733 this.dirty = true;
733 this.dirty = true;
734 };
734 };
735
735
736
736
737 Notebook.prototype.expand = function (index) {
737 Notebook.prototype.expand = function (index) {
738 var i = this.index_or_selected(index);
738 var i = this.index_or_selected(index);
739 this.get_cell(i).expand();
739 this.get_cell(i).expand();
740 this.dirty = true;
740 this.dirty = true;
741 };
741 };
742
742
743
743
744 Notebook.prototype.toggle_output = function (index) {
744 Notebook.prototype.toggle_output = function (index) {
745 var i = this.index_or_selected(index);
745 var i = this.index_or_selected(index);
746 this.get_cell(i).toggle_output();
746 this.get_cell(i).toggle_output();
747 this.dirty = true;
747 this.dirty = true;
748 };
748 };
749
749
750
750
751 Notebook.prototype.set_timebeforetooltip = function (time) {
751 Notebook.prototype.set_timebeforetooltip = function (time) {
752 this.time_before_tooltip = time;
752 this.time_before_tooltip = time;
753 };
753 };
754
754
755 Notebook.prototype.set_tooltipontab = function (state) {
755 Notebook.prototype.set_tooltipontab = function (state) {
756 this.tooltip_on_tab = state;
756 this.tooltip_on_tab = state;
757 };
757 };
758
758
759 Notebook.prototype.set_smartcompleter = function (state) {
759 Notebook.prototype.set_smartcompleter = function (state) {
760 this.smart_completer = state;
760 this.smart_completer = state;
761 };
761 };
762
762
763 Notebook.prototype.set_autoindent = function (state) {
763 Notebook.prototype.set_autoindent = function (state) {
764 var cells = this.get_cells();
764 var cells = this.get_cells();
765 len = cells.length;
765 len = cells.length;
766 for (var i=0; i<len; i++) {
766 for (var i=0; i<len; i++) {
767 cells[i].set_autoindent(state);
767 cells[i].set_autoindent(state);
768 };
768 };
769 };
769 };
770
770
771
771
772 Notebook.prototype.clear_all_output = function () {
772 Notebook.prototype.clear_all_output = function () {
773 var ncells = this.ncells();
773 var ncells = this.ncells();
774 var cells = this.get_cells();
774 var cells = this.get_cells();
775 for (var i=0; i<ncells; i++) {
775 for (var i=0; i<ncells; i++) {
776 if (cells[i] instanceof IPython.CodeCell) {
776 if (cells[i] instanceof IPython.CodeCell) {
777 cells[i].clear_output(true,true,true);
777 cells[i].clear_output(true,true,true);
778 }
778 }
779 };
779 };
780 this.dirty = true;
780 this.dirty = true;
781 };
781 };
782
782
783 // Other cell functions: line numbers, ...
783 // Other cell functions: line numbers, ...
784
784
785 Notebook.prototype.cell_toggle_line_numbers = function() {
785 Notebook.prototype.cell_toggle_line_numbers = function() {
786 this.get_selected_cell().toggle_line_numbers();
786 this.get_selected_cell().toggle_line_numbers();
787 };
787 };
788
788
789 // Kernel related things
789 // Kernel related things
790
790
791 Notebook.prototype.start_kernel = function () {
791 Notebook.prototype.start_kernel = function () {
792 this.kernel = new IPython.Kernel();
792 this.kernel = new IPython.Kernel();
793 var notebook_id = IPython.save_widget.get_notebook_id();
793 var notebook_id = IPython.save_widget.get_notebook_id();
794 this.kernel.start(notebook_id, $.proxy(this.kernel_started, this));
794 this.kernel.start(notebook_id, $.proxy(this.kernel_started, this));
795 };
795 };
796
796
797
797
798 Notebook.prototype.restart_kernel = function () {
798 Notebook.prototype.restart_kernel = function () {
799 var that = this;
799 var that = this;
800 var notebook_id = IPython.save_widget.get_notebook_id();
800 var notebook_id = IPython.save_widget.get_notebook_id();
801
801
802 var dialog = $('<div/>');
802 var dialog = $('<div/>');
803 dialog.html('Do you want to restart the current kernel? You will lose all variables defined in it.');
803 dialog.html('Do you want to restart the current kernel? You will lose all variables defined in it.');
804 $(document).append(dialog);
804 $(document).append(dialog);
805 dialog.dialog({
805 dialog.dialog({
806 resizable: false,
806 resizable: false,
807 modal: true,
807 modal: true,
808 title: "Restart kernel or continue running?",
808 title: "Restart kernel or continue running?",
809 closeText: '',
809 closeText: '',
810 buttons : {
810 buttons : {
811 "Restart": function () {
811 "Restart": function () {
812 that.kernel.restart($.proxy(that.kernel_started, that));
812 that.kernel.restart($.proxy(that.kernel_started, that));
813 $(this).dialog('close');
813 $(this).dialog('close');
814 },
814 },
815 "Continue running": function () {
815 "Continue running": function () {
816 $(this).dialog('close');
816 $(this).dialog('close');
817 }
817 }
818 }
818 }
819 });
819 });
820 };
820 };
821
821
822
822
823 Notebook.prototype.kernel_started = function () {
823 Notebook.prototype.kernel_started = function () {
824 console.log("Kernel started: ", this.kernel.kernel_id);
824 console.log("Kernel started: ", this.kernel.kernel_id);
825 this.kernel.shell_channel.onmessage = $.proxy(this.handle_shell_reply,this);
825 this.kernel.shell_channel.onmessage = $.proxy(this.handle_shell_reply,this);
826 this.kernel.iopub_channel.onmessage = $.proxy(this.handle_iopub_reply,this);
826 this.kernel.iopub_channel.onmessage = $.proxy(this.handle_iopub_reply,this);
827 };
827 };
828
828
829
829
830 Notebook.prototype.handle_shell_reply = function (e) {
830 Notebook.prototype.handle_shell_reply = function (e) {
831 reply = $.parseJSON(e.data);
831 reply = $.parseJSON(e.data);
832 var header = reply.header;
832 var header = reply.header;
833 var content = reply.content;
833 var content = reply.content;
834 var msg_type = header.msg_type;
834 var msg_type = header.msg_type;
835 // console.log(reply);
835 // console.log(reply);
836 var cell = this.cell_for_msg(reply.parent_header.msg_id);
836 var cell = this.cell_for_msg(reply.parent_header.msg_id);
837 if (msg_type === "execute_reply") {
837 if (msg_type === "execute_reply") {
838 cell.set_input_prompt(content.execution_count);
838 cell.set_input_prompt(content.execution_count);
839 cell.element.removeClass("running");
839 cell.element.removeClass("running");
840 this.dirty = true;
840 this.dirty = true;
841 } else if (msg_type === "complete_reply") {
841 } else if (msg_type === "complete_reply") {
842 cell.finish_completing(content.matched_text, content.matches);
842 cell.finish_completing(content.matched_text, content.matches);
843 } else if (msg_type === "object_info_reply"){
843 } else if (msg_type === "object_info_reply"){
844 //console.log('back from object_info_request : ')
844 //console.log('back from object_info_request : ')
845 rep = reply.content;
845 rep = reply.content;
846 if(rep.found)
846 if(rep.found)
847 {
847 {
848 cell.finish_tooltip(rep);
848 cell.finish_tooltip(rep);
849 }
849 }
850 } else {
850 } else {
851 //console.log("unknown reply:"+msg_type);
851 //console.log("unknown reply:"+msg_type);
852 }
852 }
853 // when having a rely from object_info_reply,
853 // when having a rely from object_info_reply,
854 // no payload so no nned to handle it
854 // no payload so no nned to handle it
855 if(typeof(content.payload)!='undefined') {
855 if(typeof(content.payload)!='undefined') {
856 var payload = content.payload || [];
856 var payload = content.payload || [];
857 this.handle_payload(cell, payload);
857 this.handle_payload(cell, payload);
858 }
858 }
859 };
859 };
860
860
861
861
862 Notebook.prototype.handle_payload = function (cell, payload) {
862 Notebook.prototype.handle_payload = function (cell, payload) {
863 var l = payload.length;
863 var l = payload.length;
864 for (var i=0; i<l; i++) {
864 for (var i=0; i<l; i++) {
865 if (payload[i].source === 'IPython.zmq.page.page') {
865 if (payload[i].source === 'IPython.zmq.page.page') {
866 if (payload[i].text.trim() !== '') {
866 if (payload[i].text.trim() !== '') {
867 IPython.pager.clear();
867 IPython.pager.clear();
868 IPython.pager.expand();
868 IPython.pager.expand();
869 IPython.pager.append_text(payload[i].text);
869 IPython.pager.append_text(payload[i].text);
870 }
870 }
871 } else if (payload[i].source === 'IPython.zmq.zmqshell.ZMQInteractiveShell.set_next_input') {
871 } else if (payload[i].source === 'IPython.zmq.zmqshell.ZMQInteractiveShell.set_next_input') {
872 var index = this.find_cell_index(cell);
872 var index = this.find_cell_index(cell);
873 var new_cell = this.insert_cell_below('code',index);
873 var new_cell = this.insert_cell_below('code',index);
874 new_cell.set_text(payload[i].text);
874 new_cell.set_text(payload[i].text);
875 this.dirty = true;
875 this.dirty = true;
876 }
876 }
877 };
877 };
878 };
878 };
879
879
880
880
881 Notebook.prototype.handle_iopub_reply = function (e) {
881 Notebook.prototype.handle_iopub_reply = function (e) {
882 reply = $.parseJSON(e.data);
882 reply = $.parseJSON(e.data);
883 var content = reply.content;
883 var content = reply.content;
884 // console.log(reply);
884 // console.log(reply);
885 var msg_type = reply.header.msg_type;
885 var msg_type = reply.header.msg_type;
886 var cell = this.cell_for_msg(reply.parent_header.msg_id);
886 var cell = this.cell_for_msg(reply.parent_header.msg_id);
887 if (msg_type !== 'status' && !cell){
887 if (msg_type !== 'status' && !cell){
888 // message not from this notebook, but should be attached to a cell
888 // message not from this notebook, but should be attached to a cell
889 console.log("Received IOPub message not caused by one of my cells");
889 console.log("Received IOPub message not caused by one of my cells");
890 console.log(reply);
890 console.log(reply);
891 return;
891 return;
892 }
892 }
893 var output_types = ['stream','display_data','pyout','pyerr'];
893 var output_types = ['stream','display_data','pyout','pyerr'];
894 if (output_types.indexOf(msg_type) >= 0) {
894 if (output_types.indexOf(msg_type) >= 0) {
895 this.handle_output(cell, msg_type, content);
895 this.handle_output(cell, msg_type, content);
896 } else if (msg_type === 'status') {
896 } else if (msg_type === 'status') {
897 if (content.execution_state === 'busy') {
897 if (content.execution_state === 'busy') {
898 IPython.kernel_status_widget.status_busy();
898 IPython.kernel_status_widget.status_busy();
899 } else if (content.execution_state === 'idle') {
899 } else if (content.execution_state === 'idle') {
900 IPython.kernel_status_widget.status_idle();
900 IPython.kernel_status_widget.status_idle();
901 } else if (content.execution_state === 'dead') {
901 } else if (content.execution_state === 'dead') {
902 this.handle_status_dead();
902 this.handle_status_dead();
903 };
903 };
904 } else if (msg_type === 'clear_output') {
904 } else if (msg_type === 'clear_output') {
905 cell.clear_output(content.stdout, content.stderr, content.other);
905 cell.clear_output(content.stdout, content.stderr, content.other);
906 };
906 };
907 };
907 };
908
908
909
909
910 Notebook.prototype.handle_status_dead = function () {
910 Notebook.prototype.handle_status_dead = function () {
911 var that = this;
911 var that = this;
912 this.kernel.stop_channels();
912 this.kernel.stop_channels();
913 var dialog = $('<div/>');
913 var dialog = $('<div/>');
914 dialog.html('The kernel has died, would you like to restart it? If you do not restart the kernel, you will be able to save the notebook, but running code will not work until the notebook is reopened.');
914 dialog.html('The kernel has died, would you like to restart it? If you do not restart the kernel, you will be able to save the notebook, but running code will not work until the notebook is reopened.');
915 $(document).append(dialog);
915 $(document).append(dialog);
916 dialog.dialog({
916 dialog.dialog({
917 resizable: false,
917 resizable: false,
918 modal: true,
918 modal: true,
919 title: "Dead kernel",
919 title: "Dead kernel",
920 buttons : {
920 buttons : {
921 "Restart": function () {
921 "Restart": function () {
922 that.start_kernel();
922 that.start_kernel();
923 $(this).dialog('close');
923 $(this).dialog('close');
924 },
924 },
925 "Continue running": function () {
925 "Continue running": function () {
926 $(this).dialog('close');
926 $(this).dialog('close');
927 }
927 }
928 }
928 }
929 });
929 });
930 };
930 };
931
931
932
932
933 Notebook.prototype.handle_output = function (cell, msg_type, content) {
933 Notebook.prototype.handle_output = function (cell, msg_type, content) {
934 var json = {};
934 var json = {};
935 json.output_type = msg_type;
935 json.output_type = msg_type;
936 if (msg_type === "stream") {
936 if (msg_type === "stream") {
937 json.text = utils.fixConsole(content.data);
937 json.text = utils.fixConsole(content.data);
938 json.stream = content.name;
938 json.stream = content.name;
939 } else if (msg_type === "display_data") {
939 } else if (msg_type === "display_data") {
940 json = this.convert_mime_types(json, content.data);
940 json = this.convert_mime_types(json, content.data);
941 } else if (msg_type === "pyout") {
941 } else if (msg_type === "pyout") {
942 json.prompt_number = content.execution_count;
942 json.prompt_number = content.execution_count;
943 json = this.convert_mime_types(json, content.data);
943 json = this.convert_mime_types(json, content.data);
944 } else if (msg_type === "pyerr") {
944 } else if (msg_type === "pyerr") {
945 json.ename = content.ename;
945 json.ename = content.ename;
946 json.evalue = content.evalue;
946 json.evalue = content.evalue;
947 var traceback = [];
947 var traceback = [];
948 for (var i=0; i<content.traceback.length; i++) {
948 for (var i=0; i<content.traceback.length; i++) {
949 traceback.push(utils.fixConsole(content.traceback[i]));
949 traceback.push(utils.fixConsole(content.traceback[i]));
950 }
950 }
951 json.traceback = traceback;
951 json.traceback = traceback;
952 };
952 };
953 cell.append_output(json);
953 cell.append_output(json);
954 this.dirty = true;
954 this.dirty = true;
955 };
955 };
956
956
957
957
958 Notebook.prototype.convert_mime_types = function (json, data) {
958 Notebook.prototype.convert_mime_types = function (json, data) {
959 if (data['text/plain'] !== undefined) {
959 if (data['text/plain'] !== undefined) {
960 json.text = utils.fixConsole(data['text/plain']);
960 json.text = utils.fixConsole(data['text/plain']);
961 };
961 };
962 if (data['text/html'] !== undefined) {
962 if (data['text/html'] !== undefined) {
963 json.html = data['text/html'];
963 json.html = data['text/html'];
964 };
964 };
965 if (data['image/svg+xml'] !== undefined) {
965 if (data['image/svg+xml'] !== undefined) {
966 json.svg = data['image/svg+xml'];
966 json.svg = data['image/svg+xml'];
967 };
967 };
968 if (data['image/png'] !== undefined) {
968 if (data['image/png'] !== undefined) {
969 json.png = data['image/png'];
969 json.png = data['image/png'];
970 };
970 };
971 if (data['image/jpeg'] !== undefined) {
971 if (data['image/jpeg'] !== undefined) {
972 json.jpeg = data['image/jpeg'];
972 json.jpeg = data['image/jpeg'];
973 };
973 };
974 if (data['text/latex'] !== undefined) {
974 if (data['text/latex'] !== undefined) {
975 json.latex = data['text/latex'];
975 json.latex = data['text/latex'];
976 };
976 };
977 if (data['application/json'] !== undefined) {
977 if (data['application/json'] !== undefined) {
978 json.json = data['application/json'];
978 json.json = data['application/json'];
979 };
979 };
980 if (data['application/javascript'] !== undefined) {
980 if (data['application/javascript'] !== undefined) {
981 json.javascript = data['application/javascript'];
981 json.javascript = data['application/javascript'];
982 }
982 }
983 return json;
983 return json;
984 };
984 };
985
985
986
986
987 Notebook.prototype.execute_selected_cell = function (options) {
987 Notebook.prototype.execute_selected_cell = function (options) {
988 // add_new: should a new cell be added if we are at the end of the nb
988 // add_new: should a new cell be added if we are at the end of the nb
989 // terminal: execute in terminal mode, which stays in the current cell
989 // terminal: execute in terminal mode, which stays in the current cell
990 default_options = {terminal: false, add_new: true};
990 default_options = {terminal: false, add_new: true};
991 $.extend(default_options, options);
991 $.extend(default_options, options);
992 var that = this;
992 var that = this;
993 var cell = that.get_selected_cell();
993 var cell = that.get_selected_cell();
994 var cell_index = that.find_cell_index(cell);
994 var cell_index = that.find_cell_index(cell);
995 if (cell instanceof IPython.CodeCell) {
995 if (cell instanceof IPython.CodeCell) {
996 cell.clear_output(true, true, true);
996 cell.clear_output(true, true, true);
997 cell.set_input_prompt('*');
997 cell.set_input_prompt('*');
998 cell.element.addClass("running");
998 cell.element.addClass("running");
999 var code = cell.get_text();
999 var code = cell.get_text();
1000 var msg_id = that.kernel.execute(cell.get_text());
1000 var msg_id = that.kernel.execute(cell.get_text());
1001 that.msg_cell_map[msg_id] = cell.cell_id;
1001 that.msg_cell_map[msg_id] = cell.cell_id;
1002 } else if (cell instanceof IPython.HTMLCell) {
1002 } else if (cell instanceof IPython.HTMLCell) {
1003 cell.render();
1003 cell.render();
1004 }
1004 }
1005 if (default_options.terminal) {
1005 if (default_options.terminal) {
1006 cell.select_all();
1006 cell.select_all();
1007 } else {
1007 } else {
1008 if ((cell_index === (that.ncells()-1)) && default_options.add_new) {
1008 if ((cell_index === (that.ncells()-1)) && default_options.add_new) {
1009 that.insert_cell_below('code');
1009 that.insert_cell_below('code');
1010 // If we are adding a new cell at the end, scroll down to show it.
1010 // If we are adding a new cell at the end, scroll down to show it.
1011 that.scroll_to_bottom();
1011 that.scroll_to_bottom();
1012 } else {
1012 } else {
1013 that.select(cell_index+1);
1013 that.select(cell_index+1);
1014 };
1014 };
1015 };
1015 };
1016 this.dirty = true;
1016 this.dirty = true;
1017 };
1017 };
1018
1018
1019
1019
1020 Notebook.prototype.execute_all_cells = function () {
1020 Notebook.prototype.execute_all_cells = function () {
1021 var ncells = this.ncells();
1021 var ncells = this.ncells();
1022 for (var i=0; i<ncells; i++) {
1022 for (var i=0; i<ncells; i++) {
1023 this.select(i);
1023 this.select(i);
1024 this.execute_get_selected_cell({add_new:false});
1024 this.execute_get_selected_cell({add_new:false});
1025 };
1025 };
1026 this.scroll_to_bottom();
1026 this.scroll_to_bottom();
1027 };
1027 };
1028
1028
1029
1029
1030 Notebook.prototype.request_tool_tip = function (cell,func) {
1030 Notebook.prototype.request_tool_tip = function (cell,func) {
1031 // Feel free to shorten this logic if you are better
1031 // Feel free to shorten this logic if you are better
1032 // than me in regEx
1032 // than me in regEx
1033 // basicaly you shoul be able to get xxx.xxx.xxx from
1033 // basicaly you shoul be able to get xxx.xxx.xxx from
1034 // something(range(10), kwarg=smth) ; xxx.xxx.xxx( firstarg, rand(234,23), kwarg1=2,
1034 // something(range(10), kwarg=smth) ; xxx.xxx.xxx( firstarg, rand(234,23), kwarg1=2,
1035 // remove everything between matchin bracket (need to iterate)
1035 // remove everything between matchin bracket (need to iterate)
1036 matchBracket = /\([^\(\)]+\)/g;
1036 matchBracket = /\([^\(\)]+\)/g;
1037 oldfunc = func;
1037 oldfunc = func;
1038 func = func.replace(matchBracket,"");
1038 func = func.replace(matchBracket,"");
1039 while( oldfunc != func )
1039 while( oldfunc != func )
1040 {
1040 {
1041 oldfunc = func;
1041 oldfunc = func;
1042 func = func.replace(matchBracket,"");
1042 func = func.replace(matchBracket,"");
1043 }
1043 }
1044 // remove everythin after last open bracket
1044 // remove everythin after last open bracket
1045 endBracket = /\([^\(]*$/g;
1045 endBracket = /\([^\(]*$/g;
1046 func = func.replace(endBracket,"");
1046 func = func.replace(endBracket,"");
1047 var re = /[a-zA-Z._]+$/g;
1047 var re = /[a-zA-Z._]+$/g;
1048 var msg_id = this.kernel.object_info_request(re.exec(func));
1048 var msg_id = this.kernel.object_info_request(re.exec(func));
1049 if(typeof(msg_id)!='undefined'){
1049 if(typeof(msg_id)!='undefined'){
1050 this.msg_cell_map[msg_id] = cell.cell_id;
1050 this.msg_cell_map[msg_id] = cell.cell_id;
1051 }
1051 }
1052 };
1052 };
1053
1053
1054 Notebook.prototype.complete_cell = function (cell, line, cursor_pos) {
1054 Notebook.prototype.complete_cell = function (cell, line, cursor_pos) {
1055 var msg_id = this.kernel.complete(line, cursor_pos);
1055 var msg_id = this.kernel.complete(line, cursor_pos);
1056 this.msg_cell_map[msg_id] = cell.cell_id;
1056 this.msg_cell_map[msg_id] = cell.cell_id;
1057 };
1057 };
1058
1058
1059 // Persistance and loading
1059 // Persistance and loading
1060
1060
1061
1061
1062 Notebook.prototype.fromJSON = function (data) {
1062 Notebook.prototype.fromJSON = function (data) {
1063 var ncells = this.ncells();
1063 var ncells = this.ncells();
1064 var i;
1064 var i;
1065 for (i=0; i<ncells; i++) {
1065 for (i=0; i<ncells; i++) {
1066 // Always delete cell 0 as they get renumbered as they are deleted.
1066 // Always delete cell 0 as they get renumbered as they are deleted.
1067 this.delete_cell(0);
1067 this.delete_cell(0);
1068 };
1068 };
1069 // Save the metadata
1069 // Save the metadata
1070 this.metadata = data.metadata;
1070 this.metadata = data.metadata;
1071 // Only handle 1 worksheet for now.
1071 // Only handle 1 worksheet for now.
1072 var worksheet = data.worksheets[0];
1072 var worksheet = data.worksheets[0];
1073 if (worksheet !== undefined) {
1073 if (worksheet !== undefined) {
1074 var new_cells = worksheet.cells;
1074 var new_cells = worksheet.cells;
1075 ncells = new_cells.length;
1075 ncells = new_cells.length;
1076 var cell_data = null;
1076 var cell_data = null;
1077 var new_cell = null;
1077 var new_cell = null;
1078 for (i=0; i<ncells; i++) {
1078 for (i=0; i<ncells; i++) {
1079 cell_data = new_cells[i];
1079 cell_data = new_cells[i];
1080 new_cell = this.insert_cell_below(cell_data.cell_type);
1080 new_cell = this.insert_cell_below(cell_data.cell_type);
1081 new_cell.fromJSON(cell_data);
1081 new_cell.fromJSON(cell_data);
1082 };
1082 };
1083 };
1083 };
1084 };
1084 };
1085
1085
1086
1086
1087 Notebook.prototype.toJSON = function () {
1087 Notebook.prototype.toJSON = function () {
1088 var cells = this.get_cells();
1088 var cells = this.get_cells();
1089 var ncells = cells.length;
1089 var ncells = cells.length;
1090 cell_array = new Array(ncells);
1090 cell_array = new Array(ncells);
1091 for (var i=0; i<ncells; i++) {
1091 for (var i=0; i<ncells; i++) {
1092 cell_array[i] = cells[i].toJSON();
1092 cell_array[i] = cells[i].toJSON();
1093 };
1093 };
1094 data = {
1094 data = {
1095 // Only handle 1 worksheet for now.
1095 // Only handle 1 worksheet for now.
1096 worksheets : [{cells:cell_array}],
1096 worksheets : [{cells:cell_array}],
1097 metadata : this.metadata
1097 metadata : this.metadata
1098 };
1098 };
1099 return data;
1099 return data;
1100 };
1100 };
1101
1101
1102 Notebook.prototype.save_notebook = function () {
1102 Notebook.prototype.save_notebook = function () {
1103 if (IPython.save_widget.test_notebook_name()) {
1103 if (IPython.save_widget.test_notebook_name()) {
1104 var notebook_id = IPython.save_widget.get_notebook_id();
1104 var notebook_id = IPython.save_widget.get_notebook_id();
1105 var nbname = IPython.save_widget.get_notebook_name();
1105 var nbname = IPython.save_widget.get_notebook_name();
1106 // We may want to move the name/id/nbformat logic inside toJSON?
1106 // We may want to move the name/id/nbformat logic inside toJSON?
1107 var data = this.toJSON();
1107 var data = this.toJSON();
1108 data.metadata.name = nbname;
1108 data.metadata.name = nbname;
1109 data.nbformat = 2;
1109 data.nbformat = 2;
1110 // We do the call with settings so we can set cache to false.
1110 // We do the call with settings so we can set cache to false.
1111 var settings = {
1111 var settings = {
1112 processData : false,
1112 processData : false,
1113 cache : false,
1113 cache : false,
1114 type : "PUT",
1114 type : "PUT",
1115 data : JSON.stringify(data),
1115 data : JSON.stringify(data),
1116 headers : {'Content-Type': 'application/json'},
1116 headers : {'Content-Type': 'application/json'},
1117 success : $.proxy(this.notebook_saved,this),
1117 success : $.proxy(this.notebook_saved,this),
1118 error : $.proxy(this.notebook_save_failed,this)
1118 error : $.proxy(this.notebook_save_failed,this)
1119 };
1119 };
1120 IPython.save_widget.status_saving();
1120 IPython.save_widget.status_saving();
1121 var url = $('body').data('baseProjectUrl') + 'notebooks/' + notebook_id;
1121 var url = $('body').data('baseProjectUrl') + 'notebooks/' + notebook_id;
1122 $.ajax(url, settings);
1122 $.ajax(url, settings);
1123 };
1123 };
1124 };
1124 };
1125
1125
1126
1126
1127 Notebook.prototype.notebook_saved = function (data, status, xhr) {
1127 Notebook.prototype.notebook_saved = function (data, status, xhr) {
1128 this.dirty = false;
1128 this.dirty = false;
1129 IPython.save_widget.notebook_saved();
1129 IPython.save_widget.notebook_saved();
1130 IPython.save_widget.status_last_saved();
1130 IPython.save_widget.status_last_saved();
1131 };
1131 };
1132
1132
1133
1133
1134 Notebook.prototype.notebook_save_failed = function (xhr, status, error_msg) {
1134 Notebook.prototype.notebook_save_failed = function (xhr, status, error_msg) {
1135 IPython.save_widget.status_save_failed();
1135 IPython.save_widget.status_save_failed();
1136 };
1136 };
1137
1137
1138
1138
1139 Notebook.prototype.load_notebook = function (callback) {
1139 Notebook.prototype.load_notebook = function (callback) {
1140 var that = this;
1140 var that = this;
1141 var notebook_id = IPython.save_widget.get_notebook_id();
1141 var notebook_id = IPython.save_widget.get_notebook_id();
1142 // We do the call with settings so we can set cache to false.
1142 // We do the call with settings so we can set cache to false.
1143 var settings = {
1143 var settings = {
1144 processData : false,
1144 processData : false,
1145 cache : false,
1145 cache : false,
1146 type : "GET",
1146 type : "GET",
1147 dataType : "json",
1147 dataType : "json",
1148 success : function (data, status, xhr) {
1148 success : function (data, status, xhr) {
1149 that.notebook_loaded(data, status, xhr);
1149 that.notebook_loaded(data, status, xhr);
1150 if (callback !== undefined) {
1150 if (callback !== undefined) {
1151 callback();
1151 callback();
1152 };
1152 };
1153 }
1153 }
1154 };
1154 };
1155 IPython.save_widget.status_loading();
1155 IPython.save_widget.status_loading();
1156 var url = $('body').data('baseProjectUrl') + 'notebooks/' + notebook_id;
1156 var url = $('body').data('baseProjectUrl') + 'notebooks/' + notebook_id;
1157 $.ajax(url, settings);
1157 $.ajax(url, settings);
1158 };
1158 };
1159
1159
1160
1160
1161 Notebook.prototype.notebook_loaded = function (data, status, xhr) {
1161 Notebook.prototype.notebook_loaded = function (data, status, xhr) {
1162 var allowed = xhr.getResponseHeader('Allow');
1163 this.fromJSON(data);
1162 this.fromJSON(data);
1164 if (this.ncells() === 0) {
1163 if (this.ncells() === 0) {
1165 this.insert_cell_below('code');
1164 this.insert_cell_below('code');
1166 };
1165 };
1167 IPython.save_widget.status_last_saved();
1166 IPython.save_widget.status_last_saved();
1168 IPython.save_widget.set_notebook_name(data.metadata.name);
1167 IPython.save_widget.set_notebook_name(data.metadata.name);
1169 this.dirty = false;
1168 this.dirty = false;
1170 if (! this.read_only) {
1169 if (! this.read_only) {
1171 this.start_kernel();
1170 this.start_kernel();
1172 }
1171 }
1173 // fromJSON always selects the last cell inserted. We need to wait
1172 // fromJSON always selects the last cell inserted. We need to wait
1174 // until that is done before scrolling to the top.
1173 // until that is done before scrolling to the top.
1175 setTimeout(function () {
1174 setTimeout(function () {
1176 IPython.notebook.select(0);
1175 IPython.notebook.select(0);
1177 IPython.notebook.scroll_to_top();
1176 IPython.notebook.scroll_to_top();
1178 }, 50);
1177 }, 50);
1179 };
1178 };
1180
1179
1181 IPython.Notebook = Notebook;
1180 IPython.Notebook = Notebook;
1182
1181
1183
1182
1184 return IPython;
1183 return IPython;
1185
1184
1186 }(IPython));
1185 }(IPython));
1187
1186
@@ -1,124 +1,123 b''
1 //----------------------------------------------------------------------------
1 //----------------------------------------------------------------------------
2 // Copyright (C) 2008-2011 The IPython Development Team
2 // Copyright (C) 2008-2011 The IPython Development Team
3 //
3 //
4 // Distributed under the terms of the BSD License. The full license is in
4 // Distributed under the terms of the BSD License. The full license is in
5 // the file COPYING, distributed as part of this software.
5 // the file COPYING, distributed as part of this software.
6 //----------------------------------------------------------------------------
6 //----------------------------------------------------------------------------
7
7
8 //============================================================================
8 //============================================================================
9 // On document ready
9 // On document ready
10 //============================================================================
10 //============================================================================
11
11
12
12
13 $(document).ready(function () {
13 $(document).ready(function () {
14 if (window.MathJax){
14 if (window.MathJax){
15 // MathJax loaded
15 // MathJax loaded
16 MathJax.Hub.Config({
16 MathJax.Hub.Config({
17 tex2jax: {
17 tex2jax: {
18 inlineMath: [ ['$','$'], ["\\(","\\)"] ],
18 inlineMath: [ ['$','$'], ["\\(","\\)"] ],
19 displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
19 displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
20 },
20 },
21 displayAlign: 'left', // Change this to 'center' to center equations.
21 displayAlign: 'left', // Change this to 'center' to center equations.
22 "HTML-CSS": {
22 "HTML-CSS": {
23 styles: {'.MathJax_Display': {"margin": 0}}
23 styles: {'.MathJax_Display': {"margin": 0}}
24 }
24 }
25 });
25 });
26 }else if (window.mathjax_url != ""){
26 }else if (window.mathjax_url != ""){
27 // Don't have MathJax, but should. Show dialog.
27 // Don't have MathJax, but should. Show dialog.
28 var dialog = $('<div></div>')
28 var dialog = $('<div></div>')
29 .append(
29 .append(
30 $("<p></p>").addClass('dialog').html(
30 $("<p></p>").addClass('dialog').html(
31 "Math/LaTeX rendering will be disabled."
31 "Math/LaTeX rendering will be disabled."
32 )
32 )
33 ).append(
33 ).append(
34 $("<p></p>").addClass('dialog').html(
34 $("<p></p>").addClass('dialog').html(
35 "If you have administrative access to the notebook server and" +
35 "If you have administrative access to the notebook server and" +
36 " a working internet connection, you can install a local copy" +
36 " a working internet connection, you can install a local copy" +
37 " of MathJax for offline use with the following command on the server" +
37 " of MathJax for offline use with the following command on the server" +
38 " at a Python or IPython prompt:"
38 " at a Python or IPython prompt:"
39 )
39 )
40 ).append(
40 ).append(
41 $("<pre></pre>").addClass('dialog').html(
41 $("<pre></pre>").addClass('dialog').html(
42 ">>> from IPython.external import mathjax; mathjax.install_mathjax()"
42 ">>> from IPython.external import mathjax; mathjax.install_mathjax()"
43 )
43 )
44 ).append(
44 ).append(
45 $("<p></p>").addClass('dialog').html(
45 $("<p></p>").addClass('dialog').html(
46 "This will try to install MathJax into the IPython source directory."
46 "This will try to install MathJax into the IPython source directory."
47 )
47 )
48 ).append(
48 ).append(
49 $("<p></p>").addClass('dialog').html(
49 $("<p></p>").addClass('dialog').html(
50 "If IPython is installed to a location that requires" +
50 "If IPython is installed to a location that requires" +
51 " administrative privileges to write, you will need to make this call as" +
51 " administrative privileges to write, you will need to make this call as" +
52 " an administrator, via 'sudo'."
52 " an administrator, via 'sudo'."
53 )
53 )
54 ).append(
54 ).append(
55 $("<p></p>").addClass('dialog').html(
55 $("<p></p>").addClass('dialog').html(
56 "When you start the notebook server, you can instruct it to disable MathJax support altogether:"
56 "When you start the notebook server, you can instruct it to disable MathJax support altogether:"
57 )
57 )
58 ).append(
58 ).append(
59 $("<pre></pre>").addClass('dialog').html(
59 $("<pre></pre>").addClass('dialog').html(
60 "$ ipython notebook --no-mathjax"
60 "$ ipython notebook --no-mathjax"
61 )
61 )
62 ).append(
62 ).append(
63 $("<p></p>").addClass('dialog').html(
63 $("<p></p>").addClass('dialog').html(
64 "which will prevent this dialog from appearing."
64 "which will prevent this dialog from appearing."
65 )
65 )
66 ).dialog({
66 ).dialog({
67 title: "Failed to retrieve MathJax from '" + window.mathjax_url + "'",
67 title: "Failed to retrieve MathJax from '" + window.mathjax_url + "'",
68 width: "70%",
68 width: "70%",
69 modal: true,
69 modal: true,
70 })
70 })
71 }else{
71 }else{
72 // No MathJax, but none expected. No dialog.
72 // No MathJax, but none expected. No dialog.
73 }
73 }
74
74
75
75
76 IPython.markdown_converter = new Markdown.Converter();
76 IPython.markdown_converter = new Markdown.Converter();
77 IPython.read_only = $('meta[name=read_only]').attr("content") == 'True';
77 IPython.read_only = $('meta[name=read_only]').attr("content") == 'True';
78
78
79 $('div#header').addClass('border-box-sizing');
79 $('div#header').addClass('border-box-sizing');
80 $('div#main_app').addClass('border-box-sizing ui-widget ui-widget-content');
80 $('div#main_app').addClass('border-box-sizing ui-widget ui-widget-content');
81 $('div#notebook_panel').addClass('border-box-sizing ui-widget');
81 $('div#notebook_panel').addClass('border-box-sizing ui-widget');
82
82
83 IPython.layout_manager = new IPython.LayoutManager();
83 IPython.layout_manager = new IPython.LayoutManager();
84 IPython.pager = new IPython.Pager('div#pager', 'div#pager_splitter');
84 IPython.pager = new IPython.Pager('div#pager', 'div#pager_splitter');
85 IPython.save_widget = new IPython.SaveWidget('span#save_widget');
85 IPython.save_widget = new IPython.SaveWidget('span#save_widget');
86 IPython.quick_help = new IPython.QuickHelp('span#quick_help_area');
86 IPython.quick_help = new IPython.QuickHelp('span#quick_help_area');
87 IPython.login_widget = new IPython.LoginWidget('span#login_widget');
87 IPython.login_widget = new IPython.LoginWidget('span#login_widget');
88 IPython.notebook = new IPython.Notebook('div#notebook');
88 IPython.notebook = new IPython.Notebook('div#notebook');
89 IPython.kernel_status_widget = new IPython.KernelStatusWidget('#kernel_status');
89 IPython.kernel_status_widget = new IPython.KernelStatusWidget('#kernel_status');
90 IPython.menubar = new IPython.MenuBar('#menubar')
90 IPython.menubar = new IPython.MenuBar('#menubar')
91 IPython.kernel_status_widget.status_idle();
91 IPython.kernel_status_widget.status_idle();
92 IPython.fulledit_widget = new IPython.FullEditWidget('#fulledit_widget');
92 IPython.fulledit_widget = new IPython.FullEditWidget('#fulledit_widget');
93
93
94 IPython.layout_manager.do_resize();
94 IPython.layout_manager.do_resize();
95
95
96 // These have display: none in the css file and are made visible here to prevent FLOUC.
96 // These have display: none in the css file and are made visible here to prevent FLOUC.
97 $('div#header').css('display','block');
97 $('div#header').css('display','block');
98
98
99 if(IPython.read_only){
99 if(IPython.read_only){
100 // hide various elements from read-only view
100 // hide various elements from read-only view
101 $('div#pager').remove();
101 $('div#pager').remove();
102 $('div#pager_splitter').remove();
102 $('div#pager_splitter').remove();
103 $('span#login_widget').removeClass('hidden');
103 $('span#login_widget').removeClass('hidden');
104
104
105 // set the notebook name field as not modifiable
105 // set the notebook name field as not modifiable
106 $('#notebook_name').attr('disabled','disabled')
106 $('#notebook_name').attr('disabled','disabled')
107 }
107 }
108
108
109 $('div#menubar').css('display','block');
109 $('div#menubar').css('display','block');
110 $('div#main_app').css('display','block');
110 $('div#main_app').css('display','block');
111
111
112 // Perform these actions after the notebook has been loaded.
112 // Perform these actions after the notebook has been loaded.
113 // We wait 100 milliseconds because the notebook scrolls to the top after a load
113 // We wait 100 milliseconds because the notebook scrolls to the top after a load
114 // is completed and we need to wait for that to mostly finish.
114 // is completed and we need to wait for that to mostly finish.
115 IPython.notebook.load_notebook(function () {
115 IPython.notebook.load_notebook(function () {
116 setTimeout(function () {
116 setTimeout(function () {
117 IPython.save_widget.update_url();
117 IPython.save_widget.update_url();
118 IPython.layout_manager.do_resize();
118 IPython.layout_manager.do_resize();
119 IPython.pager.collapse();
120 },100);
119 },100);
121 });
120 });
122
121
123 });
122 });
124
123
@@ -1,102 +1,102 b''
1 //----------------------------------------------------------------------------
1 //----------------------------------------------------------------------------
2 // Copyright (C) 2008-2011 The IPython Development Team
2 // Copyright (C) 2008-2011 The IPython Development Team
3 //
3 //
4 // Distributed under the terms of the BSD License. The full license is in
4 // Distributed under the terms of the BSD License. The full license is in
5 // the file COPYING, distributed as part of this software.
5 // the file COPYING, distributed as part of this software.
6 //----------------------------------------------------------------------------
6 //----------------------------------------------------------------------------
7
7
8 //============================================================================
8 //============================================================================
9 // Pager
9 // Pager
10 //============================================================================
10 //============================================================================
11
11
12 var IPython = (function (IPython) {
12 var IPython = (function (IPython) {
13
13
14 var utils = IPython.utils;
14 var utils = IPython.utils;
15
15
16 var Pager = function (pager_selector, pager_splitter_selector) {
16 var Pager = function (pager_selector, pager_splitter_selector) {
17 this.pager_element = $(pager_selector);
17 this.pager_element = $(pager_selector);
18 this.pager_splitter_element = $(pager_splitter_selector);
18 this.pager_splitter_element = $(pager_splitter_selector);
19 this.expanded = true;
19 this.expanded = false;
20 this.percentage_height = 0.40;
20 this.percentage_height = 0.40;
21 this.style();
21 this.style();
22 this.bind_events();
22 this.bind_events();
23 };
23 };
24
24
25
25
26 Pager.prototype.style = function () {
26 Pager.prototype.style = function () {
27 this.pager_splitter_element.addClass('border-box-sizing ui-widget ui-state-default');
27 this.pager_splitter_element.addClass('border-box-sizing ui-widget ui-state-default');
28 this.pager_element.addClass('border-box-sizing ui-widget');
28 this.pager_element.addClass('border-box-sizing ui-widget');
29 this.pager_splitter_element.attr('title', 'Click to Show/Hide pager area');
29 this.pager_splitter_element.attr('title', 'Click to Show/Hide pager area');
30 };
30 };
31
31
32
32
33 Pager.prototype.bind_events = function () {
33 Pager.prototype.bind_events = function () {
34 var that = this;
34 var that = this;
35
35
36 this.pager_element.bind('collapse_pager', function () {
36 this.pager_element.bind('collapse_pager', function () {
37 that.pager_element.hide('fast');
37 that.pager_element.hide('fast');
38 });
38 });
39
39
40 this.pager_element.bind('expand_pager', function () {
40 this.pager_element.bind('expand_pager', function () {
41 that.pager_element.show('fast');
41 that.pager_element.show('fast');
42 });
42 });
43
43
44 this.pager_splitter_element.hover(
44 this.pager_splitter_element.hover(
45 function () {
45 function () {
46 that.pager_splitter_element.addClass('ui-state-hover');
46 that.pager_splitter_element.addClass('ui-state-hover');
47 },
47 },
48 function () {
48 function () {
49 that.pager_splitter_element.removeClass('ui-state-hover');
49 that.pager_splitter_element.removeClass('ui-state-hover');
50 }
50 }
51 );
51 );
52
52
53 this.pager_splitter_element.click(function () {
53 this.pager_splitter_element.click(function () {
54 that.toggle();
54 that.toggle();
55 });
55 });
56
56
57 };
57 };
58
58
59
59
60 Pager.prototype.collapse = function () {
60 Pager.prototype.collapse = function () {
61 if (this.expanded === true) {
61 if (this.expanded === true) {
62 this.pager_element.add($('div#notebook')).trigger('collapse_pager');
62 this.pager_element.add($('div#notebook')).trigger('collapse_pager');
63 this.expanded = false;
63 this.expanded = false;
64 };
64 };
65 };
65 };
66
66
67
67
68 Pager.prototype.expand = function () {
68 Pager.prototype.expand = function () {
69 if (this.expanded !== true) {
69 if (this.expanded !== true) {
70 this.pager_element.add($('div#notebook')).trigger('expand_pager');
70 this.pager_element.add($('div#notebook')).trigger('expand_pager');
71 this.expanded = true;
71 this.expanded = true;
72 };
72 };
73 };
73 };
74
74
75
75
76 Pager.prototype.toggle = function () {
76 Pager.prototype.toggle = function () {
77 if (this.expanded === true) {
77 if (this.expanded === true) {
78 this.collapse();
78 this.collapse();
79 } else {
79 } else {
80 this.expand();
80 this.expand();
81 };
81 };
82 };
82 };
83
83
84
84
85 Pager.prototype.clear = function (text) {
85 Pager.prototype.clear = function (text) {
86 this.pager_element.empty();
86 this.pager_element.empty();
87 };
87 };
88
88
89
89
90 Pager.prototype.append_text = function (text) {
90 Pager.prototype.append_text = function (text) {
91 var toinsert = $("<div/>").addClass("output_area output_stream");
91 var toinsert = $("<div/>").addClass("output_area output_stream");
92 toinsert.append($('<pre/>').html(utils.fixConsole(text)));
92 toinsert.append($('<pre/>').html(utils.fixConsole(text)));
93 this.pager_element.append(toinsert);
93 this.pager_element.append(toinsert);
94 };
94 };
95
95
96
96
97 IPython.Pager = Pager;
97 IPython.Pager = Pager;
98
98
99 return IPython;
99 return IPython;
100
100
101 }(IPython));
101 }(IPython));
102
102
General Comments 0
You need to be logged in to leave comments. Login now