diff options
Diffstat (limited to 'devtools/client/projecteditor/lib/plugins/image-view/image-editor.js')
-rw-r--r-- | devtools/client/projecteditor/lib/plugins/image-view/image-editor.js | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/devtools/client/projecteditor/lib/plugins/image-view/image-editor.js b/devtools/client/projecteditor/lib/plugins/image-view/image-editor.js new file mode 100644 index 000000000..668fcbeb2 --- /dev/null +++ b/devtools/client/projecteditor/lib/plugins/image-view/image-editor.js @@ -0,0 +1,50 @@ +/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */ +/* vim: set ft=javascript ts=2 et sw=2 tw=80: */ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +const { Cu } = require("chrome"); +const { Class } = require("sdk/core/heritage"); +const promise = require("promise"); +const { ItchEditor } = require("devtools/client/projecteditor/lib/editors"); + +var ImageEditor = Class({ + extends: ItchEditor, + + initialize: function () { + ItchEditor.prototype.initialize.apply(this, arguments); + this.label = "image"; + this.appended = promise.resolve(); + }, + + load: function (resource) { + this.elt.innerHTML = ""; + let image = this.image = this.doc.createElement("image"); + image.className = "editor-image"; + image.setAttribute("src", resource.uri); + + let box1 = this.doc.createElement("box"); + box1.appendChild(image); + + let box2 = this.doc.createElement("box"); + box2.setAttribute("flex", 1); + + this.elt.appendChild(box1); + this.elt.appendChild(box2); + + this.appended.then(() => { + this.emit("load"); + }); + }, + + destroy: function () { + if (this.image) { + this.image.remove(); + this.image = null; + } + } + +}); + +exports.ImageEditor = ImageEditor; |