aboutsummaryrefslogtreecommitdiff
path: root/js/components/layout/tool-button.reel/tool-button.js
blob: 5cb0e7fce55ff36c56a86090804980fec20cc94e (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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
/* <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;
var defaultEventManager = require("montage/core/event/event-manager").defaultEventManager;


exports.ToolButton = Montage.create(Component, {

    data:       { value: null },

    _selected:  { value: null },

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

    _subselected: { value: 1 },

    subselected: {
        get: function() { return this._subselected; },
        set: function(value) {

            var len = value.length;
            for(var i=0; i < len; i++) {
                if(value[i]) {
                    this._subselected = i;
                    this.needsDraw = true;
                }
            }
        }
    },

    _currentSubSelected: { value: 0},
    
    prepareForDraw: {
        enumerable: false,
        value: function() {
            this.element.title = this.data.toolTip;
            this.element.addEventListener("mousedown", this, false);
            this.element.addEventListener("dblclick", this, false);

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

            if(this.data.container) {
                this.element.title = this.data.subtools[this._subselected].toolTip;
                Object.defineBinding(this, "subselected", {
                    boundObject: this.data.subtools,
                    boundObjectPropertyPath: "selected",
                    oneway: true
                });
            }

            this.element.classList.add(this.data.id)
        }
    },

    draw: {
        enumerable: false,
        value: function() {
            if(this.data.container) {
                this.element.title = this.data.subtools[this._subselected].toolTip;
                this.element.classList.remove(this.data.subtools[this._currentSubSelected].id);
                this.element.classList.add(this.data.subtools[this._subselected].id);
                this._currentSubSelected = this._subselected;
            }

            if(this._selected) {
                this.element.classList.add("active");
            } else {
                this.element.classList.remove("active");
            }
        }
    },

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

    handleDblclick: {
        value: function(event) {
            NJevent("toolDoubleClick", this.data);
        }
    }


});