UNPKG

foam-framework

Version:
67 lines (57 loc) 1.5 kB
/** * @license * Copyright 2014 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ CLASS({ package: 'foam.ui', name: 'BlobImageView', extends: 'foam.ui.View', help: 'Image view for rendering a blob as an image.', properties: [ { name: 'data', postSet: function() { this.onValueChange(); } }, { model_: 'IntProperty', name: 'displayWidth' }, { model_: 'IntProperty', name: 'displayHeight' } ], methods: { toHTML: function() { return '<img id="' + this.id + '">'; }, initHTML: function() { this.SUPER(); var self = this; this.$.style.width = self.displayWidth; this.$.style.height = self.displayHeight; this.onValueChange(); } }, listeners: [ { name: 'onValueChange', code: function() { if ( this.data && this.$ ) this.$.src = URL.createObjectURL(this.data); } } ] });