Mercurial > hg > webaudioevaluationtool

changeset 2782:be845c47bdaf

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
#138. Added fixed image to APE
author Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
date Fri, 21 Apr 2017 16:15:40 +0100
parents c59bcb698684
children b0a35c4b7023
files interfaces/ape.css interfaces/ape.js
diffstat 2 files changed, 27 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- a/interfaces/ape.css	Fri Apr 21 15:50:44 2017 +0100
+++ b/interfaces/ape.css	Fri Apr 21 16:15:40 2017 +0100
@@ -89,3 +89,11 @@
     top: 10px;
     left: 120px;
 }
+div.imageController {
+    align-content: center;
+    text-align: center;
+    height: 250px;
+}
+div.imageController img {
+    max-height: 250px;
+}
--- a/interfaces/ape.js	Fri Apr 21 15:50:44 2017 +0100
+++ b/interfaces/ape.js	Fri Apr 21 16:15:40 2017 +0100
@@ -456,6 +456,21 @@
     this.sliderDOM = document.createElement('div');
     this.sliderDOM.className = 'sliderCanvasDiv';
     this.sliderDOM.id = 'sliderCanvasHolder-' + this.id;
+    this.imageHolder = (function () {
+        var imageController = {};
+        imageController.root = document.createElement("div");
+        imageController.root.className = "imageController";
+        imageController.img = document.createElement("img");
+        imageController.root.appendChild(imageController.img);
+        imageController.setImage = function (src) {
+            imageController.img.src = "";
+            if (typeof src !== "string" || src.length == undefined) {
+                return;
+            }
+            imageController.img.src = src;
+        }
+        return imageController;
+    })();
 
     var pagetitle = document.createElement('div');
     pagetitle.className = "pageTitle";
@@ -470,6 +485,10 @@
     pagetitle.appendChild(titleSpan);
     this.sliderDOM.appendChild(pagetitle);
 
+    if (interfaceObject.image !== undefined) {
+        this.sliderDOM.appendChild(this.imageHolder.root);
+        this.imageHolder.setImage(interfaceObject.image);
+    }
     // Create the slider box to hold the slider elements
     this.canvas = document.createElement('div');
     if (this.name !== undefined)