]>
Commit | Line | Data |
---|---|---|
6527f429 DM |
1 | /**\r |
2 | * @class Portal.view.Portlet\r | |
3 | * @extends Ext.panel.Panel\r | |
4 | * A {@link Ext.panel.Panel Panel} class that is managed by {@link Portal.view.PortalPanel}.\r | |
5 | */\r | |
6 | Ext.define('Portal.view.Portlet', {\r | |
7 | extend: 'Ext.panel.Panel',\r | |
8 | alias: 'widget.portlet',\r | |
9 | layout: 'fit',\r | |
10 | anchor: '100%',\r | |
11 | frame: true,\r | |
12 | padding: '8 8 0 0',\r | |
13 | closable: true,\r | |
14 | collapsible: true,\r | |
15 | animCollapse: true,\r | |
16 | draggable: {\r | |
17 | moveOnDrag: false\r | |
18 | },\r | |
19 | // Important: Portlets are fixed width. Only height may change, and then only from bottom\r | |
20 | resizeHandles: 's',\r | |
21 | resizable: true,\r | |
22 | cls: 'x-portlet',\r | |
23 | \r | |
24 | // Override Panel's default doClose to provide a custom fade out effect\r | |
25 | // when a portlet is removed from the portal\r | |
26 | doClose: function() {\r | |
27 | if (!this.closing) {\r | |
28 | this.closing = true;\r | |
29 | this.el.animate({\r | |
30 | opacity: 0,\r | |
31 | callback: function(){\r | |
32 | var closeAction = this.closeAction;\r | |
33 | this.closing = false;\r | |
34 | this.fireEvent('close', this);\r | |
35 | this[closeAction]();\r | |
36 | if (closeAction == 'hide') {\r | |
37 | this.el.setOpacity(1);\r | |
38 | }\r | |
39 | },\r | |
40 | scope: this\r | |
41 | });\r | |
42 | }\r | |
43 | }\r | |
44 | });\r |