Show More
@@ -1,313 +1,315 b'' | |||
|
1 | 1 | |
|
2 | 2 | /** |
|
3 | 3 | * Primary styles |
|
4 | 4 | * |
|
5 | 5 | * Author: IPython Development Team |
|
6 | 6 | */ |
|
7 | 7 | |
|
8 | 8 | |
|
9 | 9 | body { |
|
10 | 10 | background-color: white; |
|
11 | 11 | /* This makes sure that the body covers the entire window and needs to |
|
12 | 12 | be in a different element than the display: box in wrapper below */ |
|
13 | 13 | position: absolute; |
|
14 | 14 | left: 0px; |
|
15 | 15 | right: 0px; |
|
16 | 16 | top: 0px; |
|
17 | 17 | bottom: 0px; |
|
18 | 18 | overflow: hidden; |
|
19 | 19 | } |
|
20 | 20 | |
|
21 | 21 | span#save_widget { |
|
22 | 22 | position: absolute; |
|
23 | 23 | left: 0px; |
|
24 | 24 | padding: 5px 0px; |
|
25 | 25 | margin: 0px 0px 0px 0px; |
|
26 | 26 | } |
|
27 | 27 | |
|
28 | 28 | input#notebook_name { |
|
29 | 29 | height: 1em; |
|
30 | 30 | line-height: 1em; |
|
31 | 31 | padding: 5px; |
|
32 | 32 | } |
|
33 | 33 | |
|
34 | 34 | span#kernel_status { |
|
35 | 35 | position: absolute; |
|
36 | 36 | padding: 8px 5px 5px 5px; |
|
37 | 37 | right: 10px; |
|
38 | 38 | font-weight: bold; |
|
39 | 39 | } |
|
40 | 40 | |
|
41 | 41 | .status_idle { |
|
42 | 42 | color: gray; |
|
43 | 43 | } |
|
44 | 44 | |
|
45 | 45 | .status_busy { |
|
46 | 46 | color: red; |
|
47 | 47 | } |
|
48 | 48 | |
|
49 | 49 | .status_restarting { |
|
50 | 50 | color: black; |
|
51 | 51 | } |
|
52 | 52 | |
|
53 | 53 | div#left_panel { |
|
54 | 54 | overflow-y: auto; |
|
55 | 55 | top: 0px; |
|
56 | 56 | left: 0px; |
|
57 | 57 | margin: 0px; |
|
58 | 58 | padding: 0px; |
|
59 | 59 | position: absolute; |
|
60 | 60 | } |
|
61 | 61 | |
|
62 | 62 | h3.section_header { |
|
63 | 63 | padding: 5px; |
|
64 | 64 | } |
|
65 | 65 | |
|
66 | 66 | div.section_content { |
|
67 | 67 | padding: 5px; |
|
68 | 68 | } |
|
69 | 69 | |
|
70 | 70 | span.section_row_buttons button { |
|
71 | 71 | width: 70px; |
|
72 | 72 | } |
|
73 | 73 | |
|
74 | 74 | span.section_row_buttons a { |
|
75 | 75 | width: 70px; |
|
76 | 76 | } |
|
77 | 77 | |
|
78 | 78 | .section_row { |
|
79 | 79 | margin: 5px 0px; |
|
80 | 80 | } |
|
81 | 81 | |
|
82 | 82 | .section_row_buttons { |
|
83 | 83 | float: right; |
|
84 | 84 | } |
|
85 | 85 | |
|
86 | 86 | #kernel_persist { |
|
87 | 87 | float: right; |
|
88 | 88 | } |
|
89 | 89 | |
|
90 | 90 | .help_string { |
|
91 | 91 | float: right; |
|
92 | 92 | width: 170px; |
|
93 | 93 | padding: 0px 5px; |
|
94 | 94 | text-align: center; |
|
95 | font-size: 85%; | |
|
95 | 96 | } |
|
96 | 97 | |
|
97 | 98 | .help_string_label { |
|
98 | 99 | float: right; |
|
100 | font-size: 85%; | |
|
99 | 101 | } |
|
100 | 102 | |
|
101 | 103 | #autoindent_span { |
|
102 | 104 | float: right; |
|
103 | 105 | } |
|
104 | 106 | |
|
105 | 107 | .checkbox_label { |
|
106 | 108 | font-size: 85%; |
|
107 | 109 | float: right; |
|
108 | 110 | padding: 0.3em; |
|
109 | 111 | } |
|
110 | 112 | |
|
111 | 113 | .section_row_header { |
|
112 | 114 | float: left; |
|
113 | 115 | font-size: 85%; |
|
114 | 116 | padding: 0.4em 0em; |
|
115 | 117 | font-weight: bold; |
|
116 | 118 | } |
|
117 | 119 | |
|
118 | 120 | span.button_label { |
|
119 | 121 | padding: 0.2em 1em; |
|
120 | 122 | font-size: 77%; |
|
121 | 123 | float: right; |
|
122 | 124 | } |
|
123 | 125 | |
|
124 | 126 | /* This is needed because FF was adding a 2px margin top and bottom. */ |
|
125 | 127 | .section_row .ui-button { |
|
126 | 128 | margin-top: 0px; |
|
127 | 129 | margin-bottom: 0px; |
|
128 | 130 | } |
|
129 | 131 | |
|
130 | 132 | #download_format { |
|
131 | 133 | float: right; |
|
132 | 134 | font-size: 85%; |
|
133 | 135 | width: 62px; |
|
134 | 136 | margin: 1px 5px; |
|
135 | 137 | } |
|
136 | 138 | |
|
137 | 139 | div#left_panel_splitter { |
|
138 | 140 | width: 8px; |
|
139 | 141 | top: 0px; |
|
140 | 142 | left: 202px; |
|
141 | 143 | margin: 0px; |
|
142 | 144 | padding: 0px; |
|
143 | 145 | position: absolute; |
|
144 | 146 | } |
|
145 | 147 | |
|
146 | 148 | div#notebook_panel { |
|
147 | 149 | /* The L margin will be set in the Javascript code*/ |
|
148 | 150 | margin: 0px 0px 0px 0px; |
|
149 | 151 | padding: 0px; |
|
150 | 152 | } |
|
151 | 153 | |
|
152 | 154 | div#notebook { |
|
153 | 155 | overflow-y: scroll; |
|
154 | 156 | overflow-x: auto; |
|
155 | 157 | width: 100%; |
|
156 | 158 | /* This spaces the cell away from the edge of the notebook area */ |
|
157 | 159 | padding: 15px 15px 15px 15px; |
|
158 | 160 | margin: 0px |
|
159 | 161 | background-color: white; |
|
160 | 162 | } |
|
161 | 163 | |
|
162 | 164 | div#pager_splitter { |
|
163 | 165 | height: 8px; |
|
164 | 166 | } |
|
165 | 167 | |
|
166 | 168 | div#pager { |
|
167 | 169 | padding: 15px; |
|
168 | 170 | overflow: auto; |
|
169 | 171 | } |
|
170 | 172 | |
|
171 | 173 | div.cell { |
|
172 | 174 | width: 100%; |
|
173 | 175 | padding: 5px; |
|
174 | 176 | /* This acts as a spacer between cells, that is outside the border */ |
|
175 | 177 | margin: 5px 0px 5px 0px; |
|
176 | 178 | } |
|
177 | 179 | |
|
178 | 180 | div.code_cell { |
|
179 | 181 | background-color: white; |
|
180 | 182 | } |
|
181 | 183 | |
|
182 | 184 | div.prompt { |
|
183 | 185 | /* No width is used so the prompt area can expand as the prompt number |
|
184 | 186 | increases in width */ |
|
185 | 187 | /* This 0.4em is tuned to match the padding on the CodeMirror editor. */ |
|
186 | 188 | padding: 0.4em; |
|
187 | 189 | margin: 0px; |
|
188 | 190 | font-family: monospace; |
|
189 | 191 | } |
|
190 | 192 | |
|
191 | 193 | div.input { |
|
192 | 194 | page-break-inside: avoid; |
|
193 | 195 | } |
|
194 | 196 | |
|
195 | 197 | div.input_area { |
|
196 | 198 | color: black; |
|
197 | 199 | } |
|
198 | 200 | |
|
199 | 201 | div.input_prompt { |
|
200 | 202 | color: navy; |
|
201 | 203 | } |
|
202 | 204 | |
|
203 | 205 | div.output { |
|
204 | 206 | /* This is a spacer between the input and output of each cell */ |
|
205 | 207 | margin-top: 5px; |
|
206 | 208 | } |
|
207 | 209 | |
|
208 | 210 | div.output_prompt { |
|
209 | 211 | color: darkred; |
|
210 | 212 | } |
|
211 | 213 | |
|
212 | 214 | /* This class is applied to all types of output (pyout, pyerr, stream, display_data) */ |
|
213 | 215 | div.output_area { |
|
214 | 216 | padding: 0px 0.4em; |
|
215 | 217 | page-break-inside: avoid; |
|
216 | 218 | } |
|
217 | 219 | |
|
218 | 220 | /* This is the output area after the Out[] prompt of type pyout */ |
|
219 | 221 | div.pyout_area { |
|
220 | 222 | padding: 0.4em; |
|
221 | 223 | } |
|
222 | 224 | |
|
223 | 225 | /* The rest of the output_* classes are for special styling of the different |
|
224 | 226 | output types */ |
|
225 | 227 | |
|
226 | 228 | div.output_pyout { |
|
227 | 229 | padding: 0px; |
|
228 | 230 | } |
|
229 | 231 | |
|
230 | 232 | div.output_stream { |
|
231 | 233 | text-align: left; |
|
232 | 234 | color: black; |
|
233 | 235 | font-family: monospace; |
|
234 | 236 | } |
|
235 | 237 | |
|
236 | 238 | div.output_latex { |
|
237 | 239 | text-align: left; |
|
238 | 240 | color: black; |
|
239 | 241 | } |
|
240 | 242 | |
|
241 | 243 | div.output_html { |
|
242 | 244 | } |
|
243 | 245 | |
|
244 | 246 | div.output_png { |
|
245 | 247 | } |
|
246 | 248 | |
|
247 | 249 | div.output_jpeg { |
|
248 | 250 | } |
|
249 | 251 | |
|
250 | 252 | div.text_cell { |
|
251 | 253 | background-color: white; |
|
252 | 254 | } |
|
253 | 255 | |
|
254 | 256 | div.text_cell_input { |
|
255 | 257 | color: black; |
|
256 | 258 | } |
|
257 | 259 | |
|
258 | 260 | div.text_cell_render { |
|
259 | 261 | font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; |
|
260 | 262 | outline: none; |
|
261 | 263 | resize: none; |
|
262 | 264 | width: inherit; |
|
263 | 265 | border-style: none; |
|
264 | 266 | padding: 5px; |
|
265 | 267 | color: black; |
|
266 | 268 | } |
|
267 | 269 | |
|
268 | 270 | .CodeMirror { |
|
269 | 271 | line-height: 1.231; /* Changed from 1em to our global default */ |
|
270 | 272 | } |
|
271 | 273 | |
|
272 | 274 | .CodeMirror-scroll { |
|
273 | 275 | height: auto; /* Changed to auto to autogrow */ |
|
274 | 276 | /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/ |
|
275 | 277 | /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/ |
|
276 | 278 | overflow-y: hidden; |
|
277 | 279 | overflow-x: auto; /* Changed from auto to remove scrollbar */ |
|
278 | 280 | } |
|
279 | 281 | |
|
280 | 282 | /* CSS font colors for translated ANSI colors. */ |
|
281 | 283 | |
|
282 | 284 | |
|
283 | 285 | .ansiblack {color: black;} |
|
284 | 286 | .ansired {color: darkred;} |
|
285 | 287 | .ansigreen {color: darkgreen;} |
|
286 | 288 | .ansiyellow {color: brown;} |
|
287 | 289 | .ansiblue {color: darkblue;} |
|
288 | 290 | .ansipurple {color: darkviolet;} |
|
289 | 291 | .ansicyan {color: steelblue;} |
|
290 | 292 | .ansigrey {color: grey;} |
|
291 | 293 | .ansibold {font-weight: bold;} |
|
292 | 294 | |
|
293 | 295 | .completions { |
|
294 | 296 | position: absolute; |
|
295 | 297 | z-index: 10; |
|
296 | 298 | overflow: auto; |
|
297 | 299 | border: 1px solid black; |
|
298 | 300 | } |
|
299 | 301 | |
|
300 | 302 | .completions select { |
|
301 | 303 | background: white; |
|
302 | 304 | outline: none; |
|
303 | 305 | border: none; |
|
304 | 306 | padding: 0px; |
|
305 | 307 | margin: 0px; |
|
306 | 308 | font-family: monospace; |
|
307 | 309 | } |
|
308 | 310 | |
|
309 | 311 | @media print { |
|
310 | 312 | body { overflow: visible !important; } |
|
311 | 313 | .ui-widget-content { border: 0px; } |
|
312 | 314 | } |
|
313 | 315 |
@@ -1,245 +1,246 b'' | |||
|
1 | 1 | //---------------------------------------------------------------------------- |
|
2 | 2 | // Copyright (C) 2008-2011 The IPython Development Team |
|
3 | 3 | // |
|
4 | 4 | // Distributed under the terms of the BSD License. The full license is in |
|
5 | 5 | // the file COPYING, distributed as part of this software. |
|
6 | 6 | //---------------------------------------------------------------------------- |
|
7 | 7 | |
|
8 | 8 | //============================================================================ |
|
9 | 9 | // PanelSection |
|
10 | 10 | //============================================================================ |
|
11 | 11 | |
|
12 | 12 | var IPython = (function (IPython) { |
|
13 | 13 | |
|
14 | 14 | var utils = IPython.utils; |
|
15 | 15 | |
|
16 | 16 | // Base PanelSection class |
|
17 | 17 | |
|
18 | 18 | var PanelSection = function (selector) { |
|
19 | 19 | this.selector = selector; |
|
20 | 20 | if (this.selector !== undefined) { |
|
21 | 21 | this.element = $(selector); |
|
22 | 22 | this.header = this.element.find('h3.section_header'); |
|
23 | 23 | this.content = this.element.find('div.section_content'); |
|
24 | 24 | this.style(); |
|
25 | 25 | this.bind_events(); |
|
26 | 26 | } |
|
27 | 27 | this.expanded = true; |
|
28 | 28 | }; |
|
29 | 29 | |
|
30 | 30 | |
|
31 | 31 | PanelSection.prototype.style = function () { |
|
32 | 32 | this.header.addClass('ui-widget ui-state-default'); |
|
33 | 33 | this.content.addClass('ui-widget section_content'); |
|
34 | 34 | }; |
|
35 | 35 | |
|
36 | 36 | |
|
37 | 37 | PanelSection.prototype.bind_events = function () { |
|
38 | 38 | var that = this; |
|
39 | 39 | this.header.click(function () { |
|
40 | 40 | that.toggle(); |
|
41 | 41 | }); |
|
42 | 42 | this.header.hover(function () { |
|
43 | 43 | that.header.toggleClass('ui-state-hover'); |
|
44 | 44 | }); |
|
45 | 45 | }; |
|
46 | 46 | |
|
47 | 47 | |
|
48 | 48 | PanelSection.prototype.expand = function () { |
|
49 | 49 | if (!this.expanded) { |
|
50 | 50 | this.content.slideDown('fast'); |
|
51 | 51 | this.expanded = true; |
|
52 | 52 | }; |
|
53 | 53 | }; |
|
54 | 54 | |
|
55 | 55 | |
|
56 | 56 | PanelSection.prototype.collapse = function () { |
|
57 | 57 | if (this.expanded) { |
|
58 | 58 | this.content.slideUp('fast'); |
|
59 | 59 | this.expanded = false; |
|
60 | 60 | }; |
|
61 | 61 | }; |
|
62 | 62 | |
|
63 | 63 | |
|
64 | 64 | PanelSection.prototype.toggle = function () { |
|
65 | 65 | if (this.expanded === true) { |
|
66 | 66 | this.collapse(); |
|
67 | 67 | } else { |
|
68 | 68 | this.expand(); |
|
69 | 69 | }; |
|
70 | 70 | }; |
|
71 | 71 | |
|
72 | 72 | |
|
73 | 73 | PanelSection.prototype.create_children = function () {}; |
|
74 | 74 | |
|
75 | 75 | |
|
76 | 76 | // NotebookSection |
|
77 | 77 | |
|
78 | 78 | var NotebookSection = function () { |
|
79 | 79 | PanelSection.apply(this, arguments); |
|
80 | 80 | }; |
|
81 | 81 | |
|
82 | 82 | |
|
83 | 83 | NotebookSection.prototype = new PanelSection(); |
|
84 | 84 | |
|
85 | 85 | |
|
86 | 86 | NotebookSection.prototype.style = function () { |
|
87 | 87 | PanelSection.prototype.style.apply(this); |
|
88 | 88 | this.content.addClass('ui-helper-clearfix'); |
|
89 | 89 | this.content.find('div.section_row').addClass('ui-helper-clearfix'); |
|
90 | 90 | this.content.find('#new_open').buttonset(); |
|
91 | 91 | this.content.find('#download_notebook').button(); |
|
92 | 92 | this.content.find('#upload_notebook').button(); |
|
93 | 93 | this.content.find('#download_format').addClass('ui-widget ui-widget-content'); |
|
94 | 94 | this.content.find('#download_format option').addClass('ui-widget ui-widget-content'); |
|
95 | 95 | }; |
|
96 | 96 | |
|
97 | 97 | |
|
98 | 98 | NotebookSection.prototype.bind_events = function () { |
|
99 | 99 | PanelSection.prototype.bind_events.apply(this); |
|
100 | 100 | var that = this; |
|
101 | 101 | this.content.find('#new_notebook').click(function () { |
|
102 | 102 | window.open('/new'); |
|
103 | 103 | }); |
|
104 | 104 | this.content.find('#open_notebook').click(function () { |
|
105 | 105 | window.open('/'); |
|
106 | 106 | }); |
|
107 | 107 | this.content.find('#download_notebook').click(function () { |
|
108 | 108 | var format = that.content.find('#download_format').val(); |
|
109 | 109 | var notebook_id = IPython.save_widget.get_notebook_id(); |
|
110 | 110 | var url = '/notebooks/' + notebook_id + '?format=' + format; |
|
111 | 111 | window.open(url,'_newtab'); |
|
112 | 112 | }); |
|
113 | 113 | }; |
|
114 | 114 | |
|
115 | 115 | // CellSection |
|
116 | 116 | |
|
117 | 117 | var CellSection = function () { |
|
118 | 118 | PanelSection.apply(this, arguments); |
|
119 | 119 | }; |
|
120 | 120 | |
|
121 | 121 | |
|
122 | 122 | CellSection.prototype = new PanelSection(); |
|
123 | 123 | |
|
124 | 124 | |
|
125 | 125 | CellSection.prototype.style = function () { |
|
126 | 126 | PanelSection.prototype.style.apply(this); |
|
127 | 127 | this.content.addClass('ui-helper-clearfix'); |
|
128 | 128 | this.content.find('div.section_row').addClass('ui-helper-clearfix'); |
|
129 | 129 | this.content.find('#delete_cell').button(); |
|
130 | 130 | this.content.find('#insert').buttonset(); |
|
131 | 131 | this.content.find('#move').buttonset(); |
|
132 | 132 | this.content.find('#cell_type').buttonset(); |
|
133 | 133 | this.content.find('#cell_output').buttonset(); |
|
134 | 134 | this.content.find('#run_cells').buttonset(); |
|
135 | 135 | }; |
|
136 | 136 | |
|
137 | 137 | |
|
138 | 138 | CellSection.prototype.bind_events = function () { |
|
139 | 139 | PanelSection.prototype.bind_events.apply(this); |
|
140 | 140 | this.content.find('#toggle_output').click(function () { |
|
141 | 141 | IPython.notebook.toggle_output(); |
|
142 | 142 | }); |
|
143 | 143 | this.content.find('#clear_all_output').click(function () { |
|
144 | 144 | IPython.notebook.clear_all_output(); |
|
145 | 145 | }); |
|
146 | 146 | this.content.find('#delete_cell').click(function () { |
|
147 | 147 | IPython.notebook.delete_cell(); |
|
148 | 148 | }); |
|
149 | 149 | this.content.find('#insert_cell_above').click(function () { |
|
150 | 150 | IPython.notebook.insert_code_cell_before(); |
|
151 | 151 | }); |
|
152 | 152 | this.content.find('#insert_cell_below').click(function () { |
|
153 | 153 | IPython.notebook.insert_code_cell_after(); |
|
154 | 154 | }); |
|
155 | 155 | this.content.find('#move_cell_up').click(function () { |
|
156 | 156 | IPython.notebook.move_cell_up(); |
|
157 | 157 | }); |
|
158 | 158 | this.content.find('#move_cell_down').click(function () { |
|
159 | 159 | IPython.notebook.move_cell_down(); |
|
160 | 160 | }); |
|
161 | 161 | this.content.find('#to_code').click(function () { |
|
162 | 162 | IPython.notebook.to_code(); |
|
163 | 163 | }); |
|
164 | 164 | this.content.find('#to_markdown').click(function () { |
|
165 | 165 | IPython.notebook.to_markdown(); |
|
166 | 166 | }); |
|
167 | 167 | this.content.find('#run_selected_cell').click(function () { |
|
168 | 168 | IPython.notebook.execute_selected_cell(); |
|
169 | 169 | }); |
|
170 | 170 | this.content.find('#run_all_cells').click(function () { |
|
171 | 171 | IPython.notebook.execute_all_cells(); |
|
172 | 172 | }); |
|
173 | 173 | this.content.find('#autoindent').change(function () { |
|
174 | 174 | var state = $('#autoindent').prop('checked'); |
|
175 | 175 | IPython.notebook.set_autoindent(state); |
|
176 | 176 | }); |
|
177 | 177 | }; |
|
178 | 178 | |
|
179 | 179 | |
|
180 | 180 | // KernelSection |
|
181 | 181 | |
|
182 | 182 | var KernelSection = function () { |
|
183 | 183 | PanelSection.apply(this, arguments); |
|
184 | 184 | }; |
|
185 | 185 | |
|
186 | 186 | |
|
187 | 187 | KernelSection.prototype = new PanelSection(); |
|
188 | 188 | |
|
189 | 189 | |
|
190 | 190 | KernelSection.prototype.style = function () { |
|
191 | 191 | PanelSection.prototype.style.apply(this); |
|
192 | 192 | this.content.addClass('ui-helper-clearfix'); |
|
193 | 193 | this.content.find('div.section_row').addClass('ui-helper-clearfix'); |
|
194 | 194 | this.content.find('#int_restart').buttonset(); |
|
195 | 195 | }; |
|
196 | 196 | |
|
197 | 197 | |
|
198 | 198 | KernelSection.prototype.bind_events = function () { |
|
199 | 199 | PanelSection.prototype.bind_events.apply(this); |
|
200 | 200 | this.content.find('#restart_kernel').click(function () { |
|
201 | 201 | IPython.notebook.restart_kernel(); |
|
202 | 202 | }); |
|
203 | 203 | this.content.find('#int_kernel').click(function () { |
|
204 | 204 | IPython.notebook.kernel.interrupt(); |
|
205 | 205 | }); |
|
206 | 206 | }; |
|
207 | 207 | |
|
208 | 208 | |
|
209 | 209 | // HelpSection |
|
210 | 210 | |
|
211 | 211 | var HelpSection = function () { |
|
212 | 212 | PanelSection.apply(this, arguments); |
|
213 | 213 | }; |
|
214 | 214 | |
|
215 | 215 | |
|
216 | 216 | HelpSection.prototype = new PanelSection(); |
|
217 | 217 | |
|
218 | 218 | |
|
219 | 219 | HelpSection.prototype.style = function () { |
|
220 | 220 | PanelSection.prototype.style.apply(this); |
|
221 | 221 | PanelSection.prototype.style.apply(this); |
|
222 | 222 | this.content.addClass('ui-helper-clearfix'); |
|
223 | 223 | this.content.find('div.section_row').addClass('ui-helper-clearfix'); |
|
224 | 224 | this.content.find('#help_buttons0').buttonset(); |
|
225 | 225 | this.content.find('#help_buttons1').buttonset(); |
|
226 | this.content.find('#help_buttons2').buttonset(); | |
|
226 | 227 | }; |
|
227 | 228 | |
|
228 | 229 | |
|
229 | 230 | HelpSection.prototype.bind_events = function () { |
|
230 | 231 | PanelSection.prototype.bind_events.apply(this); |
|
231 | 232 | }; |
|
232 | 233 | |
|
233 | 234 | |
|
234 | 235 | // Set module variables |
|
235 | 236 | |
|
236 | 237 | IPython.PanelSection = PanelSection; |
|
237 | 238 | IPython.NotebookSection = NotebookSection; |
|
238 | 239 | IPython.CellSection = CellSection; |
|
239 | 240 | IPython.KernelSection = KernelSection; |
|
240 | 241 | IPython.HelpSection = HelpSection; |
|
241 | 242 | |
|
242 | 243 | return IPython; |
|
243 | 244 | |
|
244 | 245 | }(IPython)); |
|
245 | 246 |
@@ -1,227 +1,234 b'' | |||
|
1 | 1 | <!DOCTYPE HTML> |
|
2 | 2 | <html> |
|
3 | 3 | |
|
4 | 4 | <head> |
|
5 | 5 | <meta charset="utf-8"> |
|
6 | 6 | |
|
7 | 7 | <title>IPython Notebook</title> |
|
8 | 8 | |
|
9 | 9 | <link rel="stylesheet" href="static/jquery/css/themes/aristo/jquery-wijmo.css" type="text/css" /> |
|
10 | 10 | <!-- <link rel="stylesheet" href="static/jquery/css/themes/rocket/jquery-wijmo.css" type="text/css" /> --> |
|
11 | 11 | <!-- <link rel="stylesheet" href="static/jquery/css/themes/smoothness/jquery-ui-1.8.14.custom.css" type="text/css" />--> |
|
12 | 12 | |
|
13 | 13 | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" charset="utf-8"></script> |
|
14 | 14 | <!-- <script type='text/javascript' src='static/mathjax/MathJax.js?config=TeX-AMS_HTML' charset='utf-8'></script> --> |
|
15 | 15 | <script type="text/javascript"> |
|
16 | 16 | if (typeof MathJax == 'undefined') { |
|
17 | 17 | console.log("Trying to load local copy of MathJax"); |
|
18 | 18 | document.write(unescape("%3Cscript type='text/javascript' src='static/mathjax/MathJax.js%3Fconfig=TeX-AMS_HTML' charset='utf-8'%3E%3C/script%3E")); |
|
19 | 19 | } |
|
20 | 20 | </script> |
|
21 | 21 | |
|
22 | 22 | <link rel="stylesheet" href="static/codemirror-2.12/lib/codemirror.css"> |
|
23 | 23 | <link rel="stylesheet" href="static/codemirror-2.12/mode/rst/rst.css"> |
|
24 | 24 | <link rel="stylesheet" href="static/codemirror-2.12/theme/ipython.css"> |
|
25 | 25 | <link rel="stylesheet" href="static/codemirror-2.12/theme/default.css"> |
|
26 | 26 | |
|
27 | 27 | <link rel="stylesheet" href="static/css/boilerplate.css" type="text/css" /> |
|
28 | 28 | <link rel="stylesheet" href="static/css/layout.css" type="text/css" /> |
|
29 | 29 | <link rel="stylesheet" href="static/css/base.css" type="text/css" /> |
|
30 | 30 | <link rel="stylesheet" href="static/css/notebook.css" type="text/css" /> |
|
31 | 31 | <link rel="stylesheet" href="static/css/renderedhtml.css" type="text/css" /> |
|
32 | 32 | |
|
33 | 33 | |
|
34 | 34 | </head> |
|
35 | 35 | |
|
36 | 36 | <body> |
|
37 | 37 | |
|
38 | 38 | <div id="header"> |
|
39 | 39 | <span id="ipython_notebook"><h1>IPython Notebook</h1></span> |
|
40 | 40 | <span id="save_widget"> |
|
41 | 41 | <input type="text" id="notebook_name" size="20"></textarea> |
|
42 | 42 | <span id="notebook_id" style="display:none">{{notebook_id}}</span> |
|
43 | 43 | <button id="save_notebook">Save</button> |
|
44 | 44 | </span> |
|
45 | 45 | <span id="kernel_status">Idle</span> |
|
46 | 46 | </div> |
|
47 | 47 | |
|
48 | 48 | <div id="main_app"> |
|
49 | 49 | |
|
50 | 50 | <div id="left_panel"> |
|
51 | 51 | |
|
52 | 52 | <div id="notebook_section"> |
|
53 | 53 | <h3 class="section_header">Notebook</h3> |
|
54 | 54 | <div class="section_content"> |
|
55 | 55 | <div class="section_row"> |
|
56 | 56 | <span id="new_open" class="section_row_buttons"> |
|
57 | 57 | <button id="new_notebook">New</button> |
|
58 | 58 | <button id="open_notebook">Open</button> |
|
59 | 59 | </span> |
|
60 | 60 | <span class="section_row_header">Actions</span> |
|
61 | 61 | </div> |
|
62 | 62 | <div class="section_row"> |
|
63 | 63 | <span> |
|
64 | 64 | <select id="download_format"> |
|
65 | 65 | <option value="json">ipynb</option> |
|
66 | 66 | <option value="py">py</option> |
|
67 | 67 | </select> |
|
68 | 68 | </span> |
|
69 | 69 | <span class="section_row_buttons"> |
|
70 | <button id="download_notebook">Download</button> | |
|
71 | </span> | |
|
72 | </div> | |
|
73 | <div class="section_row"> | |
|
74 | <span class="section_row_buttons"> | |
|
70 | 75 | <span id="print_widget"> |
|
71 | 76 | <button id="print_notebook">Print</button> |
|
72 | 77 | </span> |
|
73 | ||
|
74 | <button id="download_notebook">Download</button> | |
|
75 | 78 | </span> |
|
76 | 79 | </div> |
|
77 | 80 | </div> |
|
78 | 81 | </div> |
|
79 | 82 | |
|
80 | 83 | <div id="cell_section"> |
|
81 | 84 | <h3 class="section_header">Cell</h3> |
|
82 | 85 | <div class="section_content"> |
|
83 | 86 | <div class="section_row"> |
|
84 | 87 | <span class="section_row_buttons"> |
|
85 | 88 | <button id="delete_cell">Delete</button> |
|
86 | 89 | </span> |
|
87 | 90 | <span class="section_row_header">Actions</span> |
|
88 | 91 | </div> |
|
89 | 92 | <div class="section_row"> |
|
90 | 93 | <span id="cell_type" class="section_row_buttons"> |
|
91 | 94 | <button id="to_code">Code</button> |
|
92 | 95 | <!-- <button id="to_html">HTML</button>--> |
|
93 | 96 | <button id="to_markdown">Markdown</button> |
|
94 | 97 | </span> |
|
95 | 98 | <span class="button_label">Format</span> |
|
96 | 99 | </div> |
|
97 | 100 | <div class="section_row"> |
|
98 | 101 | <span id="cell_output" class="section_row_buttons"> |
|
99 | 102 | <button id="toggle_output">Toggle</button> |
|
100 | 103 | <button id="clear_all_output">ClearAll</button> |
|
101 | 104 | </span> |
|
102 | 105 | <span class="button_label">Output</span> |
|
103 | 106 | </div> |
|
104 | 107 | <div class="section_row"> |
|
105 | 108 | <span id="insert" class="section_row_buttons"> |
|
106 | 109 | <button id="insert_cell_above">Above</button> |
|
107 | 110 | <button id="insert_cell_below">Below</button> |
|
108 | 111 | </span> |
|
109 | 112 | <span class="button_label">Insert</span> |
|
110 | 113 | </div> |
|
111 | 114 | <div class="section_row"> |
|
112 | 115 | <span id="move" class="section_row_buttons"> |
|
113 | 116 | <button id="move_cell_up">Up</button> |
|
114 | 117 | <button id="move_cell_down">Down</button> |
|
115 | 118 | </span> |
|
116 | 119 | <span class="button_label">Move</span> |
|
117 | 120 | </div> |
|
118 | 121 | <div class="section_row"> |
|
119 | 122 | <span id="run_cells" class="section_row_buttons"> |
|
120 | 123 | <button id="run_selected_cell">Selected</button> |
|
121 | 124 | <button id="run_all_cells">All</button> |
|
122 | 125 | </span> |
|
123 | 126 | <span class="button_label">Run</span> |
|
124 | 127 | </div> |
|
125 | 128 | <div class="section_row"> |
|
126 | 129 | <span id="autoindent_span"> |
|
127 | 130 | <input type="checkbox" id="autoindent" checked="true"></input> |
|
128 | 131 | </span> |
|
129 | 132 | <span class="checkbox_label">Autoindent:</span> |
|
130 | 133 | </div> |
|
131 | 134 | </div> |
|
132 | 135 | </div> |
|
133 | 136 | |
|
134 | 137 | <div id="kernel_section"> |
|
135 | 138 | <h3 class="section_header">Kernel</h3> |
|
136 | 139 | <div class="section_content"> |
|
137 | 140 | <div class="section_row"> |
|
138 | 141 | <span id="int_restart" class="section_row_buttons"> |
|
139 | 142 | <button id="int_kernel">Interrupt</button> |
|
140 | 143 | <button id="restart_kernel">Restart</button> |
|
141 | 144 | </span> |
|
142 | 145 | <span class="section_row_header">Actions</span> |
|
143 | 146 | </div> |
|
144 | 147 | <div class="section_row"> |
|
145 | 148 | <span id="kernel_persist"> |
|
146 | 149 | <input type="checkbox" id="kill_kernel"></input> |
|
147 | 150 | </span> |
|
148 | 151 | <span class="checkbox_label">Kill kernel upon exit:</span> |
|
149 | 152 | </div> |
|
150 | 153 | </div> |
|
151 | 154 | </div> |
|
152 | 155 | |
|
153 | 156 | <div id="help_section"> |
|
154 | 157 | <h3 class="section_header">Help</h3> |
|
155 | 158 | <div class="section_content"> |
|
156 | 159 | <div class="section_row"> |
|
157 | 160 | <span id="help_buttons0" class="section_row_buttons"> |
|
158 | 161 | <a id="python_help" href="http://docs.python.org" target="_blank">Python</a> |
|
159 | 162 | <a id="ipython_help" href="http://ipython.org/documentation.html" target="_blank">IPython</a> |
|
160 | <a id="numpy_help" href="http://docs.scipy.org/doc/numpy/reference/" target="_blank">NumPy</a> | |
|
161 | 163 | </span> |
|
162 | 164 | <span class="section_row_header">Links</span> |
|
163 | 165 | </div> |
|
164 | 166 | <div class="section_row"> |
|
165 | 167 | <span id="help_buttons1" class="section_row_buttons"> |
|
166 |
<a id=" |
|
|
168 | <a id="numpy_help" href="http://docs.scipy.org/doc/numpy/reference/" target="_blank">NumPy</a> | |
|
167 | 169 | <a id="scipy_help" href="http://docs.scipy.org/doc/scipy/reference/" target="_blank">SciPy</a> |
|
170 | </span> | |
|
171 | </div> | |
|
172 | <div class="section_row"> | |
|
173 | <span id="help_buttons2" class="section_row_buttons"> | |
|
174 | <a id="matplotlib_help" href="http://matplotlib.sourceforge.net/" target="_blank">MPL</a> | |
|
168 | 175 | <a id="sympy_help" href="http://docs.sympy.org/dev/index.html" target="_blank">SymPy</a> |
|
169 | 176 | </span> |
|
170 | 177 | </div> |
|
171 | 178 | <div class="section_row"> |
|
172 | 179 | <span class="help_string">run selected cell</span> |
|
173 | 180 | <span class="help_string_label">Shift-Enter |</span> |
|
174 | 181 | </div> |
|
175 | 182 | <div class="section_row"> |
|
176 | 183 | <span class="help_string">run in terminal mode</span> |
|
177 | 184 | <span class="help_string_label">Ctrl-Enter |</span> |
|
178 | 185 | </div> |
|
179 | 186 | </div> |
|
180 | 187 | </div> |
|
181 | 188 | |
|
182 | 189 | </div> |
|
183 | 190 | <div id="left_panel_splitter"></div> |
|
184 | 191 | <div id="notebook_panel"> |
|
185 | 192 | <div id="notebook"></div> |
|
186 | 193 | <div id="pager_splitter"></div> |
|
187 | 194 | <div id="pager"></div> |
|
188 | 195 | </div> |
|
189 | 196 | |
|
190 | 197 | </div> |
|
191 | 198 | |
|
192 | 199 | <script src="static/jquery/js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script> |
|
193 | 200 | <script src="static/jquery/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript" charset="utf-8"></script> |
|
194 | 201 | <script src="static/jquery/js/jquery.autogrow.js" type="text/javascript" charset="utf-8"></script> |
|
195 | 202 | |
|
196 | 203 | <script src="static/codemirror-2.12/lib/codemirror.js" charset="utf-8"></script> |
|
197 | 204 | <script src="static/codemirror-2.12/mode/python/python.js" charset="utf-8"></script> |
|
198 | 205 | <script src="static/codemirror-2.12/mode/htmlmixed/htmlmixed.js" charset="utf-8"></script> |
|
199 | 206 | <script src="static/codemirror-2.12/mode/xml/xml.js" charset="utf-8"></script> |
|
200 | 207 | <script src="static/codemirror-2.12/mode/javascript/javascript.js" charset="utf-8"></script> |
|
201 | 208 | <script src="static/codemirror-2.12/mode/css/css.js" charset="utf-8"></script> |
|
202 | 209 | <script src="static/codemirror-2.12/mode/rst/rst.js" charset="utf-8"></script> |
|
203 | 210 | |
|
204 | 211 | <script src="static/pagedown/Markdown.Converter.js" charset="utf-8"></script> |
|
205 | 212 | |
|
206 | 213 | <script src="static/js/namespace.js" type="text/javascript" charset="utf-8"></script> |
|
207 | 214 | <script src="static/js/utils.js" type="text/javascript" charset="utf-8"></script> |
|
208 | 215 | <script src="static/js/cell.js" type="text/javascript" charset="utf-8"></script> |
|
209 | 216 | <script src="static/js/codecell.js" type="text/javascript" charset="utf-8"></script> |
|
210 | 217 | <script src="static/js/textcell.js" type="text/javascript" charset="utf-8"></script> |
|
211 | 218 | <script src="static/js/kernel.js" type="text/javascript" charset="utf-8"></script> |
|
212 | 219 | <script src="static/js/kernelstatus.js" type="text/javascript" charset="utf-8"></script> |
|
213 | 220 | <script src="static/js/layout.js" type="text/javascript" charset="utf-8"></script> |
|
214 | 221 | <script src="static/js/savewidget.js" type="text/javascript" charset="utf-8"></script> |
|
215 | 222 | <script src="static/js/pager.js" type="text/javascript" charset="utf-8"></script> |
|
216 | 223 | <script src="static/js/panelsection.js" type="text/javascript" charset="utf-8"></script> |
|
217 | 224 | <script src="static/js/printwidget.js" type="text/javascript" charset="utf-8"></script> |
|
218 | 225 | <script src="static/js/leftpanel.js" type="text/javascript" charset="utf-8"></script> |
|
219 | 226 | <script src="static/js/notebook.js" type="text/javascript" charset="utf-8"></script> |
|
220 | 227 | <script src="static/js/notebook_main.js" type="text/javascript" charset="utf-8"></script> |
|
221 | 228 | |
|
222 | 229 | |
|
223 | 230 | </body> |
|
224 | 231 | |
|
225 | 232 | </html> |
|
226 | 233 | |
|
227 | 234 |
General Comments 0
You need to be logged in to leave comments.
Login now