|
|
//----------------------------------------------------------------------------
|
|
|
// Copyright (C) 2013 The IPython Development Team
|
|
|
//
|
|
|
// Distributed under the terms of the BSD License. The full license is in
|
|
|
// the file COPYING, distributed as part of this software.
|
|
|
//----------------------------------------------------------------------------
|
|
|
|
|
|
//============================================================================
|
|
|
// ImageWidget
|
|
|
//============================================================================
|
|
|
|
|
|
/**
|
|
|
* @module IPython
|
|
|
* @namespace IPython
|
|
|
**/
|
|
|
|
|
|
define(["notebook/js/widgets/widget"], function(WidgetManager){
|
|
|
|
|
|
var ImageView = IPython.DOMWidgetView.extend({
|
|
|
render : function(){
|
|
|
// Called when view is rendered.
|
|
|
this.setElement($("<img />"));
|
|
|
this.update(); // Set defaults.
|
|
|
},
|
|
|
|
|
|
update : function(){
|
|
|
// Update the contents of this view
|
|
|
//
|
|
|
// Called when the model is changed. The model may have been
|
|
|
// changed by another view or by a state update from the back-end.
|
|
|
var image_src = 'data:image/' + this.model.get('format') + ';base64,' + this.model.get('_b64value');
|
|
|
this.$el.attr('src', image_src);
|
|
|
|
|
|
var width = this.model.get('width');
|
|
|
if (width !== undefined && width.length > 0) {
|
|
|
this.$el.attr('width', width);
|
|
|
} else {
|
|
|
this.$el.removeAttr('width');
|
|
|
}
|
|
|
|
|
|
var height = this.model.get('height');
|
|
|
if (height !== undefined && height.length > 0) {
|
|
|
this.$el.attr('height', height);
|
|
|
} else {
|
|
|
this.$el.removeAttr('height');
|
|
|
}
|
|
|
return ImageView.__super__.update.apply(this);
|
|
|
},
|
|
|
});
|
|
|
WidgetManager.register_widget_view('ImageView', ImageView);
|
|
|
});
|
|
|
|
