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
107
108
109
110
111
112
|
/* <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> */
// Needed to change scope of 'this' inside
// event handler function to the actual class
// instead of the object that dispatched the event
var Montage = require("montage/core/core").Montage;
var Component = require("montage/ui/component").Component;
exports.PanelBase = Montage.create(Component, {
//Properties
panelName : {value : 'Generic Panel', writable:true, enumerable:true, configurable:true}, // Initial Panel Name will be used to remember status please be unique with this name
collapsedHeight: { value:26 }, // When Collapsed = true contentHeight will return this value
minHeight: { value: 200 }, // Minimum shrink ability for a panel
maxHeight: { value: null }, // Maximum potential growth for a panel
isStatic: { value: false }, // Static Value is used when you would like to create a panel that has no grow or shrink capabilities
isLocked: { value: false }, // Locked Value is used when a panel is temporary disabled to grow and shrink
defaultHeight: { value: 200 }, // The height set when there is no height saved in the users storage
content : { value: null }, // Component goes here. This will be connected with the slot in the center of a panel
_contentHeight: { value: 200 }, // Drawn Height
_forcedCollapse: { value: false }, // Calculated Collapse when no room exists able to expand when height allows it to
_collapsed : { value: null }, // collapsed value will set Panels State to collapsed or uncollapsed by its value (boolean)
_visible: { value:null }, // Visible variable when visible is set to false Panel will hide
scrollable: { value: true },
// Getter and Setters
contentHeight: {
get: function() {
if(this._contentHeight == null) {
// Old settings
/*
if(this.application.ninja.settings.getSetting(this.panelName, "contentHeight")) {
this._contentHeight = this.application.ninja.settings.getSetting(this.panelName, "contentHeight");
} */
this._contentHeight = this.defaultHeight;
}
return this._contentHeight;
},
set: function(value) {
if (this.minHeight > value) value = this._minHeight;
if (this.maxHeight != null) if(this.maxHeight < value) value = this.maxHeight;
this._contentHeight = value;
// this.application.ninja.settings.setSetting(this.panelName, "contentHeight", value);
}
},
forcedCollapse: {
get: function() {
if(this._forcedCollapse == null) {
// Old settings
/*
if(this.application.Ninja.SettingsManager.getSetting(this.panelName, "isPanelForceCollapsed")) {
this._forcedCollapse = this.application.Ninja.SettingsManager.getSetting(this.panelName, "isPanelForceCollapsed");
} */
this._forcedCollapse = false;
}
return this._forcedCollapse;
},
set: function(value) {
this._forcedCollapse = value;
// this.application.Ninja.SettingsManager.setSetting(this.panelName, "isPanelForceCollapsed", value);
}
},
collapsed: {
get: function() {
if(this._collapsed == null) {
// Old settings
/*
if(this.application.ninja.settings.getSetting(this.panelName, "isPanelCollapsed")) {
this._collapsed = this.application.ninja.settings.getSetting(this.panelName, "isPanelCollapsed");
} */
this._collapsed = false;
}
return this._collapsed;
},
set: function(value) {
this._collapsed = value;
// this.application.ninja.settings.setSetting(this.panelName, "isPanelCollapsed", value);
}
},
visible: {
get: function() {
if(this._visible === null) {
/*
if(typeof(this.application.ninja.settings.getSetting(this.panelName, "visible")) !== "undefined") {
this._visible = this.application.ninja.settings.getSetting(this.panelName, "visible");
} */
this._visible = true;
}
return this._visible;
},
set: function(value) {
this._visible = value;
//this.application.ninja.settings.setSetting(this.panelName, "visible", value);
}
}
});
|