# HG changeset patch
# User Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
# Date 1492787740 -3600
# Node ID be845c47bdafc2859a19f29d03f122278d4cbd21
# Parent  c59bcb6986842331377b82854c068e897794e973
#138. Added fixed image to APE

diff -r c59bcb698684 -r be845c47bdaf interfaces/ape.css
--- 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;
+}
diff -r c59bcb698684 -r be845c47bdaf interfaces/ape.js
--- 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)