aboutsummaryrefslogtreecommitdiff
path: root/js/stage/binding-view.reel/binding-view.js
blob: a0ca0c4f6a52c5c568d455973372d9adb76d876d (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
/* <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> */

/**
@requires montage/core/core
@requires montage/ui/component
*/
var Montage = require("montage/core/core").Montage,
    Component = require("montage/ui/component").Component;

exports.BindingView = Montage.create(Component, {
    //private Properties
    _selectedElement: {
        value: null
    },
    _bindables: {
        value: []
    },
    _nonVisualComponents: {
        value:[]
    },

    //Public Objects
    hudRepeater: { value: null },


    //Public Properties
    selectedElement: {
        get: function() {
            return this._selectedElement;
        },
        set: function(val) {
            this._selectedElement = val;
            this.needsDraw = true;
        }
    },
    bindables: {
        get: function() {
            return this._bindables;
        },
        set: function(val) {
            this._bindables = val;
        }
    },
    nonVisualComponents: {
        get: function() {
            return this._nonVisualComponents;
        },
        set: function(val) {
            this._nonVisualComponents = val;
        }
    },

    //Methods

    //Montage Draw Cycle
    prepareForDraw: {
        value: function() {

        }
    },

    draw: {
        value: function() {
            if(this.selectedElement !== null) {
                this.bindables = [
                    {
                        "title": "Input1",
                        "properties": [
                            {"title":"Value"},
                            {"title": "Width"}
                        ],
                        "x": 20,
                        "y": 20
                    },
                    {
                        "title": "Checkbox1",
                        "properties": [
                            {"title":"Group"},
                            {"title": "Value"}
                        ],
                        "x": 120,
                        "y": 120
                    }
                ];
            } else {
                this.bindables = [];
            }
        }
    },

    didDraw: {
        value: function() {

        }
    }

});