aboutsummaryrefslogtreecommitdiff
path: root/js/components/layout/subtool-button.reel/subtool-button.js
blob: 2b066f241bd189478fe4875013751ff20d5e67dd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
/* <copyright>
This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
</copyright> */

var Montage = require("montage/core/core").Montage;
var Component = require("montage/ui/component").Component;

exports.SubToolButton = Montage.create(Component, {

    button:     { value: null },

    data: { value: null },

    _selected: { value: null },

    selected: {
        get: function() { return this._selected; },
        set: function(value) {
            this._selected = value;
            this.needsDraw = true;
        }
    },

    prepareForDraw: {
        enumerable: false,
        value: function() {
            this.element.addEventListener("click", this, false);

            this.element.title = this.data.toolTip;

            Object.defineBinding(this, "selected", {
              boundObject: this.data,
              boundObjectPropertyPath: "selected",
              oneway: false
            });
            this.element.classList.add(this.data.id);
        }
    },

    draw: {
        enumerable: false,
        value: function() {
            if(this._selected) {
                this.element.classList.add("active");
            } else {
                this.element.classList.remove("active");
            }
        }
    },

    handleClick: {
        value: function(event) {
            if(!this._selected) {
                NJevent("selectSubTool", this.data);
            }
        }
    }

});