##// END OF EJS Templates
add missing `that = this`
Min RK -
Show More
@@ -1,721 +1,722 b''
1 // Copyright (c) IPython Development Team.
1 // Copyright (c) IPython Development Team.
2 // Distributed under the terms of the Modified BSD License.
2 // Distributed under the terms of the Modified BSD License.
3
3
4 define([
4 define([
5 'base/js/namespace',
5 'base/js/namespace',
6 'jquery',
6 'jquery',
7 'base/js/utils',
7 'base/js/utils',
8 'base/js/dialog',
8 'base/js/dialog',
9 'base/js/events',
9 'base/js/events',
10 'base/js/keyboard',
10 'base/js/keyboard',
11 ], function(IPython, $, utils, dialog, events, keyboard) {
11 ], function(IPython, $, utils, dialog, events, keyboard) {
12 "use strict";
12 "use strict";
13
13
14 var NotebookList = function (selector, options) {
14 var NotebookList = function (selector, options) {
15 /**
15 /**
16 * Constructor
16 * Constructor
17 *
17 *
18 * Parameters:
18 * Parameters:
19 * selector: string
19 * selector: string
20 * options: dictionary
20 * options: dictionary
21 * Dictionary of keyword arguments.
21 * Dictionary of keyword arguments.
22 * session_list: SessionList instance
22 * session_list: SessionList instance
23 * element_name: string
23 * element_name: string
24 * base_url: string
24 * base_url: string
25 * notebook_path: string
25 * notebook_path: string
26 * contents: Contents instance
26 * contents: Contents instance
27 */
27 */
28 var that = this;
28 var that = this;
29 this.session_list = options.session_list;
29 this.session_list = options.session_list;
30 // allow code re-use by just changing element_name in kernellist.js
30 // allow code re-use by just changing element_name in kernellist.js
31 this.element_name = options.element_name || 'notebook';
31 this.element_name = options.element_name || 'notebook';
32 this.selector = selector;
32 this.selector = selector;
33 if (this.selector !== undefined) {
33 if (this.selector !== undefined) {
34 this.element = $(selector);
34 this.element = $(selector);
35 this.style();
35 this.style();
36 this.bind_events();
36 this.bind_events();
37 }
37 }
38 this.notebooks_list = [];
38 this.notebooks_list = [];
39 this.sessions = {};
39 this.sessions = {};
40 this.base_url = options.base_url || utils.get_body_data("baseUrl");
40 this.base_url = options.base_url || utils.get_body_data("baseUrl");
41 this.notebook_path = options.notebook_path || utils.get_body_data("notebookPath");
41 this.notebook_path = options.notebook_path || utils.get_body_data("notebookPath");
42 this.contents = options.contents;
42 this.contents = options.contents;
43 if (this.session_list && this.session_list.events) {
43 if (this.session_list && this.session_list.events) {
44 this.session_list.events.on('sessions_loaded.Dashboard',
44 this.session_list.events.on('sessions_loaded.Dashboard',
45 function(e, d) { that.sessions_loaded(d); });
45 function(e, d) { that.sessions_loaded(d); });
46 }
46 }
47 };
47 };
48
48
49 NotebookList.prototype.style = function () {
49 NotebookList.prototype.style = function () {
50 var prefix = '#' + this.element_name;
50 var prefix = '#' + this.element_name;
51 $(prefix + '_toolbar').addClass('list_toolbar');
51 $(prefix + '_toolbar').addClass('list_toolbar');
52 $(prefix + '_list_info').addClass('toolbar_info');
52 $(prefix + '_list_info').addClass('toolbar_info');
53 $(prefix + '_buttons').addClass('toolbar_buttons');
53 $(prefix + '_buttons').addClass('toolbar_buttons');
54 $(prefix + '_list_header').addClass('list_header');
54 $(prefix + '_list_header').addClass('list_header');
55 this.element.addClass("list_container");
55 this.element.addClass("list_container");
56 };
56 };
57
57
58 NotebookList.prototype.bind_events = function () {
58 NotebookList.prototype.bind_events = function () {
59 var that = this;
59 var that = this;
60 $('#refresh_' + this.element_name + '_list').click(function () {
60 $('#refresh_' + this.element_name + '_list').click(function () {
61 that.load_sessions();
61 that.load_sessions();
62 });
62 });
63 this.element.bind('dragover', function () {
63 this.element.bind('dragover', function () {
64 return false;
64 return false;
65 });
65 });
66 this.element.bind('drop', function(event){
66 this.element.bind('drop', function(event){
67 that.handleFilesUpload(event,'drop');
67 that.handleFilesUpload(event,'drop');
68 return false;
68 return false;
69 });
69 });
70
70
71 // Bind events for singleton controls.
71 // Bind events for singleton controls.
72 if (!NotebookList._bound_singletons) {
72 if (!NotebookList._bound_singletons) {
73 NotebookList._bound_singletons = true;
73 NotebookList._bound_singletons = true;
74 $('#new-file').click(function(e) {
74 $('#new-file').click(function(e) {
75 var w = window.open();
75 var w = window.open();
76 that.contents.new_untitled(that.notebook_path || '', {type: 'file', ext: '.txt'}).then(function(data) {
76 that.contents.new_untitled(that.notebook_path || '', {type: 'file', ext: '.txt'}).then(function(data) {
77 var url = utils.url_join_encode(
77 var url = utils.url_join_encode(
78 that.base_url, 'edit', data.path
78 that.base_url, 'edit', data.path
79 );
79 );
80 w.location = url;
80 w.location = url;
81 });
81 });
82 that.load_sessions();
82 that.load_sessions();
83 });
83 });
84 $('#new-folder').click(function(e) {
84 $('#new-folder').click(function(e) {
85 that.contents.new_untitled(that.notebook_path || '', {type: 'directory'})
85 that.contents.new_untitled(that.notebook_path || '', {type: 'directory'})
86 .then(function(){
86 .then(function(){
87 that.load_list();
87 that.load_list();
88 });
88 });
89 });
89 });
90
90
91 $('.rename-button').click($.proxy(this.rename_selected, this));
91 $('.rename-button').click($.proxy(this.rename_selected, this));
92 $('.shutdown-button').click($.proxy(this.shutdown_selected, this));
92 $('.shutdown-button').click($.proxy(this.shutdown_selected, this));
93 $('.duplicate-button').click($.proxy(this.duplicate_selected, this));
93 $('.duplicate-button').click($.proxy(this.duplicate_selected, this));
94 $('.delete-button').click($.proxy(this.delete_selected, this));
94 $('.delete-button').click($.proxy(this.delete_selected, this));
95 }
95 }
96 };
96 };
97
97
98 NotebookList.prototype.handleFilesUpload = function(event, dropOrForm) {
98 NotebookList.prototype.handleFilesUpload = function(event, dropOrForm) {
99 var that = this;
99 var that = this;
100 var files;
100 var files;
101 if(dropOrForm =='drop'){
101 if(dropOrForm =='drop'){
102 files = event.originalEvent.dataTransfer.files;
102 files = event.originalEvent.dataTransfer.files;
103 } else
103 } else
104 {
104 {
105 files = event.originalEvent.target.files;
105 files = event.originalEvent.target.files;
106 }
106 }
107 for (var i = 0; i < files.length; i++) {
107 for (var i = 0; i < files.length; i++) {
108 var f = files[i];
108 var f = files[i];
109 var name_and_ext = utils.splitext(f.name);
109 var name_and_ext = utils.splitext(f.name);
110 var file_ext = name_and_ext[1];
110 var file_ext = name_and_ext[1];
111
111
112 var reader = new FileReader();
112 var reader = new FileReader();
113 if (file_ext === '.ipynb') {
113 if (file_ext === '.ipynb') {
114 reader.readAsText(f);
114 reader.readAsText(f);
115 } else {
115 } else {
116 // read non-notebook files as binary
116 // read non-notebook files as binary
117 reader.readAsArrayBuffer(f);
117 reader.readAsArrayBuffer(f);
118 }
118 }
119 var item = that.new_item(0, true);
119 var item = that.new_item(0, true);
120 item.addClass('new-file');
120 item.addClass('new-file');
121 that.add_name_input(f.name, item, file_ext == '.ipynb' ? 'notebook' : 'file');
121 that.add_name_input(f.name, item, file_ext == '.ipynb' ? 'notebook' : 'file');
122 // Store the list item in the reader so we can use it later
122 // Store the list item in the reader so we can use it later
123 // to know which item it belongs to.
123 // to know which item it belongs to.
124 $(reader).data('item', item);
124 $(reader).data('item', item);
125 reader.onload = function (event) {
125 reader.onload = function (event) {
126 var item = $(event.target).data('item');
126 var item = $(event.target).data('item');
127 that.add_file_data(event.target.result, item);
127 that.add_file_data(event.target.result, item);
128 that.add_upload_button(item);
128 that.add_upload_button(item);
129 };
129 };
130 reader.onerror = function (event) {
130 reader.onerror = function (event) {
131 var item = $(event.target).data('item');
131 var item = $(event.target).data('item');
132 var name = item.data('name');
132 var name = item.data('name');
133 item.remove();
133 item.remove();
134 dialog.modal({
134 dialog.modal({
135 title : 'Failed to read file',
135 title : 'Failed to read file',
136 body : "Failed to read file '" + name + "'",
136 body : "Failed to read file '" + name + "'",
137 buttons : {'OK' : { 'class' : 'btn-primary' }}
137 buttons : {'OK' : { 'class' : 'btn-primary' }}
138 });
138 });
139 };
139 };
140 }
140 }
141 // Replace the file input form wth a clone of itself. This is required to
141 // Replace the file input form wth a clone of itself. This is required to
142 // reset the form. Otherwise, if you upload a file, delete it and try to
142 // reset the form. Otherwise, if you upload a file, delete it and try to
143 // upload it again, the changed event won't fire.
143 // upload it again, the changed event won't fire.
144 var form = $('input.fileinput');
144 var form = $('input.fileinput');
145 form.replaceWith(form.clone(true));
145 form.replaceWith(form.clone(true));
146 return false;
146 return false;
147 };
147 };
148
148
149 NotebookList.prototype.clear_list = function (remove_uploads) {
149 NotebookList.prototype.clear_list = function (remove_uploads) {
150 /**
150 /**
151 * Clears the navigation tree.
151 * Clears the navigation tree.
152 *
152 *
153 * Parameters
153 * Parameters
154 * remove_uploads: bool=False
154 * remove_uploads: bool=False
155 * Should upload prompts also be removed from the tree.
155 * Should upload prompts also be removed from the tree.
156 */
156 */
157 if (remove_uploads) {
157 if (remove_uploads) {
158 this.element.children('.list_item').remove();
158 this.element.children('.list_item').remove();
159 } else {
159 } else {
160 this.element.children('.list_item:not(.new-file)').remove();
160 this.element.children('.list_item:not(.new-file)').remove();
161 }
161 }
162 };
162 };
163
163
164 NotebookList.prototype.load_sessions = function(){
164 NotebookList.prototype.load_sessions = function(){
165 this.session_list.load_sessions();
165 this.session_list.load_sessions();
166 };
166 };
167
167
168
168
169 NotebookList.prototype.sessions_loaded = function(data){
169 NotebookList.prototype.sessions_loaded = function(data){
170 this.sessions = data;
170 this.sessions = data;
171 this.load_list();
171 this.load_list();
172 };
172 };
173
173
174 NotebookList.prototype.load_list = function () {
174 NotebookList.prototype.load_list = function () {
175 var that = this;
175 var that = this;
176 this.contents.list_contents(that.notebook_path).then(
176 this.contents.list_contents(that.notebook_path).then(
177 $.proxy(this.draw_notebook_list, this),
177 $.proxy(this.draw_notebook_list, this),
178 function(error) {
178 function(error) {
179 that.draw_notebook_list({content: []}, "Server error: " + error.message);
179 that.draw_notebook_list({content: []}, "Server error: " + error.message);
180 }
180 }
181 );
181 );
182 };
182 };
183
183
184 /**
184 /**
185 * Draw the list of notebooks
185 * Draw the list of notebooks
186 * @method draw_notebook_list
186 * @method draw_notebook_list
187 * @param {Array} list An array of dictionaries representing files or
187 * @param {Array} list An array of dictionaries representing files or
188 * directories.
188 * directories.
189 * @param {String} error_msg An error message
189 * @param {String} error_msg An error message
190 */
190 */
191
191
192
192
193 var type_order = {'directory':0,'notebook':1,'file':2};
193 var type_order = {'directory':0,'notebook':1,'file':2};
194
194
195 NotebookList.prototype.draw_notebook_list = function (list, error_msg) {
195 NotebookList.prototype.draw_notebook_list = function (list, error_msg) {
196 list.content.sort(function(a, b) {
196 list.content.sort(function(a, b) {
197 if (type_order[a['type']] < type_order[b['type']]) {
197 if (type_order[a['type']] < type_order[b['type']]) {
198 return -1;
198 return -1;
199 }
199 }
200 if (type_order[a['type']] > type_order[b['type']]) {
200 if (type_order[a['type']] > type_order[b['type']]) {
201 return 1;
201 return 1;
202 }
202 }
203 if (a['name'] < b['name']) {
203 if (a['name'] < b['name']) {
204 return -1;
204 return -1;
205 }
205 }
206 if (a['name'] > b['name']) {
206 if (a['name'] > b['name']) {
207 return 1;
207 return 1;
208 }
208 }
209 return 0;
209 return 0;
210 });
210 });
211 var message = error_msg || 'Notebook list empty.';
211 var message = error_msg || 'Notebook list empty.';
212 var item = null;
212 var item = null;
213 var model = null;
213 var model = null;
214 var len = list.content.length;
214 var len = list.content.length;
215 this.clear_list();
215 this.clear_list();
216 var n_uploads = this.element.children('.list_item').length;
216 var n_uploads = this.element.children('.list_item').length;
217 if (len === 0) {
217 if (len === 0) {
218 item = this.new_item(0);
218 item = this.new_item(0);
219 var span12 = item.children().first();
219 var span12 = item.children().first();
220 span12.empty();
220 span12.empty();
221 span12.append($('<div style="margin:auto;text-align:center;color:grey"/>').text(message));
221 span12.append($('<div style="margin:auto;text-align:center;color:grey"/>').text(message));
222 }
222 }
223 var path = this.notebook_path;
223 var path = this.notebook_path;
224 var offset = n_uploads;
224 var offset = n_uploads;
225 if (path !== '') {
225 if (path !== '') {
226 item = this.new_item(offset, false);
226 item = this.new_item(offset, false);
227 model = {
227 model = {
228 type: 'directory',
228 type: 'directory',
229 name: '..',
229 name: '..',
230 path: utils.url_path_split(path)[0],
230 path: utils.url_path_split(path)[0],
231 };
231 };
232 this.add_link(model, item);
232 this.add_link(model, item);
233 offset += 1;
233 offset += 1;
234 }
234 }
235 for (var i=0; i<len; i++) {
235 for (var i=0; i<len; i++) {
236 model = list.content[i];
236 model = list.content[i];
237 item = this.new_item(i+offset, true);
237 item = this.new_item(i+offset, true);
238 this.add_link(model, item);
238 this.add_link(model, item);
239 }
239 }
240 // Trigger an event when we've finished drawing the notebook list.
240 // Trigger an event when we've finished drawing the notebook list.
241 events.trigger('draw_notebook_list.NotebookList');
241 events.trigger('draw_notebook_list.NotebookList');
242 this._selection_changed();
242 this._selection_changed();
243 };
243 };
244
244
245
245
246 /**
246 /**
247 * Creates a new item.
247 * Creates a new item.
248 * @param {integer} index
248 * @param {integer} index
249 * @param {boolean} [selectable] - tristate, undefined: don't draw checkbox,
249 * @param {boolean} [selectable] - tristate, undefined: don't draw checkbox,
250 * false: don't draw checkbox but pad
250 * false: don't draw checkbox but pad
251 * where it should be, true: draw checkbox.
251 * where it should be, true: draw checkbox.
252 * @return {JQuery} row
252 * @return {JQuery} row
253 */
253 */
254 NotebookList.prototype.new_item = function (index, selectable) {
254 NotebookList.prototype.new_item = function (index, selectable) {
255 var row = $('<div/>')
255 var row = $('<div/>')
256 .addClass("list_item")
256 .addClass("list_item")
257 .addClass("row");
257 .addClass("row");
258
258
259 var item = $("<div/>")
259 var item = $("<div/>")
260 .addClass("col-md-12")
260 .addClass("col-md-12")
261 .appendTo(row);
261 .appendTo(row);
262
262
263 var checkbox;
263 var checkbox;
264 if (selectable !== undefined) {
264 if (selectable !== undefined) {
265 checkbox = $('<input/>')
265 checkbox = $('<input/>')
266 .attr('type', 'checkbox')
266 .attr('type', 'checkbox')
267 .attr('title', 'Click here to rename, delete, etc.')
267 .attr('title', 'Click here to rename, delete, etc.')
268 .appendTo(item);
268 .appendTo(item);
269 }
269 }
270
270
271 $('<i/>')
271 $('<i/>')
272 .addClass('item_icon')
272 .addClass('item_icon')
273 .appendTo(item);
273 .appendTo(item);
274
274
275 var link = $("<a/>")
275 var link = $("<a/>")
276 .addClass("item_link")
276 .addClass("item_link")
277 .appendTo(item);
277 .appendTo(item);
278
278
279 $("<span/>")
279 $("<span/>")
280 .addClass("item_name")
280 .addClass("item_name")
281 .appendTo(link);
281 .appendTo(link);
282
282
283 if (selectable === false) {
283 if (selectable === false) {
284 checkbox.css('visibility', 'hidden');
284 checkbox.css('visibility', 'hidden');
285 } else if (selectable === true) {
285 } else if (selectable === true) {
286 var that = this;
286 var that = this;
287 link.click(function(e) {
287 link.click(function(e) {
288 e.stopPropagation();
288 e.stopPropagation();
289 });
289 });
290 checkbox.click(function(e) {
290 checkbox.click(function(e) {
291 e.stopPropagation();
291 e.stopPropagation();
292 that._selection_changed();
292 that._selection_changed();
293 });
293 });
294 row.click(function(e) {
294 row.click(function(e) {
295 e.stopPropagation();
295 e.stopPropagation();
296 checkbox.prop('checked', !checkbox.prop('checked'));
296 checkbox.prop('checked', !checkbox.prop('checked'));
297 that._selection_changed();
297 that._selection_changed();
298 });
298 });
299 }
299 }
300
300
301 var buttons = $('<div/>')
301 var buttons = $('<div/>')
302 .addClass("item_buttons pull-right")
302 .addClass("item_buttons pull-right")
303 .appendTo(item);
303 .appendTo(item);
304
304
305 $('<div/>')
305 $('<div/>')
306 .addClass('running-indicator')
306 .addClass('running-indicator')
307 .text('Running')
307 .text('Running')
308 .css('visibility', 'hidden')
308 .css('visibility', 'hidden')
309 .appendTo(buttons);
309 .appendTo(buttons);
310
310
311 if (index === -1) {
311 if (index === -1) {
312 this.element.append(row);
312 this.element.append(row);
313 } else {
313 } else {
314 this.element.children().eq(index).after(row);
314 this.element.children().eq(index).after(row);
315 }
315 }
316 return row;
316 return row;
317 };
317 };
318
318
319
319
320 NotebookList.icons = {
320 NotebookList.icons = {
321 directory: 'folder_icon',
321 directory: 'folder_icon',
322 notebook: 'notebook_icon',
322 notebook: 'notebook_icon',
323 file: 'file_icon',
323 file: 'file_icon',
324 };
324 };
325
325
326 NotebookList.uri_prefixes = {
326 NotebookList.uri_prefixes = {
327 directory: 'tree',
327 directory: 'tree',
328 notebook: 'notebooks',
328 notebook: 'notebooks',
329 file: 'edit',
329 file: 'edit',
330 };
330 };
331
331
332 NotebookList.prototype._selection_changed = function() {
332 NotebookList.prototype._selection_changed = function() {
333 var selected = [];
333 var selected = [];
334 var has_running_notebook = false;
334 var has_running_notebook = false;
335 var has_directory = false;
335 var has_directory = false;
336 var has_file = false;
336 var has_file = false;
337 var that = this;
337 var that = this;
338 $('.list_item :checked').each(function(index, item) {
338 $('.list_item :checked').each(function(index, item) {
339 var parent = $(item).parent().parent();
339 var parent = $(item).parent().parent();
340 selected.push({
340 selected.push({
341 name: parent.data('name'),
341 name: parent.data('name'),
342 path: parent.data('path'),
342 path: parent.data('path'),
343 type: parent.data('type')
343 type: parent.data('type')
344 });
344 });
345
345
346 has_running_notebook = has_running_notebook ||
346 has_running_notebook = has_running_notebook ||
347 (parent.data('type') == 'notebook' && that.sessions[parent.data('path')] !== undefined);
347 (parent.data('type') == 'notebook' && that.sessions[parent.data('path')] !== undefined);
348 has_file = has_file || parent.data('type') == 'file';
348 has_file = has_file || parent.data('type') == 'file';
349 has_directory = has_directory || parent.data('type') == 'directory';
349 has_directory = has_directory || parent.data('type') == 'directory';
350 });
350 });
351 this.selected = selected;
351 this.selected = selected;
352
352
353 // Rename is only visible when one item is selected.
353 // Rename is only visible when one item is selected.
354 if (selected.length==1) {
354 if (selected.length==1) {
355 $('.rename-button').css('display', 'inline-block');
355 $('.rename-button').css('display', 'inline-block');
356 } else {
356 } else {
357 $('.rename-button').css('display', 'none');
357 $('.rename-button').css('display', 'none');
358 }
358 }
359
359
360 // Shutdown is only visible when one or more notebooks are visible.
360 // Shutdown is only visible when one or more notebooks are visible.
361 if (has_running_notebook && !(has_file || has_directory)) {
361 if (has_running_notebook && !(has_file || has_directory)) {
362 $('.shutdown-button').css('display', 'inline-block');
362 $('.shutdown-button').css('display', 'inline-block');
363 } else {
363 } else {
364 $('.shutdown-button').css('display', 'none');
364 $('.shutdown-button').css('display', 'none');
365 }
365 }
366
366
367 // Duplicate isn't visible if a directory is selected.
367 // Duplicate isn't visible if a directory is selected.
368 if (selected.length > 0 && !has_directory) {
368 if (selected.length > 0 && !has_directory) {
369 $('.duplicate-button').css('display', 'inline-block');
369 $('.duplicate-button').css('display', 'inline-block');
370 } else {
370 } else {
371 $('.duplicate-button').css('display', 'none');
371 $('.duplicate-button').css('display', 'none');
372 }
372 }
373
373
374 // Delete is visible if one or more items are selected.
374 // Delete is visible if one or more items are selected.
375 if (selected.length > 0) {
375 if (selected.length > 0) {
376 $('.delete-button').css('display', 'inline-block');
376 $('.delete-button').css('display', 'inline-block');
377 } else {
377 } else {
378 $('.delete-button').css('display', 'none');
378 $('.delete-button').css('display', 'none');
379 }
379 }
380 };
380 };
381
381
382 NotebookList.prototype.add_link = function (model, item) {
382 NotebookList.prototype.add_link = function (model, item) {
383 var path = model.path,
383 var path = model.path,
384 name = model.name;
384 name = model.name;
385 item.data('name', name);
385 item.data('name', name);
386 item.data('path', path);
386 item.data('path', path);
387 item.data('type', model.type);
387 item.data('type', model.type);
388 item.find(".item_name").text(name);
388 item.find(".item_name").text(name);
389 var icon = NotebookList.icons[model.type];
389 var icon = NotebookList.icons[model.type];
390 var uri_prefix = NotebookList.uri_prefixes[model.type];
390 var uri_prefix = NotebookList.uri_prefixes[model.type];
391 item.find(".item_icon").addClass(icon).addClass('icon-fixed-width');
391 item.find(".item_icon").addClass(icon).addClass('icon-fixed-width');
392 var link = item.find("a.item_link")
392 var link = item.find("a.item_link")
393 .attr('href',
393 .attr('href',
394 utils.url_join_encode(
394 utils.url_join_encode(
395 this.base_url,
395 this.base_url,
396 uri_prefix,
396 uri_prefix,
397 path
397 path
398 )
398 )
399 );
399 );
400
400
401 var running = (model.type == 'notebook' && this.sessions[path] !== undefined);
401 var running = (model.type == 'notebook' && this.sessions[path] !== undefined);
402 item.find(".item_buttons .running-indicator").css('visibility', running ? '' : 'hidden');
402 item.find(".item_buttons .running-indicator").css('visibility', running ? '' : 'hidden');
403
403
404 // directory nav doesn't open new tabs
404 // directory nav doesn't open new tabs
405 // files, notebooks do
405 // files, notebooks do
406 if (model.type !== "directory") {
406 if (model.type !== "directory") {
407 link.attr('target','_blank');
407 link.attr('target','_blank');
408 }
408 }
409 };
409 };
410
410
411
411
412 NotebookList.prototype.add_name_input = function (name, item, icon_type) {
412 NotebookList.prototype.add_name_input = function (name, item, icon_type) {
413 item.data('name', name);
413 item.data('name', name);
414 item.find(".item_icon").addClass(NotebookList.icons[icon_type]).addClass('icon-fixed-width');
414 item.find(".item_icon").addClass(NotebookList.icons[icon_type]).addClass('icon-fixed-width');
415 item.find(".item_name").empty().append(
415 item.find(".item_name").empty().append(
416 $('<input/>')
416 $('<input/>')
417 .addClass("filename_input")
417 .addClass("filename_input")
418 .attr('value', name)
418 .attr('value', name)
419 .attr('size', '30')
419 .attr('size', '30')
420 .attr('type', 'text')
420 .attr('type', 'text')
421 .keyup(function(event){
421 .keyup(function(event){
422 if(event.keyCode == 13){item.find('.upload_button').click();}
422 if(event.keyCode == 13){item.find('.upload_button').click();}
423 else if(event.keyCode == 27){item.remove();}
423 else if(event.keyCode == 27){item.remove();}
424 })
424 })
425 );
425 );
426 };
426 };
427
427
428
428
429 NotebookList.prototype.add_file_data = function (data, item) {
429 NotebookList.prototype.add_file_data = function (data, item) {
430 item.data('filedata', data);
430 item.data('filedata', data);
431 };
431 };
432
432
433
433
434 NotebookList.prototype.shutdown_selected = function() {
434 NotebookList.prototype.shutdown_selected = function() {
435 var that = this;
435 var that = this;
436 this.selected.forEach(function(item) {
436 this.selected.forEach(function(item) {
437 if (item.type == 'notebook') {
437 if (item.type == 'notebook') {
438 that.shutdown_notebook(item.path);
438 that.shutdown_notebook(item.path);
439 }
439 }
440 });
440 });
441 };
441 };
442
442
443 NotebookList.prototype.shutdown_notebook = function(path) {
443 NotebookList.prototype.shutdown_notebook = function(path) {
444 var that = this;
444 var that = this;
445 var settings = {
445 var settings = {
446 processData : false,
446 processData : false,
447 cache : false,
447 cache : false,
448 type : "DELETE",
448 type : "DELETE",
449 dataType : "json",
449 dataType : "json",
450 success : function () {
450 success : function () {
451 that.load_sessions();
451 that.load_sessions();
452 },
452 },
453 error : utils.log_ajax_error,
453 error : utils.log_ajax_error,
454 };
454 };
455
455
456 var session = this.sessions[path];
456 var session = this.sessions[path];
457 if (session) {
457 if (session) {
458 var url = utils.url_join_encode(
458 var url = utils.url_join_encode(
459 this.base_url,
459 this.base_url,
460 'api/sessions',
460 'api/sessions',
461 session
461 session
462 );
462 );
463 $.ajax(url, settings);
463 $.ajax(url, settings);
464 }
464 }
465 }
465 }
466
466
467 NotebookList.prototype.rename_selected = function() {
467 NotebookList.prototype.rename_selected = function() {
468 if (this.selected.length != 1) return;
468 if (this.selected.length != 1) return;
469
469
470 var that = this;
470 var that = this;
471 var path = this.selected[0].path;
471 var path = this.selected[0].path;
472 var input = $('<input/>').attr('type','text').attr('size','25').addClass('form-control')
472 var input = $('<input/>').attr('type','text').attr('size','25').addClass('form-control')
473 .val(path);
473 .val(path);
474 var dialog_body = $('<div/>').append(
474 var dialog_body = $('<div/>').append(
475 $("<p/>").addClass("rename-message")
475 $("<p/>").addClass("rename-message")
476 .text('Enter a new directory name:')
476 .text('Enter a new directory name:')
477 ).append(
477 ).append(
478 $("<br/>")
478 $("<br/>")
479 ).append(input);
479 ).append(input);
480 var d = dialog.modal({
480 var d = dialog.modal({
481 title : "Rename directory",
481 title : "Rename directory",
482 body : dialog_body,
482 body : dialog_body,
483 buttons : {
483 buttons : {
484 OK : {
484 OK : {
485 class: "btn-primary",
485 class: "btn-primary",
486 click: function() {
486 click: function() {
487 that.contents.rename(path, input.val()).then(function() {
487 that.contents.rename(path, input.val()).then(function() {
488 that.load_list();
488 that.load_list();
489 }).catch(function(e) {
489 }).catch(function(e) {
490 dialog.modal({
490 dialog.modal({
491 title : "Error",
491 title : "Error",
492 body : $('<div/>')
492 body : $('<div/>')
493 .text("An error occurred while renaming \"" + path + "\" to \"" + input.val() + "\".")
493 .text("An error occurred while renaming \"" + path + "\" to \"" + input.val() + "\".")
494 .append($('<div/>').addClass('alert alert-danger').text(String(e))),
494 .append($('<div/>').addClass('alert alert-danger').text(String(e))),
495 buttons : {
495 buttons : {
496 OK : {}
496 OK : {}
497 }
497 }
498 });
498 });
499 });
499 });
500 }
500 }
501 },
501 },
502 Cancel : {}
502 Cancel : {}
503 },
503 },
504 open : function () {
504 open : function () {
505 // Upon ENTER, click the OK button.
505 // Upon ENTER, click the OK button.
506 input.keydown(function (event) {
506 input.keydown(function (event) {
507 if (event.which === keyboard.keycodes.enter) {
507 if (event.which === keyboard.keycodes.enter) {
508 d.find('.btn-primary').first().click();
508 d.find('.btn-primary').first().click();
509 return false;
509 return false;
510 }
510 }
511 });
511 });
512 input.focus().select();
512 input.focus().select();
513 }
513 }
514 });
514 });
515 };
515 };
516
516
517 NotebookList.prototype.delete_selected = function() {
517 NotebookList.prototype.delete_selected = function() {
518 var message;
518 var message;
519 if (this.selected.length == 1) {
519 if (this.selected.length == 1) {
520 message = 'Are you sure you want to permanently delete: ' + this.selected[0].name + '?';
520 message = 'Are you sure you want to permanently delete: ' + this.selected[0].name + '?';
521 } else {
521 } else {
522 message = 'Are you sure you want to permanently delete the ' + this.selected.length + ' files selected?';
522 message = 'Are you sure you want to permanently delete the ' + this.selected.length + ' files selected?';
523 }
523 }
524 var that = this;
524 var that = this;
525 dialog.modal({
525 dialog.modal({
526 title : "Delete",
526 title : "Delete",
527 body : message,
527 body : message,
528 buttons : {
528 buttons : {
529 Delete : {
529 Delete : {
530 class: "btn-danger",
530 class: "btn-danger",
531 click: function() {
531 click: function() {
532 // Shutdown any/all selected notebooks before deleting
532 // Shutdown any/all selected notebooks before deleting
533 // the files.
533 // the files.
534 that.shutdown_selected();
534 that.shutdown_selected();
535
535
536 // Delete selected.
536 // Delete selected.
537 that.selected.forEach(function(item) {
537 that.selected.forEach(function(item) {
538 that.contents.delete(item.path).then(function() {
538 that.contents.delete(item.path).then(function() {
539 that.notebook_deleted(item.path);
539 that.notebook_deleted(item.path);
540 }).catch(function(e) {
540 }).catch(function(e) {
541 dialog.modal({
541 dialog.modal({
542 title : "Error",
542 title : "Error",
543 body : $('<div/>')
543 body : $('<div/>')
544 .text("An error occurred while deleting \"" + item.path + "\".")
544 .text("An error occurred while deleting \"" + item.path + "\".")
545 .append($('<div/>').addClass('alert alert-danger').text(String(e))),
545 .append($('<div/>').addClass('alert alert-danger').text(String(e))),
546 buttons : {
546 buttons : {
547 OK : {}
547 OK : {}
548 }
548 }
549 });
549 });
550 });
550 });
551 });
551 });
552 }
552 }
553 },
553 },
554 Cancel : {}
554 Cancel : {}
555 }
555 }
556 });
556 });
557 };
557 };
558
558
559 NotebookList.prototype.duplicate_selected = function() {
559 NotebookList.prototype.duplicate_selected = function() {
560 var message;
560 var message;
561 if (this.selected.length == 1) {
561 if (this.selected.length == 1) {
562 message = 'Are you sure you want to duplicate: ' + this.selected[0].name + '?';
562 message = 'Are you sure you want to duplicate: ' + this.selected[0].name + '?';
563 } else {
563 } else {
564 message = 'Are you sure you want to duplicate the ' + this.selected.length + ' files selected?';
564 message = 'Are you sure you want to duplicate the ' + this.selected.length + ' files selected?';
565 }
565 }
566 var that = this;
566 var that = this;
567 dialog.modal({
567 dialog.modal({
568 title : "Delete",
568 title : "Delete",
569 body : message,
569 body : message,
570 buttons : {
570 buttons : {
571 Duplicate : {
571 Duplicate : {
572 class: "btn-primary",
572 class: "btn-primary",
573 click: function() {
573 click: function() {
574 that.selected.forEach(function(item) {
574 that.selected.forEach(function(item) {
575 that.contents.copy(item.path, that.notebook_path).then(function () {
575 that.contents.copy(item.path, that.notebook_path).then(function () {
576 that.load_list();
576 that.load_list();
577 }).catch(function(e) {
577 }).catch(function(e) {
578 dialog.modal({
578 dialog.modal({
579 title : "Error",
579 title : "Error",
580 body : $('<div/>')
580 body : $('<div/>')
581 .text("An error occurred while copying \"" + item.path + "\".")
581 .text("An error occurred while copying \"" + item.path + "\".")
582 .append($('<div/>').addClass('alert alert-danger').text(String(e))),
582 .append($('<div/>').addClass('alert alert-danger').text(String(e))),
583 buttons : {
583 buttons : {
584 OK : {}
584 OK : {}
585 }
585 }
586 });
586 });
587 });
587 });
588 });
588 });
589 }
589 }
590 },
590 },
591 Cancel : {}
591 Cancel : {}
592 }
592 }
593 });
593 });
594 };
594 };
595
595
596 NotebookList.prototype.notebook_deleted = function(path) {
596 NotebookList.prototype.notebook_deleted = function(path) {
597 /**
597 /**
598 * Remove the deleted notebook.
598 * Remove the deleted notebook.
599 */
599 */
600 var that = this;
600 $( ":data(path)" ).each(function() {
601 $( ":data(path)" ).each(function() {
601 var element = $(this);
602 var element = $(this);
602 if (element.data("path") == path) {
603 if (element.data("path") === path) {
603 element.remove();
604 element.remove();
604 events.trigger('notebook_deleted.NotebookList');
605 events.trigger('notebook_deleted.NotebookList');
605 this._selection_changed();
606 that._selection_changed();
606 }
607 }
607 });
608 });
608 };
609 };
609
610
610
611
611 NotebookList.prototype.add_upload_button = function (item) {
612 NotebookList.prototype.add_upload_button = function (item) {
612 var that = this;
613 var that = this;
613 var upload_button = $('<button/>').text("Upload")
614 var upload_button = $('<button/>').text("Upload")
614 .addClass('btn btn-primary btn-xs upload_button')
615 .addClass('btn btn-primary btn-xs upload_button')
615 .click(function (e) {
616 .click(function (e) {
616 var filename = item.find('.item_name > input').val();
617 var filename = item.find('.item_name > input').val();
617 var path = utils.url_path_join(that.notebook_path, filename);
618 var path = utils.url_path_join(that.notebook_path, filename);
618 var filedata = item.data('filedata');
619 var filedata = item.data('filedata');
619 var format = 'text';
620 var format = 'text';
620 if (filename.length === 0 || filename[0] === '.') {
621 if (filename.length === 0 || filename[0] === '.') {
621 dialog.modal({
622 dialog.modal({
622 title : 'Invalid file name',
623 title : 'Invalid file name',
623 body : "File names must be at least one character and not start with a dot",
624 body : "File names must be at least one character and not start with a dot",
624 buttons : {'OK' : { 'class' : 'btn-primary' }}
625 buttons : {'OK' : { 'class' : 'btn-primary' }}
625 });
626 });
626 return false;
627 return false;
627 }
628 }
628 if (filedata instanceof ArrayBuffer) {
629 if (filedata instanceof ArrayBuffer) {
629 // base64-encode binary file data
630 // base64-encode binary file data
630 var bytes = '';
631 var bytes = '';
631 var buf = new Uint8Array(filedata);
632 var buf = new Uint8Array(filedata);
632 var nbytes = buf.byteLength;
633 var nbytes = buf.byteLength;
633 for (var i=0; i<nbytes; i++) {
634 for (var i=0; i<nbytes; i++) {
634 bytes += String.fromCharCode(buf[i]);
635 bytes += String.fromCharCode(buf[i]);
635 }
636 }
636 filedata = btoa(bytes);
637 filedata = btoa(bytes);
637 format = 'base64';
638 format = 'base64';
638 }
639 }
639 var model = {};
640 var model = {};
640
641
641 var name_and_ext = utils.splitext(filename);
642 var name_and_ext = utils.splitext(filename);
642 var file_ext = name_and_ext[1];
643 var file_ext = name_and_ext[1];
643 var content_type;
644 var content_type;
644 if (file_ext === '.ipynb') {
645 if (file_ext === '.ipynb') {
645 model.type = 'notebook';
646 model.type = 'notebook';
646 model.format = 'json';
647 model.format = 'json';
647 try {
648 try {
648 model.content = JSON.parse(filedata);
649 model.content = JSON.parse(filedata);
649 } catch (e) {
650 } catch (e) {
650 dialog.modal({
651 dialog.modal({
651 title : 'Cannot upload invalid Notebook',
652 title : 'Cannot upload invalid Notebook',
652 body : "The error was: " + e,
653 body : "The error was: " + e,
653 buttons : {'OK' : {
654 buttons : {'OK' : {
654 'class' : 'btn-primary',
655 'class' : 'btn-primary',
655 click: function () {
656 click: function () {
656 item.remove();
657 item.remove();
657 }
658 }
658 }}
659 }}
659 });
660 });
660 return false;
661 return false;
661 }
662 }
662 content_type = 'application/json';
663 content_type = 'application/json';
663 } else {
664 } else {
664 model.type = 'file';
665 model.type = 'file';
665 model.format = format;
666 model.format = format;
666 model.content = filedata;
667 model.content = filedata;
667 content_type = 'application/octet-stream';
668 content_type = 'application/octet-stream';
668 }
669 }
669 filedata = item.data('filedata');
670 filedata = item.data('filedata');
670
671
671 var on_success = function () {
672 var on_success = function () {
672 item.removeClass('new-file');
673 item.removeClass('new-file');
673 that.add_link(model, item);
674 that.add_link(model, item);
674 that.add_delete_button(item);
675 that.add_delete_button(item);
675 that.session_list.load_sessions();
676 that.session_list.load_sessions();
676 };
677 };
677
678
678 var exists = false;
679 var exists = false;
679 $.each(that.element.find('.list_item:not(.new-file)'), function(k,v){
680 $.each(that.element.find('.list_item:not(.new-file)'), function(k,v){
680 if ($(v).data('name') === filename) { exists = true; return false; }
681 if ($(v).data('name') === filename) { exists = true; return false; }
681 });
682 });
682
683
683 if (exists) {
684 if (exists) {
684 dialog.modal({
685 dialog.modal({
685 title : "Replace file",
686 title : "Replace file",
686 body : 'There is already a file named ' + filename + ', do you want to replace it?',
687 body : 'There is already a file named ' + filename + ', do you want to replace it?',
687 buttons : {
688 buttons : {
688 Overwrite : {
689 Overwrite : {
689 class: "btn-danger",
690 class: "btn-danger",
690 click: function () {
691 click: function () {
691 that.contents.save(path, model).then(on_success);
692 that.contents.save(path, model).then(on_success);
692 }
693 }
693 },
694 },
694 Cancel : {
695 Cancel : {
695 click: function() { item.remove(); }
696 click: function() { item.remove(); }
696 }
697 }
697 }
698 }
698 });
699 });
699 } else {
700 } else {
700 that.contents.save(path, model).then(on_success);
701 that.contents.save(path, model).then(on_success);
701 }
702 }
702
703
703 return false;
704 return false;
704 });
705 });
705 var cancel_button = $('<button/>').text("Cancel")
706 var cancel_button = $('<button/>').text("Cancel")
706 .addClass("btn btn-default btn-xs")
707 .addClass("btn btn-default btn-xs")
707 .click(function (e) {
708 .click(function (e) {
708 item.remove();
709 item.remove();
709 return false;
710 return false;
710 });
711 });
711 item.find(".item_buttons").empty()
712 item.find(".item_buttons").empty()
712 .append(upload_button)
713 .append(upload_button)
713 .append(cancel_button);
714 .append(cancel_button);
714 };
715 };
715
716
716
717
717 // Backwards compatability.
718 // Backwards compatability.
718 IPython.NotebookList = NotebookList;
719 IPython.NotebookList = NotebookList;
719
720
720 return {'NotebookList': NotebookList};
721 return {'NotebookList': NotebookList};
721 });
722 });
General Comments 0
You need to be logged in to leave comments. Login now