init

nv/html/dwv/viewers/simplistic/alert.js

@@ -0,0 +1,149 @@
+// namespaces
+var dwv = dwv || {};
+dwv.tool = dwv.tool || {};
+
+/**
+ * Alert tool: demo tool that does a lot of logging and alerts.
+ * In order to activate it:
+ * - include it in your html
+ * - add it in the app tools when calling app.init
+ * @constructor
+ * @param {Object} app The associated application.
+ */
+dwv.tool.Alert = function (app)
+{
+    /**
+     * Associated GUI.
+     * @type Object
+     */
+    var gui = null;
+
+    /**
+     * Handle mouse down event.
+     * @param {Object} event The mouse down event.
+     */
+    this.mousedown = function (event) {
+        console.log("[alert:tool:mousedown]");
+        console.log(event);
+        alert("Alert: mousedown.");
+    };
+
+    /**
+     * Handle mouse move event.
+     * @param {Object} event The mouse move event.
+     */
+    this.mousemove = function (event) {
+        console.log("[alert:tool:mousemove]");
+        console.log(event);
+    };
+
+    /**
+     * Handle mouse up event.
+     * @param {Object} event The mouse up event.
+     */
+    this.mouseup = function (event) {
+        console.log("[alert:tool:mouseup]");
+        console.log(event);
+        alert("Alert: mouseup.");
+    };
+
+    /**
+     * Setup the tool GUI.
+     * Called when the app is created.
+     */
+    this.setup = function () {
+        console.log("[alert:tool:setup]");
+
+        gui = new dwv.gui.Alert(app);
+        gui.setup();
+    };
+
+    /**
+     * Display the tool.
+     * Called when switching tools: the last enabled tool is hidden and the current one shown.
+     * @param {Boolean} bool The flag to display or not.
+     */
+    this.display = function (bool) {
+        console.log("[alert:tool:display]");
+        console.log("bool: "+bool);
+
+        gui.display(bool);
+    };
+
+    /**
+     * Initialise the tool.
+     * Called once an image has been loaded.
+     */
+    this.init = function () {
+        console.log("[alert:tool:init]");
+
+        gui.initialise();
+    };
+
+}; // Alert class
+
+/**
+ * Help for this tool.
+ * @return {Object} The help content.
+ */
+dwv.tool.Alert.prototype.getHelp = function ()
+{
+    return {
+        "title": "Alert",
+        "brief": "Keeps calling alert!",
+        "mouse": {
+            "mouse_drag": "This will launch an alert!"
+        },
+        "touch": {
+            "touch_drag": "This will launch an alert!"
+        }
+    };
+};
+
+/**
+ * Alert tool GUI.
+ * @param {Object} app The associated application.
+ */
+dwv.gui.Alert = function (app)
+{
+    /**
+     * Setup the tool GUI.
+     * Called by the tool setup method.
+     */
+    this.setup = function () {
+        console.log("[alert:gui:setup]");
+
+        var button = document.createElement("button");
+        button.className = "alert-button";
+        button.value = "Alert";
+        // let the app handle the tool change
+        button.onclick = app.onChangeTool;
+        button.appendChild(document.createTextNode("Alert!"));
+
+        // the app handles finding the document HTML element
+        // so that they are all in the same div.
+        var node = app.getElement("toolbar");
+        node.appendChild(button);
+    };
+
+    /**
+     * Display the tool.
+     * Called by the tool display method.
+     * @param {Boolean} bool The flag to display or not.
+     */
+    this.display = function (bool) {
+        console.log("[alert:gui:display]");
+        console.log("bool: "+bool);
+
+        var button = app.getElement("alert-button");
+        button.disabled = bool;
+    };
+
+    /**
+     * Initialise the tool.
+     * Called by the tool init method.
+     */
+    this.initialise = function () {
+        console.log("[alert:gui:initialise]");
+    };
+};