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
|
/* <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,
PanelBase = require("js/panels/PanelBase").PanelBase;
var CSSPanelBase = require("js/panels/CSSPanel/CSSPanelBase.reel").CSSPanelBase;
exports.CSSPanel = Montage.create(PanelBase, {
id : {value : "cssPanel", writable:true, enumerable:true, configurable:true},
panelName : {value : "CSS", writable:true, enumerable:true, configurable:true},
panelHeaderID : {value : "cssPanelHeader", writable:true, enumerable:true, configurable:true},
disclosureIconID : {value : "cssPanelDisclosureIcon", writable:true, enumerable:true, configurable:true},
closeButtonID : {value : "cssPanelCloseButton", writable:true, enumerable:true, configurable:true},
panelContentID : {value : "cssPanelContent", writable:true, enumerable:true, configurable:true},
init : {
enumerable:true,
value : function (){
this.minHeight = 300;
this.contentHeight = 300;
this.defaultHeight= 300;
/* OLD WAY -- Removing the temporary div
// TODO: Remove this comment once this is tested.
var panelContainer = document.createElement("div");
this._cssPanelBase = CSSPanelBase.create();
this._cssPanelBase.element = panelContainer;
this.content = this._cssPanelBase;
this._cssPanelBase.needsDraw = true;
*/
//debugger;
this.content = CSSPanelBase.create();
}
},
reinit : {
value : function() {
this._cssPanelBase.clearStyleSheetList();
this._cssPanelBase.clearCSSRules();
this._cssPanelBase.populateStyleSheetList();
}
},
_cssPanelBase : {
enumerable: true,
value: null,
writable:true
}
});
|