2009-03-15 21:32:04 +00:00
|
|
|
<?php
|
|
|
|
/**
|
|
|
|
* MooTools Engine Helper for JsHelper
|
|
|
|
*
|
|
|
|
* Provides MooTools specific Javascript for JsHelper.
|
|
|
|
* Assumes that you have the following MooTools packages
|
2009-03-15 23:59:16 +00:00
|
|
|
*
|
2009-03-15 21:32:04 +00:00
|
|
|
* - Remote, Remote.HTML, Remote.JSON
|
|
|
|
* - Fx, Fx.Tween, Fx.Morph
|
|
|
|
* - Selectors, DomReady,
|
|
|
|
* - Drag, Drag.Move
|
|
|
|
*
|
|
|
|
* PHP versions 4 and 5
|
|
|
|
*
|
|
|
|
* CakePHP : Rapid Development Framework <http://www.cakephp.org/>
|
|
|
|
* Copyright 2006-2008, Cake Software Foundation, Inc.
|
|
|
|
* 1785 E. Sahara Avenue, Suite 490-204
|
|
|
|
* Las Vegas, Nevada 89104
|
|
|
|
*
|
|
|
|
* Licensed under The MIT License
|
|
|
|
* Redistributions of files must retain the above copyright notice.
|
|
|
|
*
|
|
|
|
* @filesource
|
|
|
|
* @copyright Copyright 2006-2008, Cake Software Foundation, Inc.
|
|
|
|
* @link http://www.cakefoundation.org/projects/info/cakephp CakePHP Project
|
|
|
|
* @package cake
|
|
|
|
* @subpackage cake.views.helpers
|
|
|
|
* @license http://www.opensource.org/licenses/mit-license.php The MIT License
|
|
|
|
*/
|
|
|
|
App::import('Helper', 'Js');
|
|
|
|
|
|
|
|
class MootoolsEngineHelper extends JsBaseEngineHelper {
|
|
|
|
/**
|
|
|
|
* Option mappings for MooTools
|
|
|
|
*
|
|
|
|
* @var array
|
|
|
|
**/
|
|
|
|
var $_optionMap = array(
|
|
|
|
'request' => array(
|
|
|
|
'complete' => 'onComplete',
|
|
|
|
'request' => 'onRequest',
|
|
|
|
'error' => 'onFailure'
|
2009-03-28 04:15:05 +00:00
|
|
|
),
|
|
|
|
'sortable' => array(
|
|
|
|
'distance' => 'snap',
|
|
|
|
'containment' => 'constrain',
|
2009-03-28 04:31:51 +00:00
|
|
|
'sort' => 'onSort',
|
|
|
|
'complete' => 'onComplete',
|
|
|
|
'start' => 'onStart',
|
2009-03-15 21:32:04 +00:00
|
|
|
)
|
|
|
|
);
|
|
|
|
/**
|
|
|
|
* Create javascript selector for a CSS rule
|
|
|
|
*
|
|
|
|
* @param string $selector The selector that is targeted
|
|
|
|
* @return object instance of $this. Allows chained methods.
|
|
|
|
**/
|
2009-03-15 21:48:27 +00:00
|
|
|
function get($selector) {
|
|
|
|
if ($selector == 'window' || $selector == 'document') {
|
|
|
|
$this->selection = "$(" . $selector .")";
|
|
|
|
return $this;
|
|
|
|
}
|
|
|
|
if (preg_match('/^#[^\s.]+$/', $selector)) {
|
2009-03-15 23:59:16 +00:00
|
|
|
$this->selection = '$("' . substr($selector, 1) . '")';
|
2009-03-15 21:48:27 +00:00
|
|
|
return $this;
|
|
|
|
}
|
2009-03-15 23:59:16 +00:00
|
|
|
$this->selection = '$$("' . $selector . '")';
|
2009-03-15 21:48:27 +00:00
|
|
|
return $this;
|
2009-03-15 21:32:04 +00:00
|
|
|
}
|
|
|
|
/**
|
|
|
|
* Add an event to the script cache. Operates on the currently selected elements.
|
|
|
|
*
|
|
|
|
* ### Options
|
|
|
|
*
|
|
|
|
* - 'wrap' - Whether you want the callback wrapped in an anonymous function. (defaults true)
|
|
|
|
* - 'stop' - Whether you want the event to stopped. (defaults true)
|
|
|
|
*
|
|
|
|
* @param string $type Type of event to bind to the current dom id
|
|
|
|
* @param string $callback The Javascript function you wish to trigger or the function literal
|
|
|
|
* @param array $options Options for the event.
|
|
|
|
* @return string completed event handler
|
|
|
|
**/
|
|
|
|
function event($type, $callback, $options = array()) {
|
2009-03-15 22:48:34 +00:00
|
|
|
$defaults = array('wrap' => true, 'stop' => true);
|
|
|
|
$options = array_merge($defaults, $options);
|
2009-03-15 23:59:16 +00:00
|
|
|
|
2009-03-15 22:48:34 +00:00
|
|
|
$function = 'function (event) {%s}';
|
|
|
|
if ($options['wrap'] && $options['stop']) {
|
2009-03-16 01:51:00 +00:00
|
|
|
$callback = "event.stop();\n" . $callback;
|
2009-03-15 22:48:34 +00:00
|
|
|
}
|
|
|
|
if ($options['wrap']) {
|
|
|
|
$callback = sprintf($function, $callback);
|
|
|
|
}
|
2009-03-15 23:59:16 +00:00
|
|
|
$out = $this->selection . ".addEvent(\"{$type}\", $callback);";
|
2009-03-15 22:48:34 +00:00
|
|
|
return $out;
|
2009-03-15 21:32:04 +00:00
|
|
|
}
|
|
|
|
/**
|
|
|
|
* Create a domReady event. This is a special event in many libraries
|
|
|
|
*
|
|
|
|
* @param string $functionBody The code to run on domReady
|
|
|
|
* @return string completed domReady method
|
|
|
|
**/
|
|
|
|
function domReady($functionBody) {
|
2009-03-15 23:59:16 +00:00
|
|
|
$this->selection = 'window';
|
|
|
|
return $this->event('domready', $functionBody, array('stop' => false));
|
2009-03-15 21:32:04 +00:00
|
|
|
}
|
|
|
|
/**
|
|
|
|
* Create an iteration over the current selection result.
|
|
|
|
*
|
|
|
|
* @param string $method The method you want to apply to the selection
|
|
|
|
* @param string $callback The function body you wish to apply during the iteration.
|
|
|
|
* @return string completed iteration
|
|
|
|
**/
|
|
|
|
function each($callback) {
|
2009-03-15 23:59:16 +00:00
|
|
|
return $this->selection . '.each(function (item, index) {' . $callback . '});';
|
2009-03-15 21:32:04 +00:00
|
|
|
}
|
|
|
|
/**
|
|
|
|
* Trigger an Effect.
|
|
|
|
*
|
|
|
|
* @param string $name The name of the effect to trigger.
|
|
|
|
* @param array $options Array of options for the effect.
|
|
|
|
* @return string completed string with effect.
|
|
|
|
* @see JsBaseEngineHelper::effect()
|
|
|
|
**/
|
|
|
|
function effect($name, $options = array()) {
|
2009-03-15 23:59:16 +00:00
|
|
|
$speed = null;
|
|
|
|
if (isset($options['speed']) && in_array($options['speed'], array('fast', 'slow'))) {
|
|
|
|
if ($options['speed'] == 'fast') {
|
|
|
|
$speed = '"short"';
|
|
|
|
} elseif ($options['speed'] == 'slow') {
|
|
|
|
$speed = '"long"';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
$effect = '';
|
|
|
|
switch ($name) {
|
|
|
|
case 'hide':
|
|
|
|
$effect = 'setStyle("display", "none")';
|
|
|
|
break;
|
|
|
|
case 'show':
|
|
|
|
$effect = 'setStyle("display", "")';
|
|
|
|
break;
|
|
|
|
case 'fadeIn':
|
|
|
|
case 'fadeOut':
|
|
|
|
case 'slideIn':
|
|
|
|
case 'slideOut':
|
|
|
|
list($effectName, $direction) = preg_split('/([A-Z][a-z]+)/', $name, -1, PREG_SPLIT_DELIM_CAPTURE);
|
|
|
|
$direction = strtolower($direction);
|
|
|
|
if ($speed) {
|
|
|
|
$effect .= "set(\"$effectName\", {duration:$speed}).";
|
|
|
|
}
|
|
|
|
$effect .= "$effectName(\"$direction\")";
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
return $this->selection . '.' . $effect . ';';
|
2009-03-15 21:32:04 +00:00
|
|
|
}
|
|
|
|
/**
|
2009-03-16 03:42:25 +00:00
|
|
|
* Create an new Request.
|
2009-03-28 04:15:05 +00:00
|
|
|
*
|
|
|
|
* Requires ```Request```. If you wish to use 'update' key you must have ```Request.HTML```
|
|
|
|
* if you wish to do Json requests you will need ```JSON``` and ```Request.JSON```.
|
2009-03-15 21:32:04 +00:00
|
|
|
*
|
|
|
|
* @param mixed $url
|
|
|
|
* @param array $options
|
|
|
|
* @return string The completed ajax call.
|
|
|
|
**/
|
|
|
|
function request($url, $options = array()) {
|
2009-03-16 02:15:22 +00:00
|
|
|
$url = $this->url($url);
|
|
|
|
$options = $this->_mapOptions('request', $options);
|
|
|
|
$type = $data = null;
|
|
|
|
if (isset($options['type']) && strtolower($options['type']) == 'json') {
|
|
|
|
$type = '.JSON';
|
|
|
|
if (!empty($options['data'])) {
|
|
|
|
$data = $this->object($options['data']);
|
|
|
|
unset($options['data']);
|
|
|
|
}
|
|
|
|
unset($options['type']);
|
|
|
|
}
|
|
|
|
if (isset($options['update'])) {
|
|
|
|
$type = '.HTML';
|
|
|
|
if (!empty($options['data'])) {
|
|
|
|
$data = $this->_toQuerystring($options['data']);
|
|
|
|
unset($options['data']);
|
|
|
|
}
|
|
|
|
unset($options['type']);
|
|
|
|
}
|
|
|
|
$options['url'] = $url;
|
|
|
|
$callbacks = array('onComplete', 'onFailure', 'onRequest');
|
|
|
|
$options = $this->_parseOptions($options, $callbacks);
|
|
|
|
return "var jsRequest = new Request$type({{$options}}).send($data);";
|
2009-03-15 21:32:04 +00:00
|
|
|
}
|
2009-03-28 04:15:05 +00:00
|
|
|
/**
|
|
|
|
* Create a sortable element.
|
|
|
|
*
|
|
|
|
* Requires both the ```Sortables``` plugin from MootoolsMore
|
|
|
|
*
|
|
|
|
* @param array $options Array of options for the sortable.
|
|
|
|
* @return string Completed sortable script.
|
|
|
|
* @see JsHelper::sortable() for options list.
|
|
|
|
**/
|
|
|
|
function sortable($options = array()) {
|
|
|
|
$options = $this->_mapOptions('sortable', $options);
|
2009-03-28 04:31:51 +00:00
|
|
|
$callbacks = array('onStart', 'onSort', 'onComplete');
|
2009-03-28 04:15:05 +00:00
|
|
|
$options = $this->_parseOptions($options, $callbacks);
|
|
|
|
return 'var mooSortable = new Sortables(' . $this->selection . ', {' . $options . '});';
|
|
|
|
}
|
2009-03-15 21:32:04 +00:00
|
|
|
}
|
|
|
|
?>
|