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
|
<?php
/**
* TJuiResizable class file.
*
* @author Fabio Bas <ctrlaltca[at]gmail[dot]com>
* @link http://www.pradosoft.com/
* @copyright Copyright © 2013-2014 PradoSoft
* @license http://www.pradosoft.com/license/
* @package System.Web.UI.JuiControls
*/
Prado::using('System.Web.UI.JuiControls.TJuiControlAdapter');
Prado::using('System.Web.UI.ActiveControls.TActivePanel');
/**
* TJuiResizable class.
*
* TJuiResizable is an extension to {@link TActivePanel} based on jQuery-UI's
* {@link http://jqueryui.com/resizable/ Resizable} interaction.
* A small handle is shown on the bottom right corner of the panel, that permits
* the panel to be resized using the mouse.
*
* <code>
* <com:TJuiResizable
* ID="resize1"
* Style="border: 1px solid green; width:100px;height:100px;background-color: #00dd00"
* Options.maxHeight="250"
* Options.maxWidth="350"
* Options.minHeight="150"
* Options.minWidth="200"
* >
* resize me
* </com:TJuiResizable>
* </code>
*
* @author Fabio Bas <ctrlaltca[at]gmail[dot]com>
* @package System.Web.UI.JuiControls
* @since 3.3
*/
class TJuiResizable extends TActivePanel implements IJuiOptions
{
protected $_options;
/**
* Creates a new callback control, sets the adapter to
* TActiveControlAdapter. If you override this class, be sure to set the
* adapter appropriately by, for example, by calling this constructor.
*/
public function __construct()
{
parent::__construct();
$this->setAdapter(new TJuiControlAdapter($this));
}
/**
* Object containing defined javascript options
* @return TJuiControlOptions
*/
public function getOptions()
{
if($this->_options===null)
$this->_options=new TJuiControlOptions($this);
return $this->_options;
}
/**
* Array containing valid javascript options
* @return array()
*/
public function getValidOptions()
{
return array('alsoResize', 'animate', 'animateDuration', 'animateEasing', 'aspectRatio', 'autoHide', 'cancel', 'containment', 'delay', 'disabled', 'distance', 'ghost', 'grid', 'handles', 'helper', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth');
}
/**
* Array containing valid javascript events
* @return array()
*/
public function getValidEvents()
{
return array('create', 'resize', 'start', 'stop');
}
/**
* @return array list of callback options.
*/
protected function getPostBackOptions()
{
$options = $this->getOptions()->toArray();
return $options;
}
/**
* Ensure that the ID attribute is rendered and registers the javascript code
* for initializing the active control.
*/
protected function addAttributesToRender($writer)
{
parent::addAttributesToRender($writer);
$writer->addAttribute('id',$this->getClientID());
$options=TJavascript::encode($this->getPostBackOptions());
$cs=$this->getPage()->getClientScript();
$code="jQuery('#".$this->getClientId()."').resizable(".$options.");";
$cs->registerEndScript(sprintf('%08X', crc32($code)), $code);
}
}
|
