You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
2.0 KiB
72 lines
2.0 KiB
define([ |
|
"dojo/_base/declare", |
|
"dojo/_base/lang", |
|
"dojo/dom-style", |
|
"dojo/dom-class", |
|
"dojo/fx", |
|
"dijit/_Container", |
|
"dijit/layout/ContentPane" |
|
], function(declare, lang, domStyle, domClass, fx, _Container, ContentPane){ |
|
|
|
return declare("dojox.widget.PortletSettings", [_Container, ContentPane], { |
|
// summary: |
|
// A settings widget to be used with a dojox.widget.Portlet. |
|
// description: |
|
// This widget should be placed inside a dojox.widget.Portlet widget. |
|
// It is used to set some preferences for that Portlet. It is essentially |
|
// a ContentPane, and should contain other widgets and DOM nodes that |
|
// do the real work of setting preferences for the portlet. |
|
|
|
// portletIconClass: String |
|
// The CSS class to apply to the icon in the Portlet title bar that is used |
|
// to toggle the visibility of this widget. |
|
portletIconClass: "dojoxPortletSettingsIcon", |
|
|
|
// portletIconHoverClass: String |
|
// The CSS class to apply to the icon in the Portlet title bar that is used |
|
// to toggle the visibility of this widget when the mouse hovers over it. |
|
portletIconHoverClass: "dojoxPortletSettingsIconHover", |
|
|
|
postCreate: function(){ |
|
// summary: |
|
// Sets the require CSS classes on the widget. |
|
|
|
// Start the PortletSettings widget hidden, always. |
|
domStyle.set(this.domNode, "display", "none"); |
|
domClass.add(this.domNode, "dojoxPortletSettingsContainer"); |
|
|
|
// Remove the unwanted content pane class. |
|
domClass.remove(this.domNode, "dijitContentPane"); |
|
}, |
|
|
|
_setPortletAttr: function(portlet){ |
|
// summary: |
|
// Sets the portlet that encloses this widget. |
|
this.portlet = portlet; |
|
}, |
|
|
|
toggle: function(){ |
|
// summary: |
|
// Toggles the visibility of this widget. |
|
var n = this.domNode; |
|
if(domStyle.get(n, "display") == "none"){ |
|
domStyle.set(n,{ |
|
"display": "block", |
|
"height": "1px", |
|
"width": "auto" |
|
}); |
|
fx.wipeIn({ |
|
node: n |
|
}).play(); |
|
}else{ |
|
fx.wipeOut({ |
|
node: n, |
|
onEnd: lang.hitch(this, function(){ |
|
domStyle.set(n,{"display": "none", "height": "", "width":""}); |
|
} |
|
)}).play(); |
|
} |
|
} |
|
}); |
|
|
|
});
|
|
|