string.js
129 lines
| 4.3 KiB
| application/javascript
|
JavascriptLexer
|
r14285 | require(["notebook/js/widget"], function(){ | ||
|
r14263 | var StringWidgetModel = IPython.WidgetModel.extend({}); | ||
IPython.notebook.widget_manager.register_widget_model('StringWidgetModel', StringWidgetModel); | ||||
|
r14252 | |||
|
r14263 | var LabelView = IPython.WidgetView.extend({ | ||
// Called when view is rendered. | ||||
render : function(){ | ||||
|
r14278 | this.$el = $('<div />'); | ||
|
r14263 | this.update(); // Set defaults. | ||
}, | ||||
// Handles: Backend -> Frontend Sync | ||||
// Frontent -> Frontend Sync | ||||
update : function(){ | ||||
|
r14268 | this.$el.html(this.model.get('value')); | ||
|
r14279 | return IPython.WidgetView.prototype.update.call(this); | ||
|
r14263 | }, | ||
}); | ||||
|
r14252 | |||
|
r14263 | IPython.notebook.widget_manager.register_widget_view('LabelView', LabelView); | ||
|
r14252 | |||
|
r14291 | var TextAreaView = IPython.WidgetView.extend({ | ||
|
r14263 | |||
// Called when view is rendered. | ||||
render : function(){ | ||||
this.$el | ||||
|
r14295 | .addClass('widget-hbox') | ||
|
r14278 | .html(''); | ||
|
r14292 | this.$label = $('<div />') | ||
.appendTo(this.$el) | ||||
|
r14297 | .addClass('widget-hlabel') | ||
|
r14292 | .hide(); | ||
|
r14263 | this.$textbox = $('<textarea />') | ||
.attr('rows', 5) | ||||
|
r14295 | .addClass('widget-text') | ||
|
r14263 | .appendTo(this.$el); | ||
this.update(); // Set defaults. | ||||
}, | ||||
// Handles: Backend -> Frontend Sync | ||||
// Frontent -> Frontend Sync | ||||
update : function(){ | ||||
if (!this.user_invoked_update) { | ||||
this.$textbox.val(this.model.get('value')); | ||||
} | ||||
|
r14292 | |||
|
r14302 | var disabled = this.model.get('disabled'); | ||
this.$textbox.prop('disabled', disabled); | ||||
|
r14292 | var description = this.model.get('description'); | ||
if (description.length == 0) { | ||||
this.$label.hide(); | ||||
} else { | ||||
this.$label.html(description); | ||||
this.$label.show(); | ||||
} | ||||
|
r14279 | return IPython.WidgetView.prototype.update.call(this); | ||
|
r14263 | }, | ||
events: {"keyup textarea" : "handleChanging", | ||||
"paste textarea" : "handleChanging", | ||||
"cut textarea" : "handleChanging"}, | ||||
// Handles and validates user input. | ||||
handleChanging: function(e) { | ||||
this.user_invoked_update = true; | ||||
this.model.set('value', e.target.value); | ||||
|
r14278 | this.model.update_other_views(this); | ||
|
r14263 | this.user_invoked_update = false; | ||
}, | ||||
}); | ||||
|
r14291 | IPython.notebook.widget_manager.register_widget_view('TextAreaView', TextAreaView); | ||
|
r14252 | |||
|
r14291 | var TextBoxView = IPython.WidgetView.extend({ | ||
|
r14263 | |||
// Called when view is rendered. | ||||
render : function(){ | ||||
this.$el | ||||
|
r14295 | .addClass('widget-hbox-single') | ||
|
r14278 | .html(''); | ||
|
r14292 | this.$label = $('<div />') | ||
|
r14297 | .addClass('widget-hlabel') | ||
|
r14292 | .appendTo(this.$el) | ||
.hide(); | ||||
|
r14263 | this.$textbox = $('<input type="text" />') | ||
.addClass('input') | ||||
|
r14295 | .addClass('widget-text') | ||
|
r14263 | .appendTo(this.$el); | ||
this.update(); // Set defaults. | ||||
}, | ||||
// Handles: Backend -> Frontend Sync | ||||
// Frontent -> Frontend Sync | ||||
update : function(){ | ||||
if (!this.user_invoked_update) { | ||||
this.$textbox.val(this.model.get('value')); | ||||
} | ||||
|
r14292 | |||
|
r14302 | var disabled = this.model.get('disabled'); | ||
this.$textbox.prop('disabled', disabled); | ||||
|
r14292 | var description = this.model.get('description'); | ||
if (description.length == 0) { | ||||
this.$label.hide(); | ||||
} else { | ||||
this.$label.html(description); | ||||
this.$label.show(); | ||||
} | ||||
|
r14279 | return IPython.WidgetView.prototype.update.call(this); | ||
|
r14263 | }, | ||
events: {"keyup input" : "handleChanging", | ||||
"paste input" : "handleChanging", | ||||
"cut input" : "handleChanging"}, | ||||
// Handles and validates user input. | ||||
handleChanging: function(e) { | ||||
this.user_invoked_update = true; | ||||
this.model.set('value', e.target.value); | ||||
|
r14278 | this.model.update_other_views(this); | ||
|
r14263 | this.user_invoked_update = false; | ||
}, | ||||
}); | ||||
|
r14291 | IPython.notebook.widget_manager.register_widget_view('TextBoxView', TextBoxView); | ||
|
r14263 | }); | ||