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
104
105
106
|
/* <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,
Component = require("montage/ui/component").Component;
exports.content = Montage.create(Component, {
hasTemplate: {
value: true
},
contentPanel : {
value: "presets" // get from local storage
},
templateDidLoad : {
value: function() {
console.log('deserialized');
}
},
prepareForDraw : {
value: function() {
this.activeTab = this.tabs[this.activeTabIndex];
this.tabBar.addEventListener('click', this, false);
}
},
handleClick : {
value: function(e) {
var tabObject = this.tabs.filter(function(item) {
return item.tab === e._event.target;
});
if(tabObject[0]) {
this.activeTab = tabObject[0];
}
}
},
_activeTab : {
value: null,
enumerable: false
},
activeTab : {
get: function() {
return this._activeTab;
},
set: function(tabObject) {
this.contentPanel = tabObject.key;
if(this.activeTab) {
this._activeTab.tab.classList.remove('active-tab');
}
tabObject.tab.classList.add('active-tab');
this._activeTab = tabObject;
}
},
treeList : {
value : null
},
data2: {
value: {
"meta": "Blah",
"status": "OK",
"text" : "Root",
"data" : {
"date": "1.1.01",
"text": "Root",
"children": [{
"date": "3.3.01",
"text": "Child 1"
},
{
"date": "3.3.01",
"text": "Child 2",
"children": [{
"date": "3.4.01",
"text": "Grand Child 1",
"children": [{
"date": "4.4.01",
"text": "Great Grand Child 1"
}]
}]
},{
"date": "5.5.01",
"text": "Child 3"
}]
}
}
},
didDraw: {
value : function() {
console.log('Presets Panel prepare for draw.');
// this.treeList.items.push({
// label : "Box Style",
// type : 'leaf'
// });
}
}
});
|