Initial checkin
This commit is contained in:
Mike Macgirvin
commit
6348e70daa
|
|
@ -0,0 +1,2 @@
|
||||||
|
.htconfig.php
|
||||||
|
\#*
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
|
||||||
|
Options -Indexes
|
||||||
|
|
||||||
|
<IfModule mod_rewrite.c>
|
||||||
|
RewriteEngine on
|
||||||
|
|
||||||
|
# Rewrite current-style URLs of the form 'index.php?q=x'.
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-f
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-d
|
||||||
|
RewriteRule ^(.*)$ index.php?q=$1 [L,QSA]
|
||||||
|
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,79 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if((x($_SESSION,'authenticated')) && (! ($_POST['auth-params'] == 'login'))) {
|
||||||
|
if($_POST['auth-params'] == 'logout' || $a->module == "logout") {
|
||||||
|
unset($_SESSION['authenticated']);
|
||||||
|
unset($_SESSION['uid']);
|
||||||
|
unset($_SESSION['visitor_id']);
|
||||||
|
unset($_SESSION['administrator']);
|
||||||
|
$_SESSION['sysmsg'] = "Logged out." . EOL;
|
||||||
|
goaway($a->get_baseurl());
|
||||||
|
}
|
||||||
|
if(x($_SESSION,'uid')) {
|
||||||
|
$r = q("SELECT * FROM `user` WHERE `uid` = %d LIMIT 1",
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
if($r === NULL || (! count($r))) {
|
||||||
|
goaway($a->get_baseurl());
|
||||||
|
}
|
||||||
|
$a->user = $r[0];
|
||||||
|
if(strlen($a->user['timezone']))
|
||||||
|
date_default_timezone_set($a->user['timezone']);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
unset($_SESSION['authenticated']);
|
||||||
|
unset($_SESSION['uid']);
|
||||||
|
unset($_SESSION['visitor_id']);
|
||||||
|
unset($_SESSION['administrator']);
|
||||||
|
$encrypted = hash('whirlpool',trim($_POST['password']));
|
||||||
|
|
||||||
|
if((x($_POST,'auth-params')) && $_POST['auth-params'] == 'login') {
|
||||||
|
$r = q("SELECT * FROM `user`
|
||||||
|
WHERE `email` = '%s' AND `password` = '%s' LIMIT 1",
|
||||||
|
dbesc(trim($_POST['login-name'])),
|
||||||
|
dbesc($encrypted));
|
||||||
|
if(($r === false) || (! count($r))) {
|
||||||
|
$_SESSION['sysmsg'] = 'Login failed.' . EOL ;
|
||||||
|
goaway($a->get_baseurl());
|
||||||
|
}
|
||||||
|
$_SESSION['uid'] = $r[0]['uid'];
|
||||||
|
$_SESSION['admin'] = $r[0]['admin'];
|
||||||
|
$_SESSION['authenticated'] = 1;
|
||||||
|
if(x($r[0],'nickname'))
|
||||||
|
$_SESSION['my_url'] = $a->get_baseurl() . '/profile/' . $r[0]['nickname'];
|
||||||
|
else
|
||||||
|
$_SESSION['my_url'] = $a->get_baseurl() . '/profile/' . $r[0]['uid'];
|
||||||
|
|
||||||
|
$_SESSION['sysmsg'] = "Welcome back " . $r[0]['username'] . EOL;
|
||||||
|
$a->user = $r[0];
|
||||||
|
if(strlen($a->user['timezone']))
|
||||||
|
date_default_timezone_set($a->user['timezone']);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Returns an array of group names this contact is a member of.
|
||||||
|
// Since contact-id's are unique and each "belongs" to a given user uid,
|
||||||
|
// this array will only contain group names related to the uid of this
|
||||||
|
// DFRN contact. They are *not* neccessarily unique across the entire site.
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('init_groups_visitor')) {
|
||||||
|
function init_groups_visitor($contact_id) {
|
||||||
|
$groups = array();
|
||||||
|
$r = q("SELECT `group_member`.`gid`, `group`.`name`
|
||||||
|
FROM `group_member` LEFT JOIN `group` ON `group_member`.`gid` = `group`.`id`
|
||||||
|
WHERE `group_member`.`contact-id` = %d ",
|
||||||
|
intval($contact_id)
|
||||||
|
);
|
||||||
|
if(count($r)) {
|
||||||
|
foreach($r as $rr)
|
||||||
|
$groups[] = $rr['name'];
|
||||||
|
}
|
||||||
|
return $groups;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,302 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
set_time_limit(0);
|
||||||
|
|
||||||
|
define('EOL', '<br />');
|
||||||
|
|
||||||
|
define('REGISTER_CLOSED', 0);
|
||||||
|
define('REGISTER_APPROVE', 1);
|
||||||
|
define('REGISTER_OPEN', 2);
|
||||||
|
|
||||||
|
|
||||||
|
if(! class_exists('App')) {
|
||||||
|
class App {
|
||||||
|
|
||||||
|
public $module_loaded = false;
|
||||||
|
public $config;
|
||||||
|
public $page;
|
||||||
|
public $profile;
|
||||||
|
public $user;
|
||||||
|
public $content;
|
||||||
|
public $error = false;
|
||||||
|
public $cmd;
|
||||||
|
public $argv;
|
||||||
|
public $argc;
|
||||||
|
public $module;
|
||||||
|
|
||||||
|
private $scheme;
|
||||||
|
private $hostname;
|
||||||
|
private $path;
|
||||||
|
private $db;
|
||||||
|
|
||||||
|
function __construct() {
|
||||||
|
|
||||||
|
$this->config = array();
|
||||||
|
$this->page = array();
|
||||||
|
|
||||||
|
$this->scheme = ((isset($_SERVER['HTTPS'])
|
||||||
|
&& ($_SERVER['HTTPS'])) ? 'https' : 'http' );
|
||||||
|
$this->hostname = str_replace('www.','',
|
||||||
|
$_SERVER['SERVER_NAME']);
|
||||||
|
set_include_path("include/$this->hostname"
|
||||||
|
. PATH_SEPARATOR . 'include'
|
||||||
|
. PATH_SEPARATOR . '.' );
|
||||||
|
|
||||||
|
if(substr($_SERVER['QUERY_STRING'],0,2) == "q=")
|
||||||
|
$_SERVER['QUERY_STRING'] = substr($_SERVER['QUERY_STRING'],2);
|
||||||
|
// $this->cmd = trim($_SERVER['QUERY_STRING'],'/');
|
||||||
|
$this->cmd = trim($_GET['q'],'/');
|
||||||
|
|
||||||
|
$this->argv = explode('/',$this->cmd);
|
||||||
|
$this->argc = count($this->argv);
|
||||||
|
if((array_key_exists('0',$this->argv)) && strlen($this->argv[0])) {
|
||||||
|
$this->module = $this->argv[0];
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$this->module = 'home';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function get_baseurl($ssl = false) {
|
||||||
|
|
||||||
|
return (($ssl) ? 'https' : $this->scheme) . "://" . $this->hostname
|
||||||
|
. ((isset($this->path) && strlen($this->path))
|
||||||
|
? '/' . $this->path : '' );
|
||||||
|
}
|
||||||
|
|
||||||
|
function set_path($p) {
|
||||||
|
$this->path = ltrim(trim($p),'/');
|
||||||
|
}
|
||||||
|
|
||||||
|
function init_pagehead() {
|
||||||
|
if(file_exists("view/head.tpl"))
|
||||||
|
$s = file_get_contents("view/head.tpl");
|
||||||
|
$this->page['htmlhead'] = replace_macros($s,array('$baseurl' => $this->get_baseurl()));
|
||||||
|
}
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('x')) {
|
||||||
|
function x($s,$k = NULL) {
|
||||||
|
if($k != NULL) {
|
||||||
|
if((is_array($s)) && (array_key_exists($k,$s))) {
|
||||||
|
if($s[$k])
|
||||||
|
return (int) 1;
|
||||||
|
return (int) 0;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if(isset($s)) {
|
||||||
|
if($s) {
|
||||||
|
return (int) 1;
|
||||||
|
}
|
||||||
|
return (int) 0;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('system_unavailable')) {
|
||||||
|
function system_unavailable() {
|
||||||
|
include('system_unavailable.php');
|
||||||
|
killme();
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('replace_macros')) {
|
||||||
|
function replace_macros($s,$r) {
|
||||||
|
|
||||||
|
$search = array();
|
||||||
|
$replace = array();
|
||||||
|
|
||||||
|
if(is_array($r) && count($r)) {
|
||||||
|
foreach ($r as $k => $v ) {
|
||||||
|
$search[] = $k;
|
||||||
|
$replace[] = $v;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return str_replace($search,$replace,$s);
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('fetch_url')) {
|
||||||
|
function fetch_url($url,$binary = false) {
|
||||||
|
$ch = curl_init($url);
|
||||||
|
if(! $ch) return false;
|
||||||
|
|
||||||
|
curl_setopt($ch, CURLOPT_HEADER, 0);
|
||||||
|
curl_setopt($ch, CURLOPT_FOLLOWLOCATION,true);
|
||||||
|
curl_setopt($ch, CURLOPT_MAXREDIRS,8);
|
||||||
|
curl_setopt($ch, CURLOPT_RETURNTRANSFER,true);
|
||||||
|
if($binary)
|
||||||
|
curl_setopt($ch, CURLOPT_BINARYTRANSFER,1);
|
||||||
|
|
||||||
|
$s = curl_exec($ch);
|
||||||
|
curl_close($ch);
|
||||||
|
return($s);
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('post_url')) {
|
||||||
|
function post_url($url,$params) {
|
||||||
|
$ch = curl_init($url);
|
||||||
|
if(! $ch) return false;
|
||||||
|
|
||||||
|
curl_setopt($ch, CURLOPT_HEADER, 0);
|
||||||
|
curl_setopt($ch, CURLOPT_FOLLOWLOCATION,true);
|
||||||
|
curl_setopt($ch, CURLOPT_MAXREDIRS,8);
|
||||||
|
curl_setopt($ch, CURLOPT_RETURNTRANSFER,true);
|
||||||
|
curl_setopt($ch, CURLOPT_POST,1);
|
||||||
|
curl_setopt($ch, CURLOPT_POSTFIELDS,$params);
|
||||||
|
|
||||||
|
$s = curl_exec($ch);
|
||||||
|
curl_close($ch);
|
||||||
|
return($s);
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('random_string')) {
|
||||||
|
function random_string() {
|
||||||
|
return(hash('sha256',uniqid(rand(),true)));
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('notags')) {
|
||||||
|
function notags($string) {
|
||||||
|
// protect against :<> with high-bit set
|
||||||
|
return(str_replace(array("<",">","\xBA","\xBC","\xBE"), array('[',']','','',''), $string));
|
||||||
|
}}
|
||||||
|
|
||||||
|
// The PHP built-in tag escape function has traditionally been buggy
|
||||||
|
if(! function_exists('escape_tags')) {
|
||||||
|
function escape_tags($string) {
|
||||||
|
return(str_replace(array("<",">","&"), array('<','>','&'), $string));
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('login')) {
|
||||||
|
function login($register = false) {
|
||||||
|
$o = "";
|
||||||
|
$register_html = (($register) ? file_get_contents("view/register-link.tpl") : "");
|
||||||
|
|
||||||
|
|
||||||
|
if(x($_SESSION,'authenticated')) {
|
||||||
|
$o = file_get_contents("view/logout.tpl");
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$o = file_get_contents("view/login.tpl");
|
||||||
|
|
||||||
|
$o = replace_macros($o,array('$register_html' => $register_html ));
|
||||||
|
}
|
||||||
|
return $o;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('autoname')) {
|
||||||
|
function autoname($len) {
|
||||||
|
|
||||||
|
$vowels = array('a','a','ai','au','e','e','e','ee','ea','i','ie','o','ou','u');
|
||||||
|
if(mt_rand(0,5) == 4)
|
||||||
|
$vowels[] = 'y';
|
||||||
|
|
||||||
|
$cons = array(
|
||||||
|
'b','bl','br',
|
||||||
|
'c','ch','cl','cr',
|
||||||
|
'd','dr',
|
||||||
|
'f','fl','fr',
|
||||||
|
'g','gh','gl','gr',
|
||||||
|
'h',
|
||||||
|
'j',
|
||||||
|
'k','kh','kl','kr',
|
||||||
|
'l',
|
||||||
|
'm',
|
||||||
|
'n',
|
||||||
|
'p','ph','pl','pr',
|
||||||
|
'qu',
|
||||||
|
'r','rh',
|
||||||
|
's','sc','sh','sm','sp','st',
|
||||||
|
't','th','tr',
|
||||||
|
'v',
|
||||||
|
'w','wh',
|
||||||
|
'x',
|
||||||
|
'z','zh'
|
||||||
|
);
|
||||||
|
|
||||||
|
$midcons = array('ck','ct','gn','ld','lf','lm','lt','mb','mm', 'mn','mp',
|
||||||
|
'nd','ng','nk','nt','rn','rp','rt');
|
||||||
|
|
||||||
|
$noend = array('bl', 'br', 'cl','cr','dr','fl','fr','gl','gr',
|
||||||
|
'kh', 'kl','kr','mn','pl','pr','rh','tr','qu','wh');
|
||||||
|
|
||||||
|
$start = mt_rand(0,2);
|
||||||
|
if($start == 0)
|
||||||
|
$table = $vowels;
|
||||||
|
else
|
||||||
|
$table = $cons;
|
||||||
|
|
||||||
|
$word = '';
|
||||||
|
|
||||||
|
for ($x = 0; $x < $len; $x ++) {
|
||||||
|
$r = mt_rand(0,count($table) - 1);
|
||||||
|
$word .= $table[$r];
|
||||||
|
|
||||||
|
if($table == $vowels)
|
||||||
|
$table = array_merge($cons,$midcons);
|
||||||
|
else
|
||||||
|
$table = $vowels;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
$word = substr($word,0,$len);
|
||||||
|
|
||||||
|
foreach($noend as $noe) {
|
||||||
|
if((strlen($word) > 2) && (substr($word,-2) == $noe)) {
|
||||||
|
$word = substr($word,0,-1);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if(substr($word,-1) == 'q')
|
||||||
|
$word = substr($word,0,-1);
|
||||||
|
return $word;
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('killme')) {
|
||||||
|
function killme() {
|
||||||
|
session_write_close();
|
||||||
|
exit;
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('goaway')) {
|
||||||
|
function goaway($s) {
|
||||||
|
header("Location: $s");
|
||||||
|
killme();
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('xml_status')) {
|
||||||
|
function xml_status($st) {
|
||||||
|
header( "Content-type: text/xml");
|
||||||
|
echo '<?xml version="1.0" encoding="UTF-8"?>'."\r\n";
|
||||||
|
echo "<result><status>$st</status></result>\r\n";
|
||||||
|
killme();
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('local_user')) {
|
||||||
|
function local_user() {
|
||||||
|
if((x($_SESSION,'authenticated')) && (x($_SESSION,'uid')))
|
||||||
|
return $_SESSION['uid'];
|
||||||
|
return false;
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('remote_user')) {
|
||||||
|
function remote_user() {
|
||||||
|
if((x($_SESSION,'authenticated')) && (x($_SESSION,'cid')))
|
||||||
|
return $_SESSION['cid'];
|
||||||
|
return false;
|
||||||
|
}}
|
||||||
|
|
||||||
|
function footer(&$a) {
|
||||||
|
|
||||||
|
$s = fetch_url("http://fortunemod.com/cookie.php?equal=1");
|
||||||
|
$a->page['content'] .= "<div class=\"fortune\" >$s</div>";
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,227 @@
|
||||||
|
1.
|
||||||
|
<script type="text/javascript" src="scripts/cropper/lib/prototype.js" language="javascript"></script>
|
||||||
|
2.
|
||||||
|
<script type="text/javascript" src="scripts/cropper/lib/scriptaculous.js?load=builder,dragdrop" language="javascript"></script>
|
||||||
|
3.
|
||||||
|
<script type="text/javascript" src="scripts/cropper/cropper.js" language="javascript"></script>
|
||||||
|
|
||||||
|
Options
|
||||||
|
|
||||||
|
ratioDim obj
|
||||||
|
The pixel dimensions to apply as a restrictive ratio, with properties x & y.
|
||||||
|
minWidth int
|
||||||
|
The minimum width for the select area in pixels.
|
||||||
|
minHeight int
|
||||||
|
The mimimum height for the select area in pixels.
|
||||||
|
maxWidth int
|
||||||
|
The maximum width for the select areas in pixels (if both minWidth & maxWidth set to same the width of the cropper will be fixed)
|
||||||
|
maxHeight int
|
||||||
|
The maximum height for the select areas in pixels (if both minHeight & maxHeight set to same the height of the cropper will be fixed)
|
||||||
|
displayOnInit int
|
||||||
|
Whether to display the select area on initialisation, only used when providing minimum width & height or ratio.
|
||||||
|
onEndCrop func
|
||||||
|
The callback function to provide the crop details to on end of a crop.
|
||||||
|
captureKeys boolean
|
||||||
|
Whether to capture the keys for moving the select area, as these can cause some problems at the moment.
|
||||||
|
onloadCoords obj
|
||||||
|
A coordinates object with properties x1, y1, x2 & y2; for the coordinates of the select area to display onload
|
||||||
|
|
||||||
|
The callback function
|
||||||
|
|
||||||
|
The callback function is a function that allows you to capture the crop co-ordinates when the user finished a crop movement, it is passed two arguments:
|
||||||
|
|
||||||
|
* coords, obj, coordinates object with properties x1, y1, x2 & y2; for the coordinates of the select area.
|
||||||
|
* dimensions, obj, dimensions object with properities width & height; for the dimensions of the select area.
|
||||||
|
|
||||||
|
An example function which outputs the crop values to form fields:
|
||||||
|
Display code as plain text
|
||||||
|
JavaScript:
|
||||||
|
|
||||||
|
1.
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
2.
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
3.
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
4.
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
5.
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
6.
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
7.
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
8.
|
||||||
|
}
|
||||||
|
|
||||||
|
Basic interface
|
||||||
|
|
||||||
|
This basic example will attach the cropper UI to the test image and return crop results to the provided callback function.
|
||||||
|
Display code as plain text
|
||||||
|
HTML:
|
||||||
|
|
||||||
|
1.
|
||||||
|
<img src="test.jpg" alt="Test image" id="testImage" width="500" height="333" />
|
||||||
|
2.
|
||||||
|
|
||||||
|
3.
|
||||||
|
<script type="text/javascript" language="javascript">
|
||||||
|
4.
|
||||||
|
Event.observe( window, 'load', function() {
|
||||||
|
5.
|
||||||
|
new Cropper.Img(
|
||||||
|
6.
|
||||||
|
'testImage',
|
||||||
|
7.
|
||||||
|
{ onEndCrop: onEndCrop }
|
||||||
|
8.
|
||||||
|
);
|
||||||
|
9.
|
||||||
|
} );
|
||||||
|
10.
|
||||||
|
</script>
|
||||||
|
|
||||||
|
Minimum dimensions
|
||||||
|
|
||||||
|
You can apply minimum dimensions to a single axis or both, this example applies minimum dimensions to both axis.
|
||||||
|
Display code as plain text
|
||||||
|
HTML:
|
||||||
|
|
||||||
|
1.
|
||||||
|
<img src="test.jpg" alt="Test image" id="testImage" width="500" height="333" />
|
||||||
|
2.
|
||||||
|
|
||||||
|
3.
|
||||||
|
<script type="text/javascript" language="javascript">
|
||||||
|
4.
|
||||||
|
Event.observe( window, 'load', function() {
|
||||||
|
5.
|
||||||
|
new Cropper.Img(
|
||||||
|
6.
|
||||||
|
'testImage',
|
||||||
|
7.
|
||||||
|
{
|
||||||
|
8.
|
||||||
|
minWidth: 220,
|
||||||
|
9.
|
||||||
|
minHeight: 120,
|
||||||
|
10.
|
||||||
|
onEndCrop: onEndCrop
|
||||||
|
11.
|
||||||
|
}
|
||||||
|
12.
|
||||||
|
);
|
||||||
|
13.
|
||||||
|
} );
|
||||||
|
14.
|
||||||
|
</script>
|
||||||
|
|
||||||
|
Select area ratio
|
||||||
|
|
||||||
|
You can apply a ratio to the selection area, this example applies a 4:3 ratio to the select area.
|
||||||
|
Display code as plain text
|
||||||
|
HTML:
|
||||||
|
|
||||||
|
1.
|
||||||
|
<img src="test.jpg" alt="Test image" id="testImage" width="500" height="333" />
|
||||||
|
2.
|
||||||
|
|
||||||
|
3.
|
||||||
|
<script type="text/javascript" language="javascript">
|
||||||
|
4.
|
||||||
|
Event.observe( window, 'load', function() {
|
||||||
|
5.
|
||||||
|
new Cropper.Img(
|
||||||
|
6.
|
||||||
|
'testImage',
|
||||||
|
7.
|
||||||
|
{
|
||||||
|
8.
|
||||||
|
ratioDim: {
|
||||||
|
9.
|
||||||
|
x: 220,
|
||||||
|
10.
|
||||||
|
y: 165
|
||||||
|
11.
|
||||||
|
},
|
||||||
|
12.
|
||||||
|
displayOnInit: true,
|
||||||
|
13.
|
||||||
|
onEndCrop: onEndCrop
|
||||||
|
14.
|
||||||
|
}
|
||||||
|
15.
|
||||||
|
);
|
||||||
|
16.
|
||||||
|
} );
|
||||||
|
17.
|
||||||
|
</script>
|
||||||
|
|
||||||
|
With crop preview
|
||||||
|
|
||||||
|
You can display a dynamically prouced preview of the resulting crop by using the ImgWithPreview subclass, a preview can only be displayed when we have a fixed size (set via minWidth & minHeight options). Note that the displayOnInit option is not required as this is the default behaviour when displaying a crop preview.
|
||||||
|
Display code as plain text
|
||||||
|
HTML:
|
||||||
|
|
||||||
|
1.
|
||||||
|
<img src="test.jpg" alt="Test image" id="testImage" width="500" height="333" />
|
||||||
|
2.
|
||||||
|
<div id="previewWrap"></div>
|
||||||
|
3.
|
||||||
|
|
||||||
|
4.
|
||||||
|
<script type="text/javascript" language="javascript">
|
||||||
|
5.
|
||||||
|
Event.observe( window, 'load', function() {
|
||||||
|
6.
|
||||||
|
new Cropper.ImgWithPreview(
|
||||||
|
7.
|
||||||
|
'testImage',
|
||||||
|
8.
|
||||||
|
{
|
||||||
|
9.
|
||||||
|
previewWrap: 'previewWrap',
|
||||||
|
10.
|
||||||
|
minWidth: 120,
|
||||||
|
11.
|
||||||
|
minHeight: 120,
|
||||||
|
12.
|
||||||
|
ratioDim: { x: 200, y: 120 },
|
||||||
|
13.
|
||||||
|
onEndCrop: onEndCrop
|
||||||
|
14.
|
||||||
|
}
|
||||||
|
15.
|
||||||
|
);
|
||||||
|
16.
|
||||||
|
} );
|
||||||
|
17.
|
||||||
|
</script>
|
||||||
|
|
||||||
|
Known Issues
|
||||||
|
|
||||||
|
* Safari animated gifs, only one of each will animate, this seems to be a known Safari issue.
|
||||||
|
* After drawing an area and then clicking to start a new drag in IE 5.5 the rendered height appears as the last height until the user drags, this appears to be the related to another IE error (which has been fixed) where IE does not always redraw the select area properly.
|
||||||
|
* Lack of CSS opacity support in Opera before version 9 mean we disable those style rules, if Opera 8 support is important you & you want the overlay to work then you can use the Opera rules in the CSS to apply a black PNG with 50% alpha transparency to replicate the effect.
|
||||||
|
* Styling & borders on image, any CSS styling applied directly to the image itself (floats, borders, padding, margin, etc.) will cause problems with the cropper. The use of a wrapper element to apply these styles to is recommended.
|
||||||
|
* overflow: auto or overflow: scroll on parent will cause cropper to burst out of parent in IE and Opera when applied (maybe Mac browsers too) I'm not sure why yet.
|
||||||
|
|
||||||
|
If you use CakePHP you will notice that including this in your script will break the CSS layout. This is due to the CSS rule
|
||||||
|
|
||||||
|
form div{
|
||||||
|
vertical-align: text-top;
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-bottom:2em;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
A simple workaround is to add another rule directly after this like so:
|
||||||
|
|
||||||
|
form div.no_cake, form div.no_cake div {
|
||||||
|
margin:0;
|
||||||
|
overflow:hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
and then in your code surround the img tag with a div with the class name of no_cake.
|
||||||
|
|
||||||
|
Cheers
|
||||||
|
|
@ -0,0 +1,182 @@
|
||||||
|
.imgCrop_wrap {
|
||||||
|
/* width: 500px; @done_in_js */
|
||||||
|
/* height: 375px; @done_in_js */
|
||||||
|
position: relative;
|
||||||
|
cursor: crosshair;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
|
||||||
|
.imgCrop_wrap.opera8 .imgCrop_overlay,
|
||||||
|
.imgCrop_wrap.opera8 .imgCrop_clickArea {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
|
||||||
|
.imgCrop_wrap,
|
||||||
|
.imgCrop_wrap * {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_overlay {
|
||||||
|
background-color: #000;
|
||||||
|
opacity: 0.5;
|
||||||
|
filter:alpha(opacity=50);
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_selArea {
|
||||||
|
position: absolute;
|
||||||
|
/* @done_in_js
|
||||||
|
top: 20px;
|
||||||
|
left: 20px;
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
background: transparent url(castle.jpg) no-repeat -210px -110px;
|
||||||
|
*/
|
||||||
|
cursor: move;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
|
||||||
|
.imgCrop_clickArea {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: #FFF;
|
||||||
|
opacity: 0.01;
|
||||||
|
filter:alpha(opacity=01);
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_marqueeHoriz {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background: transparent url(marqueeHoriz.gif) repeat-x 0 0;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_marqueeVert {
|
||||||
|
position: absolute;
|
||||||
|
height: 100%;
|
||||||
|
width: 1px;
|
||||||
|
background: transparent url(marqueeVert.gif) repeat-y 0 0;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* FIX MARCHING ANTS IN IE
|
||||||
|
* As IE <6 tries to load background images we can uncomment the follwoing hack
|
||||||
|
* to remove that issue, not as pretty - but is anything in IE?
|
||||||
|
* And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
|
||||||
|
*
|
||||||
|
* html .imgCrop_marqueeHoriz,
|
||||||
|
* html .imgCrop_marqueeVert {
|
||||||
|
background: transparent;
|
||||||
|
filter: Invert;
|
||||||
|
}
|
||||||
|
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
|
||||||
|
* html .imgCrop_marqueeEast { border-right: 1px dashed #000; }
|
||||||
|
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
|
||||||
|
* html .imgCrop_marqueeWest { border-left: 1px dashed #000; }
|
||||||
|
*/
|
||||||
|
|
||||||
|
.imgCrop_marqueeNorth { top: 0; left: 0; }
|
||||||
|
.imgCrop_marqueeEast { top: 0; right: 0; }
|
||||||
|
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
|
||||||
|
.imgCrop_marqueeWest { top: 0; left: 0; }
|
||||||
|
|
||||||
|
|
||||||
|
.imgCrop_handle {
|
||||||
|
position: absolute;
|
||||||
|
border: 1px solid #333;
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
background: #FFF;
|
||||||
|
opacity: 0.5;
|
||||||
|
filter:alpha(opacity=50);
|
||||||
|
z-index: 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* fix IE 5 box model */
|
||||||
|
* html .imgCrop_handle {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
wid\th: 6px;
|
||||||
|
hei\ght: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleN {
|
||||||
|
top: -3px;
|
||||||
|
left: 0;
|
||||||
|
/* margin-left: 49%; @done_in_js */
|
||||||
|
cursor: n-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleNE {
|
||||||
|
top: -3px;
|
||||||
|
right: -3px;
|
||||||
|
cursor: ne-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleE {
|
||||||
|
top: 0;
|
||||||
|
right: -3px;
|
||||||
|
/* margin-top: 49%; @done_in_js */
|
||||||
|
cursor: e-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleSE {
|
||||||
|
right: -3px;
|
||||||
|
bottom: -3px;
|
||||||
|
cursor: se-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleS {
|
||||||
|
right: 0;
|
||||||
|
bottom: -3px;
|
||||||
|
/* margin-right: 49%; @done_in_js */
|
||||||
|
cursor: s-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleSW {
|
||||||
|
left: -3px;
|
||||||
|
bottom: -3px;
|
||||||
|
cursor: sw-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleW {
|
||||||
|
top: 0;
|
||||||
|
left: -3px;
|
||||||
|
/* margin-top: 49%; @done_in_js */
|
||||||
|
cursor: w-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleNW {
|
||||||
|
top: -3px;
|
||||||
|
left: -3px;
|
||||||
|
cursor: nw-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create an area to click & drag around on as the default browser behaviour is to let you drag the image
|
||||||
|
*/
|
||||||
|
.imgCrop_dragArea {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 200;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_previewWrap {
|
||||||
|
/* width: 200px; @done_in_js */
|
||||||
|
/* height: 200px; @done_in_js */
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_previewWrap img {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,566 @@
|
||||||
|
/**
|
||||||
|
* Copyright (c) 2006, David Spurr (http://www.defusion.org.uk/)
|
||||||
|
* All rights reserved.
|
||||||
|
*
|
||||||
|
* Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
|
||||||
|
*
|
||||||
|
* * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
|
||||||
|
* * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
|
||||||
|
* * Neither the name of the David Spurr nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
|
||||||
|
*
|
||||||
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
|
*
|
||||||
|
* http://www.opensource.org/licenses/bsd-license.php
|
||||||
|
*
|
||||||
|
* See scriptaculous.js for full scriptaculous licence
|
||||||
|
*/
|
||||||
|
|
||||||
|
var CropDraggable=Class.create();
|
||||||
|
Object.extend(Object.extend(CropDraggable.prototype,Draggable.prototype),{initialize:function(_1){
|
||||||
|
this.options=Object.extend({drawMethod:function(){
|
||||||
|
}},arguments[1]||{});
|
||||||
|
this.element=$(_1);
|
||||||
|
this.handle=this.element;
|
||||||
|
this.delta=this.currentDelta();
|
||||||
|
this.dragging=false;
|
||||||
|
this.eventMouseDown=this.initDrag.bindAsEventListener(this);
|
||||||
|
Event.observe(this.handle,"mousedown",this.eventMouseDown);
|
||||||
|
Draggables.register(this);
|
||||||
|
},draw:function(_2){
|
||||||
|
var _3=Position.cumulativeOffset(this.element);
|
||||||
|
var d=this.currentDelta();
|
||||||
|
_3[0]-=d[0];
|
||||||
|
_3[1]-=d[1];
|
||||||
|
var p=[0,1].map(function(i){
|
||||||
|
return (_2[i]-_3[i]-this.offset[i]);
|
||||||
|
}.bind(this));
|
||||||
|
this.options.drawMethod(p);
|
||||||
|
}});
|
||||||
|
var Cropper={};
|
||||||
|
Cropper.Img=Class.create();
|
||||||
|
Cropper.Img.prototype={initialize:function(_7,_8){
|
||||||
|
this.options=Object.extend({ratioDim:{x:0,y:0},minWidth:0,minHeight:0,displayOnInit:false,onEndCrop:Prototype.emptyFunction,captureKeys:true,onloadCoords:null,maxWidth:0,maxHeight:0},_8||{});
|
||||||
|
this.img=$(_7);
|
||||||
|
this.clickCoords={x:0,y:0};
|
||||||
|
this.dragging=false;
|
||||||
|
this.resizing=false;
|
||||||
|
this.isWebKit=/Konqueror|Safari|KHTML/.test(navigator.userAgent);
|
||||||
|
this.isIE=/MSIE/.test(navigator.userAgent);
|
||||||
|
this.isOpera8=/Opera\s[1-8]/.test(navigator.userAgent);
|
||||||
|
this.ratioX=0;
|
||||||
|
this.ratioY=0;
|
||||||
|
this.attached=false;
|
||||||
|
this.fixedWidth=(this.options.maxWidth>0&&(this.options.minWidth>=this.options.maxWidth));
|
||||||
|
this.fixedHeight=(this.options.maxHeight>0&&(this.options.minHeight>=this.options.maxHeight));
|
||||||
|
if(typeof this.img=="undefined"){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
$A(document.getElementsByTagName("script")).each(function(s){
|
||||||
|
if(s.src.match(/cropper\.js/)){
|
||||||
|
var _a=s.src.replace(/cropper\.js(.*)?/,"");
|
||||||
|
var _b=document.createElement("link");
|
||||||
|
_b.rel="stylesheet";
|
||||||
|
_b.type="text/css";
|
||||||
|
_b.href=_a+"cropper.css";
|
||||||
|
_b.media="screen";
|
||||||
|
document.getElementsByTagName("head")[0].appendChild(_b);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if(this.options.ratioDim.x>0&&this.options.ratioDim.y>0){
|
||||||
|
var _c=this.getGCD(this.options.ratioDim.x,this.options.ratioDim.y);
|
||||||
|
this.ratioX=this.options.ratioDim.x/_c;
|
||||||
|
this.ratioY=this.options.ratioDim.y/_c;
|
||||||
|
}
|
||||||
|
this.subInitialize();
|
||||||
|
if(this.img.complete||this.isWebKit){
|
||||||
|
this.onLoad();
|
||||||
|
}else{
|
||||||
|
Event.observe(this.img,"load",this.onLoad.bindAsEventListener(this));
|
||||||
|
}
|
||||||
|
},getGCD:function(a,b){
|
||||||
|
if(b==0){
|
||||||
|
return a;
|
||||||
|
}
|
||||||
|
return this.getGCD(b,a%b);
|
||||||
|
},onLoad:function(){
|
||||||
|
var _f="imgCrop_";
|
||||||
|
var _10=this.img.parentNode;
|
||||||
|
var _11="";
|
||||||
|
if(this.isOpera8){
|
||||||
|
_11=" opera8";
|
||||||
|
}
|
||||||
|
this.imgWrap=Builder.node("div",{"class":_f+"wrap"+_11});
|
||||||
|
this.north=Builder.node("div",{"class":_f+"overlay "+_f+"north"},[Builder.node("span")]);
|
||||||
|
this.east=Builder.node("div",{"class":_f+"overlay "+_f+"east"},[Builder.node("span")]);
|
||||||
|
this.south=Builder.node("div",{"class":_f+"overlay "+_f+"south"},[Builder.node("span")]);
|
||||||
|
this.west=Builder.node("div",{"class":_f+"overlay "+_f+"west"},[Builder.node("span")]);
|
||||||
|
var _12=[this.north,this.east,this.south,this.west];
|
||||||
|
this.dragArea=Builder.node("div",{"class":_f+"dragArea"},_12);
|
||||||
|
this.handleN=Builder.node("div",{"class":_f+"handle "+_f+"handleN"});
|
||||||
|
this.handleNE=Builder.node("div",{"class":_f+"handle "+_f+"handleNE"});
|
||||||
|
this.handleE=Builder.node("div",{"class":_f+"handle "+_f+"handleE"});
|
||||||
|
this.handleSE=Builder.node("div",{"class":_f+"handle "+_f+"handleSE"});
|
||||||
|
this.handleS=Builder.node("div",{"class":_f+"handle "+_f+"handleS"});
|
||||||
|
this.handleSW=Builder.node("div",{"class":_f+"handle "+_f+"handleSW"});
|
||||||
|
this.handleW=Builder.node("div",{"class":_f+"handle "+_f+"handleW"});
|
||||||
|
this.handleNW=Builder.node("div",{"class":_f+"handle "+_f+"handleNW"});
|
||||||
|
this.selArea=Builder.node("div",{"class":_f+"selArea"},[Builder.node("div",{"class":_f+"marqueeHoriz "+_f+"marqueeNorth"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeVert "+_f+"marqueeEast"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeHoriz "+_f+"marqueeSouth"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeVert "+_f+"marqueeWest"},[Builder.node("span")]),this.handleN,this.handleNE,this.handleE,this.handleSE,this.handleS,this.handleSW,this.handleW,this.handleNW,Builder.node("div",{"class":_f+"clickArea"})]);
|
||||||
|
this.imgWrap.appendChild(this.img);
|
||||||
|
this.imgWrap.appendChild(this.dragArea);
|
||||||
|
this.dragArea.appendChild(this.selArea);
|
||||||
|
this.dragArea.appendChild(Builder.node("div",{"class":_f+"clickArea"}));
|
||||||
|
_10.appendChild(this.imgWrap);
|
||||||
|
this.startDragBind=this.startDrag.bindAsEventListener(this);
|
||||||
|
Event.observe(this.dragArea,"mousedown",this.startDragBind);
|
||||||
|
this.onDragBind=this.onDrag.bindAsEventListener(this);
|
||||||
|
Event.observe(document,"mousemove",this.onDragBind);
|
||||||
|
this.endCropBind=this.endCrop.bindAsEventListener(this);
|
||||||
|
Event.observe(document,"mouseup",this.endCropBind);
|
||||||
|
this.resizeBind=this.startResize.bindAsEventListener(this);
|
||||||
|
this.handles=[this.handleN,this.handleNE,this.handleE,this.handleSE,this.handleS,this.handleSW,this.handleW,this.handleNW];
|
||||||
|
this.registerHandles(true);
|
||||||
|
if(this.options.captureKeys){
|
||||||
|
this.keysBind=this.handleKeys.bindAsEventListener(this);
|
||||||
|
Event.observe(document,"keypress",this.keysBind);
|
||||||
|
}
|
||||||
|
new CropDraggable(this.selArea,{drawMethod:this.moveArea.bindAsEventListener(this)});
|
||||||
|
this.setParams();
|
||||||
|
},registerHandles:function(_13){
|
||||||
|
for(var i=0;i<this.handles.length;i++){
|
||||||
|
var _15=$(this.handles[i]);
|
||||||
|
if(_13){
|
||||||
|
var _16=false;
|
||||||
|
if(this.fixedWidth&&this.fixedHeight){
|
||||||
|
_16=true;
|
||||||
|
}else{
|
||||||
|
if(this.fixedWidth||this.fixedHeight){
|
||||||
|
var _17=_15.className.match(/([S|N][E|W])$/);
|
||||||
|
var _18=_15.className.match(/(E|W)$/);
|
||||||
|
var _19=_15.className.match(/(N|S)$/);
|
||||||
|
if(_17){
|
||||||
|
_16=true;
|
||||||
|
}else{
|
||||||
|
if(this.fixedWidth&&_18){
|
||||||
|
_16=true;
|
||||||
|
}else{
|
||||||
|
if(this.fixedHeight&&_19){
|
||||||
|
_16=true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if(_16){
|
||||||
|
_15.hide();
|
||||||
|
}else{
|
||||||
|
Event.observe(_15,"mousedown",this.resizeBind);
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
_15.show();
|
||||||
|
Event.stopObserving(_15,"mousedown",this.resizeBind);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},setParams:function(){
|
||||||
|
this.imgW=this.img.width;
|
||||||
|
this.imgH=this.img.height;
|
||||||
|
$(this.north).setStyle({height:0});
|
||||||
|
$(this.east).setStyle({width:0,height:0});
|
||||||
|
$(this.south).setStyle({height:0});
|
||||||
|
$(this.west).setStyle({width:0,height:0});
|
||||||
|
$(this.imgWrap).setStyle({"width":this.imgW+"px","height":this.imgH+"px"});
|
||||||
|
$(this.selArea).hide();
|
||||||
|
var _1a={x1:0,y1:0,x2:0,y2:0};
|
||||||
|
var _1b=false;
|
||||||
|
if(this.options.onloadCoords!=null){
|
||||||
|
_1a=this.cloneCoords(this.options.onloadCoords);
|
||||||
|
_1b=true;
|
||||||
|
}else{
|
||||||
|
if(this.options.ratioDim.x>0&&this.options.ratioDim.y>0){
|
||||||
|
_1a.x1=Math.ceil((this.imgW-this.options.ratioDim.x)/2);
|
||||||
|
_1a.y1=Math.ceil((this.imgH-this.options.ratioDim.y)/2);
|
||||||
|
_1a.x2=_1a.x1+this.options.ratioDim.x;
|
||||||
|
_1a.y2=_1a.y1+this.options.ratioDim.y;
|
||||||
|
_1b=true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.setAreaCoords(_1a,false,false,1);
|
||||||
|
if(this.options.displayOnInit&&_1b){
|
||||||
|
this.selArea.show();
|
||||||
|
this.drawArea();
|
||||||
|
this.endCrop();
|
||||||
|
}
|
||||||
|
this.attached=true;
|
||||||
|
},remove:function(){
|
||||||
|
if(this.attached){
|
||||||
|
this.attached=false;
|
||||||
|
this.imgWrap.parentNode.insertBefore(this.img,this.imgWrap);
|
||||||
|
this.imgWrap.parentNode.removeChild(this.imgWrap);
|
||||||
|
Event.stopObserving(this.dragArea,"mousedown",this.startDragBind);
|
||||||
|
Event.stopObserving(document,"mousemove",this.onDragBind);
|
||||||
|
Event.stopObserving(document,"mouseup",this.endCropBind);
|
||||||
|
this.registerHandles(false);
|
||||||
|
if(this.options.captureKeys){
|
||||||
|
Event.stopObserving(document,"keypress",this.keysBind);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},reset:function(){
|
||||||
|
if(!this.attached){
|
||||||
|
this.onLoad();
|
||||||
|
}else{
|
||||||
|
this.setParams();
|
||||||
|
}
|
||||||
|
this.endCrop();
|
||||||
|
},handleKeys:function(e){
|
||||||
|
var dir={x:0,y:0};
|
||||||
|
if(!this.dragging){
|
||||||
|
switch(e.keyCode){
|
||||||
|
case (37):
|
||||||
|
dir.x=-1;
|
||||||
|
break;
|
||||||
|
case (38):
|
||||||
|
dir.y=-1;
|
||||||
|
break;
|
||||||
|
case (39):
|
||||||
|
dir.x=1;
|
||||||
|
break;
|
||||||
|
case (40):
|
||||||
|
dir.y=1;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
if(dir.x!=0||dir.y!=0){
|
||||||
|
if(e.shiftKey){
|
||||||
|
dir.x*=10;
|
||||||
|
dir.y*=10;
|
||||||
|
}
|
||||||
|
this.moveArea([this.areaCoords.x1+dir.x,this.areaCoords.y1+dir.y]);
|
||||||
|
Event.stop(e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},calcW:function(){
|
||||||
|
return (this.areaCoords.x2-this.areaCoords.x1);
|
||||||
|
},calcH:function(){
|
||||||
|
return (this.areaCoords.y2-this.areaCoords.y1);
|
||||||
|
},moveArea:function(_1e){
|
||||||
|
this.setAreaCoords({x1:_1e[0],y1:_1e[1],x2:_1e[0]+this.calcW(),y2:_1e[1]+this.calcH()},true,false);
|
||||||
|
this.drawArea();
|
||||||
|
},cloneCoords:function(_1f){
|
||||||
|
return {x1:_1f.x1,y1:_1f.y1,x2:_1f.x2,y2:_1f.y2};
|
||||||
|
},setAreaCoords:function(_20,_21,_22,_23,_24){
|
||||||
|
if(_21){
|
||||||
|
var _25=_20.x2-_20.x1;
|
||||||
|
var _26=_20.y2-_20.y1;
|
||||||
|
if(_20.x1<0){
|
||||||
|
_20.x1=0;
|
||||||
|
_20.x2=_25;
|
||||||
|
}
|
||||||
|
if(_20.y1<0){
|
||||||
|
_20.y1=0;
|
||||||
|
_20.y2=_26;
|
||||||
|
}
|
||||||
|
if(_20.x2>this.imgW){
|
||||||
|
_20.x2=this.imgW;
|
||||||
|
_20.x1=this.imgW-_25;
|
||||||
|
}
|
||||||
|
if(_20.y2>this.imgH){
|
||||||
|
_20.y2=this.imgH;
|
||||||
|
_20.y1=this.imgH-_26;
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
if(_20.x1<0){
|
||||||
|
_20.x1=0;
|
||||||
|
}
|
||||||
|
if(_20.y1<0){
|
||||||
|
_20.y1=0;
|
||||||
|
}
|
||||||
|
if(_20.x2>this.imgW){
|
||||||
|
_20.x2=this.imgW;
|
||||||
|
}
|
||||||
|
if(_20.y2>this.imgH){
|
||||||
|
_20.y2=this.imgH;
|
||||||
|
}
|
||||||
|
if(_23!=null){
|
||||||
|
if(this.ratioX>0){
|
||||||
|
this.applyRatio(_20,{x:this.ratioX,y:this.ratioY},_23,_24);
|
||||||
|
}else{
|
||||||
|
if(_22){
|
||||||
|
this.applyRatio(_20,{x:1,y:1},_23,_24);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var _27=[this.options.minWidth,this.options.minHeight];
|
||||||
|
var _28=[this.options.maxWidth,this.options.maxHeight];
|
||||||
|
if(_27[0]>0||_27[1]>0||_28[0]>0||_28[1]>0){
|
||||||
|
var _29={a1:_20.x1,a2:_20.x2};
|
||||||
|
var _2a={a1:_20.y1,a2:_20.y2};
|
||||||
|
var _2b={min:0,max:this.imgW};
|
||||||
|
var _2c={min:0,max:this.imgH};
|
||||||
|
if((_27[0]!=0||_27[1]!=0)&&_22){
|
||||||
|
if(_27[0]>0){
|
||||||
|
_27[1]=_27[0];
|
||||||
|
}else{
|
||||||
|
if(_27[1]>0){
|
||||||
|
_27[0]=_27[1];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if((_28[0]!=0||_28[0]!=0)&&_22){
|
||||||
|
if(_28[0]>0&&_28[0]<=_28[1]){
|
||||||
|
_28[1]=_28[0];
|
||||||
|
}else{
|
||||||
|
if(_28[1]>0&&_28[1]<=_28[0]){
|
||||||
|
_28[0]=_28[1];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if(_27[0]>0){
|
||||||
|
this.applyDimRestriction(_29,_27[0],_23.x,_2b,"min");
|
||||||
|
}
|
||||||
|
if(_27[1]>1){
|
||||||
|
this.applyDimRestriction(_2a,_27[1],_23.y,_2c,"min");
|
||||||
|
}
|
||||||
|
if(_28[0]>0){
|
||||||
|
this.applyDimRestriction(_29,_28[0],_23.x,_2b,"max");
|
||||||
|
}
|
||||||
|
if(_28[1]>1){
|
||||||
|
this.applyDimRestriction(_2a,_28[1],_23.y,_2c,"max");
|
||||||
|
}
|
||||||
|
_20={x1:_29.a1,y1:_2a.a1,x2:_29.a2,y2:_2a.a2};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.areaCoords=_20;
|
||||||
|
},applyDimRestriction:function(_2d,val,_2f,_30,_31){
|
||||||
|
var _32;
|
||||||
|
if(_31=="min"){
|
||||||
|
_32=((_2d.a2-_2d.a1)<val);
|
||||||
|
}else{
|
||||||
|
_32=((_2d.a2-_2d.a1)>val);
|
||||||
|
}
|
||||||
|
if(_32){
|
||||||
|
if(_2f==1){
|
||||||
|
_2d.a2=_2d.a1+val;
|
||||||
|
}else{
|
||||||
|
_2d.a1=_2d.a2-val;
|
||||||
|
}
|
||||||
|
if(_2d.a1<_30.min){
|
||||||
|
_2d.a1=_30.min;
|
||||||
|
_2d.a2=val;
|
||||||
|
}else{
|
||||||
|
if(_2d.a2>_30.max){
|
||||||
|
_2d.a1=_30.max-val;
|
||||||
|
_2d.a2=_30.max;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},applyRatio:function(_33,_34,_35,_36){
|
||||||
|
var _37;
|
||||||
|
if(_36=="N"||_36=="S"){
|
||||||
|
_37=this.applyRatioToAxis({a1:_33.y1,b1:_33.x1,a2:_33.y2,b2:_33.x2},{a:_34.y,b:_34.x},{a:_35.y,b:_35.x},{min:0,max:this.imgW});
|
||||||
|
_33.x1=_37.b1;
|
||||||
|
_33.y1=_37.a1;
|
||||||
|
_33.x2=_37.b2;
|
||||||
|
_33.y2=_37.a2;
|
||||||
|
}else{
|
||||||
|
_37=this.applyRatioToAxis({a1:_33.x1,b1:_33.y1,a2:_33.x2,b2:_33.y2},{a:_34.x,b:_34.y},{a:_35.x,b:_35.y},{min:0,max:this.imgH});
|
||||||
|
_33.x1=_37.a1;
|
||||||
|
_33.y1=_37.b1;
|
||||||
|
_33.x2=_37.a2;
|
||||||
|
_33.y2=_37.b2;
|
||||||
|
}
|
||||||
|
},applyRatioToAxis:function(_38,_39,_3a,_3b){
|
||||||
|
var _3c=Object.extend(_38,{});
|
||||||
|
var _3d=_3c.a2-_3c.a1;
|
||||||
|
var _3e=Math.floor(_3d*_39.b/_39.a);
|
||||||
|
var _3f;
|
||||||
|
var _40;
|
||||||
|
var _41=null;
|
||||||
|
if(_3a.b==1){
|
||||||
|
_3f=_3c.b1+_3e;
|
||||||
|
if(_3f>_3b.max){
|
||||||
|
_3f=_3b.max;
|
||||||
|
_41=_3f-_3c.b1;
|
||||||
|
}
|
||||||
|
_3c.b2=_3f;
|
||||||
|
}else{
|
||||||
|
_3f=_3c.b2-_3e;
|
||||||
|
if(_3f<_3b.min){
|
||||||
|
_3f=_3b.min;
|
||||||
|
_41=_3f+_3c.b2;
|
||||||
|
}
|
||||||
|
_3c.b1=_3f;
|
||||||
|
}
|
||||||
|
if(_41!=null){
|
||||||
|
_40=Math.floor(_41*_39.a/_39.b);
|
||||||
|
if(_3a.a==1){
|
||||||
|
_3c.a2=_3c.a1+_40;
|
||||||
|
}else{
|
||||||
|
_3c.a1=_3c.a1=_3c.a2-_40;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return _3c;
|
||||||
|
},drawArea:function(){
|
||||||
|
var _42=this.calcW();
|
||||||
|
var _43=this.calcH();
|
||||||
|
var px="px";
|
||||||
|
var _45=[this.areaCoords.x1+px,this.areaCoords.y1+px,_42+px,_43+px,this.areaCoords.x2+px,this.areaCoords.y2+px,(this.img.width-this.areaCoords.x2)+px,(this.img.height-this.areaCoords.y2)+px];
|
||||||
|
var _46=this.selArea.style;
|
||||||
|
_46.left=_45[0];
|
||||||
|
_46.top=_45[1];
|
||||||
|
_46.width=_45[2];
|
||||||
|
_46.height=_45[3];
|
||||||
|
var _47=Math.ceil((_42-6)/2)+px;
|
||||||
|
var _48=Math.ceil((_43-6)/2)+px;
|
||||||
|
this.handleN.style.left=_47;
|
||||||
|
this.handleE.style.top=_48;
|
||||||
|
this.handleS.style.left=_47;
|
||||||
|
this.handleW.style.top=_48;
|
||||||
|
this.north.style.height=_45[1];
|
||||||
|
var _49=this.east.style;
|
||||||
|
_49.top=_45[1];
|
||||||
|
_49.height=_45[3];
|
||||||
|
_49.left=_45[4];
|
||||||
|
_49.width=_45[6];
|
||||||
|
var _4a=this.south.style;
|
||||||
|
_4a.top=_45[5];
|
||||||
|
_4a.height=_45[7];
|
||||||
|
var _4b=this.west.style;
|
||||||
|
_4b.top=_45[1];
|
||||||
|
_4b.height=_45[3];
|
||||||
|
_4b.width=_45[0];
|
||||||
|
this.subDrawArea();
|
||||||
|
this.forceReRender();
|
||||||
|
},forceReRender:function(){
|
||||||
|
if(this.isIE||this.isWebKit){
|
||||||
|
var n=document.createTextNode(" ");
|
||||||
|
var d,el,fixEL,i;
|
||||||
|
if(this.isIE){
|
||||||
|
fixEl=this.selArea;
|
||||||
|
}else{
|
||||||
|
if(this.isWebKit){
|
||||||
|
fixEl=document.getElementsByClassName("imgCrop_marqueeSouth",this.imgWrap)[0];
|
||||||
|
d=Builder.node("div","");
|
||||||
|
d.style.visibility="hidden";
|
||||||
|
var _4e=["SE","S","SW"];
|
||||||
|
for(i=0;i<_4e.length;i++){
|
||||||
|
el=document.getElementsByClassName("imgCrop_handle"+_4e[i],this.selArea)[0];
|
||||||
|
if(el.childNodes.length){
|
||||||
|
el.removeChild(el.childNodes[0]);
|
||||||
|
}
|
||||||
|
el.appendChild(d);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
fixEl.appendChild(n);
|
||||||
|
fixEl.removeChild(n);
|
||||||
|
}
|
||||||
|
},startResize:function(e){
|
||||||
|
this.startCoords=this.cloneCoords(this.areaCoords);
|
||||||
|
this.resizing=true;
|
||||||
|
this.resizeHandle=Event.element(e).classNames().toString().replace(/([^N|NE|E|SE|S|SW|W|NW])+/,"");
|
||||||
|
Event.stop(e);
|
||||||
|
},startDrag:function(e){
|
||||||
|
this.selArea.show();
|
||||||
|
this.clickCoords=this.getCurPos(e);
|
||||||
|
this.setAreaCoords({x1:this.clickCoords.x,y1:this.clickCoords.y,x2:this.clickCoords.x,y2:this.clickCoords.y},false,false,null);
|
||||||
|
this.dragging=true;
|
||||||
|
this.onDrag(e);
|
||||||
|
Event.stop(e);
|
||||||
|
},getCurPos:function(e){
|
||||||
|
var el=this.imgWrap,wrapOffsets=Position.cumulativeOffset(el);
|
||||||
|
while(el.nodeName!="BODY"){
|
||||||
|
wrapOffsets[1]-=el.scrollTop||0;
|
||||||
|
wrapOffsets[0]-=el.scrollLeft||0;
|
||||||
|
el=el.parentNode;
|
||||||
|
}
|
||||||
|
return curPos={x:Event.pointerX(e)-wrapOffsets[0],y:Event.pointerY(e)-wrapOffsets[1]};
|
||||||
|
},onDrag:function(e){
|
||||||
|
if(this.dragging||this.resizing){
|
||||||
|
var _54=null;
|
||||||
|
var _55=this.getCurPos(e);
|
||||||
|
var _56=this.cloneCoords(this.areaCoords);
|
||||||
|
var _57={x:1,y:1};
|
||||||
|
if(this.dragging){
|
||||||
|
if(_55.x<this.clickCoords.x){
|
||||||
|
_57.x=-1;
|
||||||
|
}
|
||||||
|
if(_55.y<this.clickCoords.y){
|
||||||
|
_57.y=-1;
|
||||||
|
}
|
||||||
|
this.transformCoords(_55.x,this.clickCoords.x,_56,"x");
|
||||||
|
this.transformCoords(_55.y,this.clickCoords.y,_56,"y");
|
||||||
|
}else{
|
||||||
|
if(this.resizing){
|
||||||
|
_54=this.resizeHandle;
|
||||||
|
if(_54.match(/E/)){
|
||||||
|
this.transformCoords(_55.x,this.startCoords.x1,_56,"x");
|
||||||
|
if(_55.x<this.startCoords.x1){
|
||||||
|
_57.x=-1;
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
if(_54.match(/W/)){
|
||||||
|
this.transformCoords(_55.x,this.startCoords.x2,_56,"x");
|
||||||
|
if(_55.x<this.startCoords.x2){
|
||||||
|
_57.x=-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if(_54.match(/N/)){
|
||||||
|
this.transformCoords(_55.y,this.startCoords.y2,_56,"y");
|
||||||
|
if(_55.y<this.startCoords.y2){
|
||||||
|
_57.y=-1;
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
if(_54.match(/S/)){
|
||||||
|
this.transformCoords(_55.y,this.startCoords.y1,_56,"y");
|
||||||
|
if(_55.y<this.startCoords.y1){
|
||||||
|
_57.y=-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.setAreaCoords(_56,false,e.shiftKey,_57,_54);
|
||||||
|
this.drawArea();
|
||||||
|
Event.stop(e);
|
||||||
|
}
|
||||||
|
},transformCoords:function(_58,_59,_5a,_5b){
|
||||||
|
var _5c=[_58,_59];
|
||||||
|
if(_58>_59){
|
||||||
|
_5c.reverse();
|
||||||
|
}
|
||||||
|
_5a[_5b+"1"]=_5c[0];
|
||||||
|
_5a[_5b+"2"]=_5c[1];
|
||||||
|
},endCrop:function(){
|
||||||
|
this.dragging=false;
|
||||||
|
this.resizing=false;
|
||||||
|
this.options.onEndCrop(this.areaCoords,{width:this.calcW(),height:this.calcH()});
|
||||||
|
},subInitialize:function(){
|
||||||
|
},subDrawArea:function(){
|
||||||
|
}};
|
||||||
|
Cropper.ImgWithPreview=Class.create();
|
||||||
|
Object.extend(Object.extend(Cropper.ImgWithPreview.prototype,Cropper.Img.prototype),{subInitialize:function(){
|
||||||
|
this.hasPreviewImg=false;
|
||||||
|
if(typeof (this.options.previewWrap)!="undefined"&&this.options.minWidth>0&&this.options.minHeight>0){
|
||||||
|
this.previewWrap=$(this.options.previewWrap);
|
||||||
|
this.previewImg=this.img.cloneNode(false);
|
||||||
|
this.previewImg.id="imgCrop_"+this.previewImg.id;
|
||||||
|
this.options.displayOnInit=true;
|
||||||
|
this.hasPreviewImg=true;
|
||||||
|
this.previewWrap.addClassName("imgCrop_previewWrap");
|
||||||
|
this.previewWrap.setStyle({width:this.options.minWidth+"px",height:this.options.minHeight+"px"});
|
||||||
|
this.previewWrap.appendChild(this.previewImg);
|
||||||
|
}
|
||||||
|
},subDrawArea:function(){
|
||||||
|
if(this.hasPreviewImg){
|
||||||
|
var _5d=this.calcW();
|
||||||
|
var _5e=this.calcH();
|
||||||
|
var _5f={x:this.imgW/_5d,y:this.imgH/_5e};
|
||||||
|
var _60={x:_5d/this.options.minWidth,y:_5e/this.options.minHeight};
|
||||||
|
var _61={w:Math.ceil(this.options.minWidth*_5f.x)+"px",h:Math.ceil(this.options.minHeight*_5f.y)+"px",x:"-"+Math.ceil(this.areaCoords.x1/_60.x)+"px",y:"-"+Math.ceil(this.areaCoords.y1/_60.y)+"px"};
|
||||||
|
var _62=this.previewImg.style;
|
||||||
|
_62.width=_61.w;
|
||||||
|
_62.height=_61.h;
|
||||||
|
_62.left=_61.x;
|
||||||
|
_62.top=_61.y;
|
||||||
|
}
|
||||||
|
}});
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,101 @@
|
||||||
|
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||||
|
//
|
||||||
|
// See scriptaculous.js for full license.
|
||||||
|
|
||||||
|
var Builder = {
|
||||||
|
NODEMAP: {
|
||||||
|
AREA: 'map',
|
||||||
|
CAPTION: 'table',
|
||||||
|
COL: 'table',
|
||||||
|
COLGROUP: 'table',
|
||||||
|
LEGEND: 'fieldset',
|
||||||
|
OPTGROUP: 'select',
|
||||||
|
OPTION: 'select',
|
||||||
|
PARAM: 'object',
|
||||||
|
TBODY: 'table',
|
||||||
|
TD: 'table',
|
||||||
|
TFOOT: 'table',
|
||||||
|
TH: 'table',
|
||||||
|
THEAD: 'table',
|
||||||
|
TR: 'table'
|
||||||
|
},
|
||||||
|
// note: For Firefox < 1.5, OPTION and OPTGROUP tags are currently broken,
|
||||||
|
// due to a Firefox bug
|
||||||
|
node: function(elementName) {
|
||||||
|
elementName = elementName.toUpperCase();
|
||||||
|
|
||||||
|
// try innerHTML approach
|
||||||
|
var parentTag = this.NODEMAP[elementName] || 'div';
|
||||||
|
var parentElement = document.createElement(parentTag);
|
||||||
|
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
|
||||||
|
parentElement.innerHTML = "<" + elementName + "></" + elementName + ">";
|
||||||
|
} catch(e) {}
|
||||||
|
var element = parentElement.firstChild || null;
|
||||||
|
|
||||||
|
// see if browser added wrapping tags
|
||||||
|
if(element && (element.tagName != elementName))
|
||||||
|
element = element.getElementsByTagName(elementName)[0];
|
||||||
|
|
||||||
|
// fallback to createElement approach
|
||||||
|
if(!element) element = document.createElement(elementName);
|
||||||
|
|
||||||
|
// abort if nothing could be created
|
||||||
|
if(!element) return;
|
||||||
|
|
||||||
|
// attributes (or text)
|
||||||
|
if(arguments[1])
|
||||||
|
if(this._isStringOrNumber(arguments[1]) ||
|
||||||
|
(arguments[1] instanceof Array)) {
|
||||||
|
this._children(element, arguments[1]);
|
||||||
|
} else {
|
||||||
|
var attrs = this._attributes(arguments[1]);
|
||||||
|
if(attrs.length) {
|
||||||
|
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
|
||||||
|
parentElement.innerHTML = "<" +elementName + " " +
|
||||||
|
attrs + "></" + elementName + ">";
|
||||||
|
} catch(e) {}
|
||||||
|
element = parentElement.firstChild || null;
|
||||||
|
// workaround firefox 1.0.X bug
|
||||||
|
if(!element) {
|
||||||
|
element = document.createElement(elementName);
|
||||||
|
for(attr in arguments[1])
|
||||||
|
element[attr == 'class' ? 'className' : attr] = arguments[1][attr];
|
||||||
|
}
|
||||||
|
if(element.tagName != elementName)
|
||||||
|
element = parentElement.getElementsByTagName(elementName)[0];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// text, or array of children
|
||||||
|
if(arguments[2])
|
||||||
|
this._children(element, arguments[2]);
|
||||||
|
|
||||||
|
return element;
|
||||||
|
},
|
||||||
|
_text: function(text) {
|
||||||
|
return document.createTextNode(text);
|
||||||
|
},
|
||||||
|
_attributes: function(attributes) {
|
||||||
|
var attrs = [];
|
||||||
|
for(attribute in attributes)
|
||||||
|
attrs.push((attribute=='className' ? 'class' : attribute) +
|
||||||
|
'="' + attributes[attribute].toString().escapeHTML() + '"');
|
||||||
|
return attrs.join(" ");
|
||||||
|
},
|
||||||
|
_children: function(element, children) {
|
||||||
|
if(typeof children=='object') { // array can hold nodes and text
|
||||||
|
children.flatten().each( function(e) {
|
||||||
|
if(typeof e=='object')
|
||||||
|
element.appendChild(e)
|
||||||
|
else
|
||||||
|
if(Builder._isStringOrNumber(e))
|
||||||
|
element.appendChild(Builder._text(e));
|
||||||
|
});
|
||||||
|
} else
|
||||||
|
if(Builder._isStringOrNumber(children))
|
||||||
|
element.appendChild(Builder._text(children));
|
||||||
|
},
|
||||||
|
_isStringOrNumber: function(param) {
|
||||||
|
return(typeof param=='string' || typeof param=='number');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,815 @@
|
||||||
|
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||||
|
// (c) 2005 Ivan Krstic (http://blogs.law.harvard.edu/ivan)
|
||||||
|
// (c) 2005 Jon Tirsen (http://www.tirsen.com)
|
||||||
|
// Contributors:
|
||||||
|
// Richard Livsey
|
||||||
|
// Rahul Bhargava
|
||||||
|
// Rob Wills
|
||||||
|
//
|
||||||
|
// See scriptaculous.js for full license.
|
||||||
|
|
||||||
|
// Autocompleter.Base handles all the autocompletion functionality
|
||||||
|
// that's independent of the data source for autocompletion. This
|
||||||
|
// includes drawing the autocompletion menu, observing keyboard
|
||||||
|
// and mouse events, and similar.
|
||||||
|
//
|
||||||
|
// Specific autocompleters need to provide, at the very least,
|
||||||
|
// a getUpdatedChoices function that will be invoked every time
|
||||||
|
// the text inside the monitored textbox changes. This method
|
||||||
|
// should get the text for which to provide autocompletion by
|
||||||
|
// invoking this.getToken(), NOT by directly accessing
|
||||||
|
// this.element.value. This is to allow incremental tokenized
|
||||||
|
// autocompletion. Specific auto-completion logic (AJAX, etc)
|
||||||
|
// belongs in getUpdatedChoices.
|
||||||
|
//
|
||||||
|
// Tokenized incremental autocompletion is enabled automatically
|
||||||
|
// when an autocompleter is instantiated with the 'tokens' option
|
||||||
|
// in the options parameter, e.g.:
|
||||||
|
// new Ajax.Autocompleter('id','upd', '/url/', { tokens: ',' });
|
||||||
|
// will incrementally autocomplete with a comma as the token.
|
||||||
|
// Additionally, ',' in the above example can be replaced with
|
||||||
|
// a token array, e.g. { tokens: [',', '\n'] } which
|
||||||
|
// enables autocompletion on multiple tokens. This is most
|
||||||
|
// useful when one of the tokens is \n (a newline), as it
|
||||||
|
// allows smart autocompletion after linebreaks.
|
||||||
|
|
||||||
|
var Autocompleter = {}
|
||||||
|
Autocompleter.Base = function() {};
|
||||||
|
Autocompleter.Base.prototype = {
|
||||||
|
baseInitialize: function(element, update, options) {
|
||||||
|
this.element = $(element);
|
||||||
|
this.update = $(update);
|
||||||
|
this.hasFocus = false;
|
||||||
|
this.changed = false;
|
||||||
|
this.active = false;
|
||||||
|
this.index = 0;
|
||||||
|
this.entryCount = 0;
|
||||||
|
|
||||||
|
if (this.setOptions)
|
||||||
|
this.setOptions(options);
|
||||||
|
else
|
||||||
|
this.options = options || {};
|
||||||
|
|
||||||
|
this.options.paramName = this.options.paramName || this.element.name;
|
||||||
|
this.options.tokens = this.options.tokens || [];
|
||||||
|
this.options.frequency = this.options.frequency || 0.4;
|
||||||
|
this.options.minChars = this.options.minChars || 1;
|
||||||
|
this.options.onShow = this.options.onShow ||
|
||||||
|
function(element, update){
|
||||||
|
if(!update.style.position || update.style.position=='absolute') {
|
||||||
|
update.style.position = 'absolute';
|
||||||
|
Position.clone(element, update, {setHeight: false, offsetTop: element.offsetHeight});
|
||||||
|
}
|
||||||
|
Effect.Appear(update,{duration:0.15});
|
||||||
|
};
|
||||||
|
this.options.onHide = this.options.onHide ||
|
||||||
|
function(element, update){ new Effect.Fade(update,{duration:0.15}) };
|
||||||
|
|
||||||
|
if (typeof(this.options.tokens) == 'string')
|
||||||
|
this.options.tokens = new Array(this.options.tokens);
|
||||||
|
|
||||||
|
this.observer = null;
|
||||||
|
|
||||||
|
this.element.setAttribute('autocomplete','off');
|
||||||
|
|
||||||
|
Element.hide(this.update);
|
||||||
|
|
||||||
|
Event.observe(this.element, "blur", this.onBlur.bindAsEventListener(this));
|
||||||
|
Event.observe(this.element, "keypress", this.onKeyPress.bindAsEventListener(this));
|
||||||
|
},
|
||||||
|
|
||||||
|
show: function() {
|
||||||
|
if(Element.getStyle(this.update, 'display')=='none') this.options.onShow(this.element, this.update);
|
||||||
|
if(!this.iefix &&
|
||||||
|
(navigator.appVersion.indexOf('MSIE')>0) &&
|
||||||
|
(navigator.userAgent.indexOf('Opera')<0) &&
|
||||||
|
(Element.getStyle(this.update, 'position')=='absolute')) {
|
||||||
|
new Insertion.After(this.update,
|
||||||
|
'<iframe id="' + this.update.id + '_iefix" '+
|
||||||
|
'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' +
|
||||||
|
'src="javascript:false;" frameborder="0" scrolling="no"></iframe>');
|
||||||
|
this.iefix = $(this.update.id+'_iefix');
|
||||||
|
}
|
||||||
|
if(this.iefix) setTimeout(this.fixIEOverlapping.bind(this), 50);
|
||||||
|
},
|
||||||
|
|
||||||
|
fixIEOverlapping: function() {
|
||||||
|
Position.clone(this.update, this.iefix);
|
||||||
|
this.iefix.style.zIndex = 1;
|
||||||
|
this.update.style.zIndex = 2;
|
||||||
|
Element.show(this.iefix);
|
||||||
|
},
|
||||||
|
|
||||||
|
hide: function() {
|
||||||
|
this.stopIndicator();
|
||||||
|
if(Element.getStyle(this.update, 'display')!='none') this.options.onHide(this.element, this.update);
|
||||||
|
if(this.iefix) Element.hide(this.iefix);
|
||||||
|
},
|
||||||
|
|
||||||
|
startIndicator: function() {
|
||||||
|
if(this.options.indicator) Element.show(this.options.indicator);
|
||||||
|
},
|
||||||
|
|
||||||
|
stopIndicator: function() {
|
||||||
|
if(this.options.indicator) Element.hide(this.options.indicator);
|
||||||
|
},
|
||||||
|
|
||||||
|
onKeyPress: function(event) {
|
||||||
|
if(this.active)
|
||||||
|
switch(event.keyCode) {
|
||||||
|
case Event.KEY_TAB:
|
||||||
|
case Event.KEY_RETURN:
|
||||||
|
this.selectEntry();
|
||||||
|
Event.stop(event);
|
||||||
|
case Event.KEY_ESC:
|
||||||
|
this.hide();
|
||||||
|
this.active = false;
|
||||||
|
Event.stop(event);
|
||||||
|
return;
|
||||||
|
case Event.KEY_LEFT:
|
||||||
|
case Event.KEY_RIGHT:
|
||||||
|
return;
|
||||||
|
case Event.KEY_UP:
|
||||||
|
this.markPrevious();
|
||||||
|
this.render();
|
||||||
|
if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
|
||||||
|
return;
|
||||||
|
case Event.KEY_DOWN:
|
||||||
|
this.markNext();
|
||||||
|
this.render();
|
||||||
|
if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN ||
|
||||||
|
(navigator.appVersion.indexOf('AppleWebKit') > 0 && event.keyCode == 0)) return;
|
||||||
|
|
||||||
|
this.changed = true;
|
||||||
|
this.hasFocus = true;
|
||||||
|
|
||||||
|
if(this.observer) clearTimeout(this.observer);
|
||||||
|
this.observer =
|
||||||
|
setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000);
|
||||||
|
},
|
||||||
|
|
||||||
|
activate: function() {
|
||||||
|
this.changed = false;
|
||||||
|
this.hasFocus = true;
|
||||||
|
this.getUpdatedChoices();
|
||||||
|
},
|
||||||
|
|
||||||
|
onHover: function(event) {
|
||||||
|
var element = Event.findElement(event, 'LI');
|
||||||
|
if(this.index != element.autocompleteIndex)
|
||||||
|
{
|
||||||
|
this.index = element.autocompleteIndex;
|
||||||
|
this.render();
|
||||||
|
}
|
||||||
|
Event.stop(event);
|
||||||
|
},
|
||||||
|
|
||||||
|
onClick: function(event) {
|
||||||
|
var element = Event.findElement(event, 'LI');
|
||||||
|
this.index = element.autocompleteIndex;
|
||||||
|
this.selectEntry();
|
||||||
|
this.hide();
|
||||||
|
},
|
||||||
|
|
||||||
|
onBlur: function(event) {
|
||||||
|
// needed to make click events working
|
||||||
|
setTimeout(this.hide.bind(this), 250);
|
||||||
|
this.hasFocus = false;
|
||||||
|
this.active = false;
|
||||||
|
},
|
||||||
|
|
||||||
|
render: function() {
|
||||||
|
if(this.entryCount > 0) {
|
||||||
|
for (var i = 0; i < this.entryCount; i++)
|
||||||
|
this.index==i ?
|
||||||
|
Element.addClassName(this.getEntry(i),"selected") :
|
||||||
|
Element.removeClassName(this.getEntry(i),"selected");
|
||||||
|
|
||||||
|
if(this.hasFocus) {
|
||||||
|
this.show();
|
||||||
|
this.active = true;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.active = false;
|
||||||
|
this.hide();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
markPrevious: function() {
|
||||||
|
if(this.index > 0) this.index--
|
||||||
|
else this.index = this.entryCount-1;
|
||||||
|
},
|
||||||
|
|
||||||
|
markNext: function() {
|
||||||
|
if(this.index < this.entryCount-1) this.index++
|
||||||
|
else this.index = 0;
|
||||||
|
},
|
||||||
|
|
||||||
|
getEntry: function(index) {
|
||||||
|
return this.update.firstChild.childNodes[index];
|
||||||
|
},
|
||||||
|
|
||||||
|
getCurrentEntry: function() {
|
||||||
|
return this.getEntry(this.index);
|
||||||
|
},
|
||||||
|
|
||||||
|
selectEntry: function() {
|
||||||
|
this.active = false;
|
||||||
|
this.updateElement(this.getCurrentEntry());
|
||||||
|
},
|
||||||
|
|
||||||
|
updateElement: function(selectedElement) {
|
||||||
|
if (this.options.updateElement) {
|
||||||
|
this.options.updateElement(selectedElement);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var value = '';
|
||||||
|
if (this.options.select) {
|
||||||
|
var nodes = document.getElementsByClassName(this.options.select, selectedElement) || [];
|
||||||
|
if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select);
|
||||||
|
} else
|
||||||
|
value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal');
|
||||||
|
|
||||||
|
var lastTokenPos = this.findLastToken();
|
||||||
|
if (lastTokenPos != -1) {
|
||||||
|
var newValue = this.element.value.substr(0, lastTokenPos + 1);
|
||||||
|
var whitespace = this.element.value.substr(lastTokenPos + 1).match(/^\s+/);
|
||||||
|
if (whitespace)
|
||||||
|
newValue += whitespace[0];
|
||||||
|
this.element.value = newValue + value;
|
||||||
|
} else {
|
||||||
|
this.element.value = value;
|
||||||
|
}
|
||||||
|
this.element.focus();
|
||||||
|
|
||||||
|
if (this.options.afterUpdateElement)
|
||||||
|
this.options.afterUpdateElement(this.element, selectedElement);
|
||||||
|
},
|
||||||
|
|
||||||
|
updateChoices: function(choices) {
|
||||||
|
if(!this.changed && this.hasFocus) {
|
||||||
|
this.update.innerHTML = choices;
|
||||||
|
Element.cleanWhitespace(this.update);
|
||||||
|
Element.cleanWhitespace(this.update.firstChild);
|
||||||
|
|
||||||
|
if(this.update.firstChild && this.update.firstChild.childNodes) {
|
||||||
|
this.entryCount =
|
||||||
|
this.update.firstChild.childNodes.length;
|
||||||
|
for (var i = 0; i < this.entryCount; i++) {
|
||||||
|
var entry = this.getEntry(i);
|
||||||
|
entry.autocompleteIndex = i;
|
||||||
|
this.addObservers(entry);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.entryCount = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.stopIndicator();
|
||||||
|
|
||||||
|
this.index = 0;
|
||||||
|
this.render();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
addObservers: function(element) {
|
||||||
|
Event.observe(element, "mouseover", this.onHover.bindAsEventListener(this));
|
||||||
|
Event.observe(element, "click", this.onClick.bindAsEventListener(this));
|
||||||
|
},
|
||||||
|
|
||||||
|
onObserverEvent: function() {
|
||||||
|
this.changed = false;
|
||||||
|
if(this.getToken().length>=this.options.minChars) {
|
||||||
|
this.startIndicator();
|
||||||
|
this.getUpdatedChoices();
|
||||||
|
} else {
|
||||||
|
this.active = false;
|
||||||
|
this.hide();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
getToken: function() {
|
||||||
|
var tokenPos = this.findLastToken();
|
||||||
|
if (tokenPos != -1)
|
||||||
|
var ret = this.element.value.substr(tokenPos + 1).replace(/^\s+/,'').replace(/\s+$/,'');
|
||||||
|
else
|
||||||
|
var ret = this.element.value;
|
||||||
|
|
||||||
|
return /\n/.test(ret) ? '' : ret;
|
||||||
|
},
|
||||||
|
|
||||||
|
findLastToken: function() {
|
||||||
|
var lastTokenPos = -1;
|
||||||
|
|
||||||
|
for (var i=0; i<this.options.tokens.length; i++) {
|
||||||
|
var thisTokenPos = this.element.value.lastIndexOf(this.options.tokens[i]);
|
||||||
|
if (thisTokenPos > lastTokenPos)
|
||||||
|
lastTokenPos = thisTokenPos;
|
||||||
|
}
|
||||||
|
return lastTokenPos;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Ajax.Autocompleter = Class.create();
|
||||||
|
Object.extend(Object.extend(Ajax.Autocompleter.prototype, Autocompleter.Base.prototype), {
|
||||||
|
initialize: function(element, update, url, options) {
|
||||||
|
this.baseInitialize(element, update, options);
|
||||||
|
this.options.asynchronous = true;
|
||||||
|
this.options.onComplete = this.onComplete.bind(this);
|
||||||
|
this.options.defaultParams = this.options.parameters || null;
|
||||||
|
this.url = url;
|
||||||
|
},
|
||||||
|
|
||||||
|
getUpdatedChoices: function() {
|
||||||
|
entry = encodeURIComponent(this.options.paramName) + '=' +
|
||||||
|
encodeURIComponent(this.getToken());
|
||||||
|
|
||||||
|
this.options.parameters = this.options.callback ?
|
||||||
|
this.options.callback(this.element, entry) : entry;
|
||||||
|
|
||||||
|
if(this.options.defaultParams)
|
||||||
|
this.options.parameters += '&' + this.options.defaultParams;
|
||||||
|
|
||||||
|
new Ajax.Request(this.url, this.options);
|
||||||
|
},
|
||||||
|
|
||||||
|
onComplete: function(request) {
|
||||||
|
this.updateChoices(request.responseText);
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
// The local array autocompleter. Used when you'd prefer to
|
||||||
|
// inject an array of autocompletion options into the page, rather
|
||||||
|
// than sending out Ajax queries, which can be quite slow sometimes.
|
||||||
|
//
|
||||||
|
// The constructor takes four parameters. The first two are, as usual,
|
||||||
|
// the id of the monitored textbox, and id of the autocompletion menu.
|
||||||
|
// The third is the array you want to autocomplete from, and the fourth
|
||||||
|
// is the options block.
|
||||||
|
//
|
||||||
|
// Extra local autocompletion options:
|
||||||
|
// - choices - How many autocompletion choices to offer
|
||||||
|
//
|
||||||
|
// - partialSearch - If false, the autocompleter will match entered
|
||||||
|
// text only at the beginning of strings in the
|
||||||
|
// autocomplete array. Defaults to true, which will
|
||||||
|
// match text at the beginning of any *word* in the
|
||||||
|
// strings in the autocomplete array. If you want to
|
||||||
|
// search anywhere in the string, additionally set
|
||||||
|
// the option fullSearch to true (default: off).
|
||||||
|
//
|
||||||
|
// - fullSsearch - Search anywhere in autocomplete array strings.
|
||||||
|
//
|
||||||
|
// - partialChars - How many characters to enter before triggering
|
||||||
|
// a partial match (unlike minChars, which defines
|
||||||
|
// how many characters are required to do any match
|
||||||
|
// at all). Defaults to 2.
|
||||||
|
//
|
||||||
|
// - ignoreCase - Whether to ignore case when autocompleting.
|
||||||
|
// Defaults to true.
|
||||||
|
//
|
||||||
|
// It's possible to pass in a custom function as the 'selector'
|
||||||
|
// option, if you prefer to write your own autocompletion logic.
|
||||||
|
// In that case, the other options above will not apply unless
|
||||||
|
// you support them.
|
||||||
|
|
||||||
|
Autocompleter.Local = Class.create();
|
||||||
|
Autocompleter.Local.prototype = Object.extend(new Autocompleter.Base(), {
|
||||||
|
initialize: function(element, update, array, options) {
|
||||||
|
this.baseInitialize(element, update, options);
|
||||||
|
this.options.array = array;
|
||||||
|
},
|
||||||
|
|
||||||
|
getUpdatedChoices: function() {
|
||||||
|
this.updateChoices(this.options.selector(this));
|
||||||
|
},
|
||||||
|
|
||||||
|
setOptions: function(options) {
|
||||||
|
this.options = Object.extend({
|
||||||
|
choices: 10,
|
||||||
|
partialSearch: true,
|
||||||
|
partialChars: 2,
|
||||||
|
ignoreCase: true,
|
||||||
|
fullSearch: false,
|
||||||
|
selector: function(instance) {
|
||||||
|
var ret = []; // Beginning matches
|
||||||
|
var partial = []; // Inside matches
|
||||||
|
var entry = instance.getToken();
|
||||||
|
var count = 0;
|
||||||
|
|
||||||
|
for (var i = 0; i < instance.options.array.length &&
|
||||||
|
ret.length < instance.options.choices ; i++) {
|
||||||
|
|
||||||
|
var elem = instance.options.array[i];
|
||||||
|
var foundPos = instance.options.ignoreCase ?
|
||||||
|
elem.toLowerCase().indexOf(entry.toLowerCase()) :
|
||||||
|
elem.indexOf(entry);
|
||||||
|
|
||||||
|
while (foundPos != -1) {
|
||||||
|
if (foundPos == 0 && elem.length != entry.length) {
|
||||||
|
ret.push("<li><strong>" + elem.substr(0, entry.length) + "</strong>" +
|
||||||
|
elem.substr(entry.length) + "</li>");
|
||||||
|
break;
|
||||||
|
} else if (entry.length >= instance.options.partialChars &&
|
||||||
|
instance.options.partialSearch && foundPos != -1) {
|
||||||
|
if (instance.options.fullSearch || /\s/.test(elem.substr(foundPos-1,1))) {
|
||||||
|
partial.push("<li>" + elem.substr(0, foundPos) + "<strong>" +
|
||||||
|
elem.substr(foundPos, entry.length) + "</strong>" + elem.substr(
|
||||||
|
foundPos + entry.length) + "</li>");
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
foundPos = instance.options.ignoreCase ?
|
||||||
|
elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) :
|
||||||
|
elem.indexOf(entry, foundPos + 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (partial.length)
|
||||||
|
ret = ret.concat(partial.slice(0, instance.options.choices - ret.length))
|
||||||
|
return "<ul>" + ret.join('') + "</ul>";
|
||||||
|
}
|
||||||
|
}, options || {});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// AJAX in-place editor
|
||||||
|
//
|
||||||
|
// see documentation on http://wiki.script.aculo.us/scriptaculous/show/Ajax.InPlaceEditor
|
||||||
|
|
||||||
|
// Use this if you notice weird scrolling problems on some browsers,
|
||||||
|
// the DOM might be a bit confused when this gets called so do this
|
||||||
|
// waits 1 ms (with setTimeout) until it does the activation
|
||||||
|
Field.scrollFreeActivate = function(field) {
|
||||||
|
setTimeout(function() {
|
||||||
|
Field.activate(field);
|
||||||
|
}, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
Ajax.InPlaceEditor = Class.create();
|
||||||
|
Ajax.InPlaceEditor.defaultHighlightColor = "#FFFF99";
|
||||||
|
Ajax.InPlaceEditor.prototype = {
|
||||||
|
initialize: function(element, url, options) {
|
||||||
|
this.url = url;
|
||||||
|
this.element = $(element);
|
||||||
|
|
||||||
|
this.options = Object.extend({
|
||||||
|
okButton: true,
|
||||||
|
okText: "ok",
|
||||||
|
cancelLink: true,
|
||||||
|
cancelText: "cancel",
|
||||||
|
savingText: "Saving...",
|
||||||
|
clickToEditText: "Click to edit",
|
||||||
|
okText: "ok",
|
||||||
|
rows: 1,
|
||||||
|
onComplete: function(transport, element) {
|
||||||
|
new Effect.Highlight(element, {startcolor: this.options.highlightcolor});
|
||||||
|
},
|
||||||
|
onFailure: function(transport) {
|
||||||
|
alert("Error communicating with the server: " + transport.responseText.stripTags());
|
||||||
|
},
|
||||||
|
callback: function(form) {
|
||||||
|
return Form.serialize(form);
|
||||||
|
},
|
||||||
|
handleLineBreaks: true,
|
||||||
|
loadingText: 'Loading...',
|
||||||
|
savingClassName: 'inplaceeditor-saving',
|
||||||
|
loadingClassName: 'inplaceeditor-loading',
|
||||||
|
formClassName: 'inplaceeditor-form',
|
||||||
|
highlightcolor: Ajax.InPlaceEditor.defaultHighlightColor,
|
||||||
|
highlightendcolor: "#FFFFFF",
|
||||||
|
externalControl: null,
|
||||||
|
submitOnBlur: false,
|
||||||
|
ajaxOptions: {},
|
||||||
|
evalScripts: false
|
||||||
|
}, options || {});
|
||||||
|
|
||||||
|
if(!this.options.formId && this.element.id) {
|
||||||
|
this.options.formId = this.element.id + "-inplaceeditor";
|
||||||
|
if ($(this.options.formId)) {
|
||||||
|
// there's already a form with that name, don't specify an id
|
||||||
|
this.options.formId = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.options.externalControl) {
|
||||||
|
this.options.externalControl = $(this.options.externalControl);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.originalBackground = Element.getStyle(this.element, 'background-color');
|
||||||
|
if (!this.originalBackground) {
|
||||||
|
this.originalBackground = "transparent";
|
||||||
|
}
|
||||||
|
|
||||||
|
this.element.title = this.options.clickToEditText;
|
||||||
|
|
||||||
|
this.onclickListener = this.enterEditMode.bindAsEventListener(this);
|
||||||
|
this.mouseoverListener = this.enterHover.bindAsEventListener(this);
|
||||||
|
this.mouseoutListener = this.leaveHover.bindAsEventListener(this);
|
||||||
|
Event.observe(this.element, 'click', this.onclickListener);
|
||||||
|
Event.observe(this.element, 'mouseover', this.mouseoverListener);
|
||||||
|
Event.observe(this.element, 'mouseout', this.mouseoutListener);
|
||||||
|
if (this.options.externalControl) {
|
||||||
|
Event.observe(this.options.externalControl, 'click', this.onclickListener);
|
||||||
|
Event.observe(this.options.externalControl, 'mouseover', this.mouseoverListener);
|
||||||
|
Event.observe(this.options.externalControl, 'mouseout', this.mouseoutListener);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
enterEditMode: function(evt) {
|
||||||
|
if (this.saving) return;
|
||||||
|
if (this.editing) return;
|
||||||
|
this.editing = true;
|
||||||
|
this.onEnterEditMode();
|
||||||
|
if (this.options.externalControl) {
|
||||||
|
Element.hide(this.options.externalControl);
|
||||||
|
}
|
||||||
|
Element.hide(this.element);
|
||||||
|
this.createForm();
|
||||||
|
this.element.parentNode.insertBefore(this.form, this.element);
|
||||||
|
Field.scrollFreeActivate(this.editField);
|
||||||
|
// stop the event to avoid a page refresh in Safari
|
||||||
|
if (evt) {
|
||||||
|
Event.stop(evt);
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
createForm: function() {
|
||||||
|
this.form = document.createElement("form");
|
||||||
|
this.form.id = this.options.formId;
|
||||||
|
Element.addClassName(this.form, this.options.formClassName)
|
||||||
|
this.form.onsubmit = this.onSubmit.bind(this);
|
||||||
|
|
||||||
|
this.createEditField();
|
||||||
|
|
||||||
|
if (this.options.textarea) {
|
||||||
|
var br = document.createElement("br");
|
||||||
|
this.form.appendChild(br);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.options.okButton) {
|
||||||
|
okButton = document.createElement("input");
|
||||||
|
okButton.type = "submit";
|
||||||
|
okButton.value = this.options.okText;
|
||||||
|
okButton.className = 'editor_ok_button';
|
||||||
|
this.form.appendChild(okButton);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.options.cancelLink) {
|
||||||
|
cancelLink = document.createElement("a");
|
||||||
|
cancelLink.href = "#";
|
||||||
|
cancelLink.appendChild(document.createTextNode(this.options.cancelText));
|
||||||
|
cancelLink.onclick = this.onclickCancel.bind(this);
|
||||||
|
cancelLink.className = 'editor_cancel';
|
||||||
|
this.form.appendChild(cancelLink);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
hasHTMLLineBreaks: function(string) {
|
||||||
|
if (!this.options.handleLineBreaks) return false;
|
||||||
|
return string.match(/<br/i) || string.match(/<p>/i);
|
||||||
|
},
|
||||||
|
convertHTMLLineBreaks: function(string) {
|
||||||
|
return string.replace(/<br>/gi, "\n").replace(/<br\/>/gi, "\n").replace(/<\/p>/gi, "\n").replace(/<p>/gi, "");
|
||||||
|
},
|
||||||
|
createEditField: function() {
|
||||||
|
var text;
|
||||||
|
if(this.options.loadTextURL) {
|
||||||
|
text = this.options.loadingText;
|
||||||
|
} else {
|
||||||
|
text = this.getText();
|
||||||
|
}
|
||||||
|
|
||||||
|
var obj = this;
|
||||||
|
|
||||||
|
if (this.options.rows == 1 && !this.hasHTMLLineBreaks(text)) {
|
||||||
|
this.options.textarea = false;
|
||||||
|
var textField = document.createElement("input");
|
||||||
|
textField.obj = this;
|
||||||
|
textField.type = "text";
|
||||||
|
textField.name = "value";
|
||||||
|
textField.value = text;
|
||||||
|
textField.style.backgroundColor = this.options.highlightcolor;
|
||||||
|
textField.className = 'editor_field';
|
||||||
|
var size = this.options.size || this.options.cols || 0;
|
||||||
|
if (size != 0) textField.size = size;
|
||||||
|
if (this.options.submitOnBlur)
|
||||||
|
textField.onblur = this.onSubmit.bind(this);
|
||||||
|
this.editField = textField;
|
||||||
|
} else {
|
||||||
|
this.options.textarea = true;
|
||||||
|
var textArea = document.createElement("textarea");
|
||||||
|
textArea.obj = this;
|
||||||
|
textArea.name = "value";
|
||||||
|
textArea.value = this.convertHTMLLineBreaks(text);
|
||||||
|
textArea.rows = this.options.rows;
|
||||||
|
textArea.cols = this.options.cols || 40;
|
||||||
|
textArea.className = 'editor_field';
|
||||||
|
if (this.options.submitOnBlur)
|
||||||
|
textArea.onblur = this.onSubmit.bind(this);
|
||||||
|
this.editField = textArea;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(this.options.loadTextURL) {
|
||||||
|
this.loadExternalText();
|
||||||
|
}
|
||||||
|
this.form.appendChild(this.editField);
|
||||||
|
},
|
||||||
|
getText: function() {
|
||||||
|
return this.element.innerHTML;
|
||||||
|
},
|
||||||
|
loadExternalText: function() {
|
||||||
|
Element.addClassName(this.form, this.options.loadingClassName);
|
||||||
|
this.editField.disabled = true;
|
||||||
|
new Ajax.Request(
|
||||||
|
this.options.loadTextURL,
|
||||||
|
Object.extend({
|
||||||
|
asynchronous: true,
|
||||||
|
onComplete: this.onLoadedExternalText.bind(this)
|
||||||
|
}, this.options.ajaxOptions)
|
||||||
|
);
|
||||||
|
},
|
||||||
|
onLoadedExternalText: function(transport) {
|
||||||
|
Element.removeClassName(this.form, this.options.loadingClassName);
|
||||||
|
this.editField.disabled = false;
|
||||||
|
this.editField.value = transport.responseText.stripTags();
|
||||||
|
},
|
||||||
|
onclickCancel: function() {
|
||||||
|
this.onComplete();
|
||||||
|
this.leaveEditMode();
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
onFailure: function(transport) {
|
||||||
|
this.options.onFailure(transport);
|
||||||
|
if (this.oldInnerHTML) {
|
||||||
|
this.element.innerHTML = this.oldInnerHTML;
|
||||||
|
this.oldInnerHTML = null;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
onSubmit: function() {
|
||||||
|
// onLoading resets these so we need to save them away for the Ajax call
|
||||||
|
var form = this.form;
|
||||||
|
var value = this.editField.value;
|
||||||
|
|
||||||
|
// do this first, sometimes the ajax call returns before we get a chance to switch on Saving...
|
||||||
|
// which means this will actually switch on Saving... *after* we've left edit mode causing Saving...
|
||||||
|
// to be displayed indefinitely
|
||||||
|
this.onLoading();
|
||||||
|
|
||||||
|
if (this.options.evalScripts) {
|
||||||
|
new Ajax.Request(
|
||||||
|
this.url, Object.extend({
|
||||||
|
parameters: this.options.callback(form, value),
|
||||||
|
onComplete: this.onComplete.bind(this),
|
||||||
|
onFailure: this.onFailure.bind(this),
|
||||||
|
asynchronous:true,
|
||||||
|
evalScripts:true
|
||||||
|
}, this.options.ajaxOptions));
|
||||||
|
} else {
|
||||||
|
new Ajax.Updater(
|
||||||
|
{ success: this.element,
|
||||||
|
// don't update on failure (this could be an option)
|
||||||
|
failure: null },
|
||||||
|
this.url, Object.extend({
|
||||||
|
parameters: this.options.callback(form, value),
|
||||||
|
onComplete: this.onComplete.bind(this),
|
||||||
|
onFailure: this.onFailure.bind(this)
|
||||||
|
}, this.options.ajaxOptions));
|
||||||
|
}
|
||||||
|
// stop the event to avoid a page refresh in Safari
|
||||||
|
if (arguments.length > 1) {
|
||||||
|
Event.stop(arguments[0]);
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
onLoading: function() {
|
||||||
|
this.saving = true;
|
||||||
|
this.removeForm();
|
||||||
|
this.leaveHover();
|
||||||
|
this.showSaving();
|
||||||
|
},
|
||||||
|
showSaving: function() {
|
||||||
|
this.oldInnerHTML = this.element.innerHTML;
|
||||||
|
this.element.innerHTML = this.options.savingText;
|
||||||
|
Element.addClassName(this.element, this.options.savingClassName);
|
||||||
|
this.element.style.backgroundColor = this.originalBackground;
|
||||||
|
Element.show(this.element);
|
||||||
|
},
|
||||||
|
removeForm: function() {
|
||||||
|
if(this.form) {
|
||||||
|
if (this.form.parentNode) Element.remove(this.form);
|
||||||
|
this.form = null;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
enterHover: function() {
|
||||||
|
if (this.saving) return;
|
||||||
|
this.element.style.backgroundColor = this.options.highlightcolor;
|
||||||
|
if (this.effect) {
|
||||||
|
this.effect.cancel();
|
||||||
|
}
|
||||||
|
Element.addClassName(this.element, this.options.hoverClassName)
|
||||||
|
},
|
||||||
|
leaveHover: function() {
|
||||||
|
if (this.options.backgroundColor) {
|
||||||
|
this.element.style.backgroundColor = this.oldBackground;
|
||||||
|
}
|
||||||
|
Element.removeClassName(this.element, this.options.hoverClassName)
|
||||||
|
if (this.saving) return;
|
||||||
|
this.effect = new Effect.Highlight(this.element, {
|
||||||
|
startcolor: this.options.highlightcolor,
|
||||||
|
endcolor: this.options.highlightendcolor,
|
||||||
|
restorecolor: this.originalBackground
|
||||||
|
});
|
||||||
|
},
|
||||||
|
leaveEditMode: function() {
|
||||||
|
Element.removeClassName(this.element, this.options.savingClassName);
|
||||||
|
this.removeForm();
|
||||||
|
this.leaveHover();
|
||||||
|
this.element.style.backgroundColor = this.originalBackground;
|
||||||
|
Element.show(this.element);
|
||||||
|
if (this.options.externalControl) {
|
||||||
|
Element.show(this.options.externalControl);
|
||||||
|
}
|
||||||
|
this.editing = false;
|
||||||
|
this.saving = false;
|
||||||
|
this.oldInnerHTML = null;
|
||||||
|
this.onLeaveEditMode();
|
||||||
|
},
|
||||||
|
onComplete: function(transport) {
|
||||||
|
this.leaveEditMode();
|
||||||
|
this.options.onComplete.bind(this)(transport, this.element);
|
||||||
|
},
|
||||||
|
onEnterEditMode: function() {},
|
||||||
|
onLeaveEditMode: function() {},
|
||||||
|
dispose: function() {
|
||||||
|
if (this.oldInnerHTML) {
|
||||||
|
this.element.innerHTML = this.oldInnerHTML;
|
||||||
|
}
|
||||||
|
this.leaveEditMode();
|
||||||
|
Event.stopObserving(this.element, 'click', this.onclickListener);
|
||||||
|
Event.stopObserving(this.element, 'mouseover', this.mouseoverListener);
|
||||||
|
Event.stopObserving(this.element, 'mouseout', this.mouseoutListener);
|
||||||
|
if (this.options.externalControl) {
|
||||||
|
Event.stopObserving(this.options.externalControl, 'click', this.onclickListener);
|
||||||
|
Event.stopObserving(this.options.externalControl, 'mouseover', this.mouseoverListener);
|
||||||
|
Event.stopObserving(this.options.externalControl, 'mouseout', this.mouseoutListener);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
Ajax.InPlaceCollectionEditor = Class.create();
|
||||||
|
Object.extend(Ajax.InPlaceCollectionEditor.prototype, Ajax.InPlaceEditor.prototype);
|
||||||
|
Object.extend(Ajax.InPlaceCollectionEditor.prototype, {
|
||||||
|
createEditField: function() {
|
||||||
|
if (!this.cached_selectTag) {
|
||||||
|
var selectTag = document.createElement("select");
|
||||||
|
var collection = this.options.collection || [];
|
||||||
|
var optionTag;
|
||||||
|
collection.each(function(e,i) {
|
||||||
|
optionTag = document.createElement("option");
|
||||||
|
optionTag.value = (e instanceof Array) ? e[0] : e;
|
||||||
|
if(this.options.value==optionTag.value) optionTag.selected = true;
|
||||||
|
optionTag.appendChild(document.createTextNode((e instanceof Array) ? e[1] : e));
|
||||||
|
selectTag.appendChild(optionTag);
|
||||||
|
}.bind(this));
|
||||||
|
this.cached_selectTag = selectTag;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.editField = this.cached_selectTag;
|
||||||
|
if(this.options.loadTextURL) this.loadExternalText();
|
||||||
|
this.form.appendChild(this.editField);
|
||||||
|
this.options.callback = function(form, value) {
|
||||||
|
return "value=" + encodeURIComponent(value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Delayed observer, like Form.Element.Observer,
|
||||||
|
// but waits for delay after last key input
|
||||||
|
// Ideal for live-search fields
|
||||||
|
|
||||||
|
Form.Element.DelayedObserver = Class.create();
|
||||||
|
Form.Element.DelayedObserver.prototype = {
|
||||||
|
initialize: function(element, delay, callback) {
|
||||||
|
this.delay = delay || 0.5;
|
||||||
|
this.element = $(element);
|
||||||
|
this.callback = callback;
|
||||||
|
this.timer = null;
|
||||||
|
this.lastValue = $F(this.element);
|
||||||
|
Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this));
|
||||||
|
},
|
||||||
|
delayedListener: function(event) {
|
||||||
|
if(this.lastValue == $F(this.element)) return;
|
||||||
|
if(this.timer) clearTimeout(this.timer);
|
||||||
|
this.timer = setTimeout(this.onTimerEvent.bind(this), this.delay * 1000);
|
||||||
|
this.lastValue = $F(this.element);
|
||||||
|
},
|
||||||
|
onTimerEvent: function() {
|
||||||
|
this.timer = null;
|
||||||
|
this.callback(this.element, $F(this.element));
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,915 @@
|
||||||
|
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||||
|
// (c) 2005 Sammi Williams (http://www.oriontransfer.co.nz, sammi@oriontransfer.co.nz)
|
||||||
|
//
|
||||||
|
// See scriptaculous.js for full license.
|
||||||
|
|
||||||
|
/*--------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
var Droppables = {
|
||||||
|
drops: [],
|
||||||
|
|
||||||
|
remove: function(element) {
|
||||||
|
this.drops = this.drops.reject(function(d) { return d.element==$(element) });
|
||||||
|
},
|
||||||
|
|
||||||
|
add: function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var options = Object.extend({
|
||||||
|
greedy: true,
|
||||||
|
hoverclass: null,
|
||||||
|
tree: false
|
||||||
|
}, arguments[1] || {});
|
||||||
|
|
||||||
|
// cache containers
|
||||||
|
if(options.containment) {
|
||||||
|
options._containers = [];
|
||||||
|
var containment = options.containment;
|
||||||
|
if((typeof containment == 'object') &&
|
||||||
|
(containment.constructor == Array)) {
|
||||||
|
containment.each( function(c) { options._containers.push($(c)) });
|
||||||
|
} else {
|
||||||
|
options._containers.push($(containment));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if(options.accept) options.accept = [options.accept].flatten();
|
||||||
|
|
||||||
|
Element.makePositioned(element); // fix IE
|
||||||
|
options.element = element;
|
||||||
|
|
||||||
|
this.drops.push(options);
|
||||||
|
},
|
||||||
|
|
||||||
|
findDeepestChild: function(drops) {
|
||||||
|
deepest = drops[0];
|
||||||
|
|
||||||
|
for (i = 1; i < drops.length; ++i)
|
||||||
|
if (Element.isParent(drops[i].element, deepest.element))
|
||||||
|
deepest = drops[i];
|
||||||
|
|
||||||
|
return deepest;
|
||||||
|
},
|
||||||
|
|
||||||
|
isContained: function(element, drop) {
|
||||||
|
var containmentNode;
|
||||||
|
if(drop.tree) {
|
||||||
|
containmentNode = element.treeNode;
|
||||||
|
} else {
|
||||||
|
containmentNode = element.parentNode;
|
||||||
|
}
|
||||||
|
return drop._containers.detect(function(c) { return containmentNode == c });
|
||||||
|
},
|
||||||
|
|
||||||
|
isAffected: function(point, element, drop) {
|
||||||
|
return (
|
||||||
|
(drop.element!=element) &&
|
||||||
|
((!drop._containers) ||
|
||||||
|
this.isContained(element, drop)) &&
|
||||||
|
((!drop.accept) ||
|
||||||
|
(Element.classNames(element).detect(
|
||||||
|
function(v) { return drop.accept.include(v) } ) )) &&
|
||||||
|
Position.within(drop.element, point[0], point[1]) );
|
||||||
|
},
|
||||||
|
|
||||||
|
deactivate: function(drop) {
|
||||||
|
if(drop.hoverclass)
|
||||||
|
Element.removeClassName(drop.element, drop.hoverclass);
|
||||||
|
this.last_active = null;
|
||||||
|
},
|
||||||
|
|
||||||
|
activate: function(drop) {
|
||||||
|
if(drop.hoverclass)
|
||||||
|
Element.addClassName(drop.element, drop.hoverclass);
|
||||||
|
this.last_active = drop;
|
||||||
|
},
|
||||||
|
|
||||||
|
show: function(point, element) {
|
||||||
|
if(!this.drops.length) return;
|
||||||
|
var affected = [];
|
||||||
|
|
||||||
|
if(this.last_active) this.deactivate(this.last_active);
|
||||||
|
this.drops.each( function(drop) {
|
||||||
|
if(Droppables.isAffected(point, element, drop))
|
||||||
|
affected.push(drop);
|
||||||
|
});
|
||||||
|
|
||||||
|
if(affected.length>0) {
|
||||||
|
drop = Droppables.findDeepestChild(affected);
|
||||||
|
Position.within(drop.element, point[0], point[1]);
|
||||||
|
if(drop.onHover)
|
||||||
|
drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element));
|
||||||
|
|
||||||
|
Droppables.activate(drop);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
fire: function(event, element) {
|
||||||
|
if(!this.last_active) return;
|
||||||
|
Position.prepare();
|
||||||
|
|
||||||
|
if (this.isAffected([Event.pointerX(event), Event.pointerY(event)], element, this.last_active))
|
||||||
|
if (this.last_active.onDrop)
|
||||||
|
this.last_active.onDrop(element, this.last_active.element, event);
|
||||||
|
},
|
||||||
|
|
||||||
|
reset: function() {
|
||||||
|
if(this.last_active)
|
||||||
|
this.deactivate(this.last_active);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var Draggables = {
|
||||||
|
drags: [],
|
||||||
|
observers: [],
|
||||||
|
|
||||||
|
register: function(draggable) {
|
||||||
|
if(this.drags.length == 0) {
|
||||||
|
this.eventMouseUp = this.endDrag.bindAsEventListener(this);
|
||||||
|
this.eventMouseMove = this.updateDrag.bindAsEventListener(this);
|
||||||
|
this.eventKeypress = this.keyPress.bindAsEventListener(this);
|
||||||
|
|
||||||
|
Event.observe(document, "mouseup", this.eventMouseUp);
|
||||||
|
Event.observe(document, "mousemove", this.eventMouseMove);
|
||||||
|
Event.observe(document, "keypress", this.eventKeypress);
|
||||||
|
}
|
||||||
|
this.drags.push(draggable);
|
||||||
|
},
|
||||||
|
|
||||||
|
unregister: function(draggable) {
|
||||||
|
this.drags = this.drags.reject(function(d) { return d==draggable });
|
||||||
|
if(this.drags.length == 0) {
|
||||||
|
Event.stopObserving(document, "mouseup", this.eventMouseUp);
|
||||||
|
Event.stopObserving(document, "mousemove", this.eventMouseMove);
|
||||||
|
Event.stopObserving(document, "keypress", this.eventKeypress);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
activate: function(draggable) {
|
||||||
|
window.focus(); // allows keypress events if window isn't currently focused, fails for Safari
|
||||||
|
this.activeDraggable = draggable;
|
||||||
|
},
|
||||||
|
|
||||||
|
deactivate: function() {
|
||||||
|
this.activeDraggable = null;
|
||||||
|
},
|
||||||
|
|
||||||
|
updateDrag: function(event) {
|
||||||
|
if(!this.activeDraggable) return;
|
||||||
|
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
||||||
|
// Mozilla-based browsers fire successive mousemove events with
|
||||||
|
// the same coordinates, prevent needless redrawing (moz bug?)
|
||||||
|
if(this._lastPointer && (this._lastPointer.inspect() == pointer.inspect())) return;
|
||||||
|
this._lastPointer = pointer;
|
||||||
|
this.activeDraggable.updateDrag(event, pointer);
|
||||||
|
},
|
||||||
|
|
||||||
|
endDrag: function(event) {
|
||||||
|
if(!this.activeDraggable) return;
|
||||||
|
this._lastPointer = null;
|
||||||
|
this.activeDraggable.endDrag(event);
|
||||||
|
this.activeDraggable = null;
|
||||||
|
},
|
||||||
|
|
||||||
|
keyPress: function(event) {
|
||||||
|
if(this.activeDraggable)
|
||||||
|
this.activeDraggable.keyPress(event);
|
||||||
|
},
|
||||||
|
|
||||||
|
addObserver: function(observer) {
|
||||||
|
this.observers.push(observer);
|
||||||
|
this._cacheObserverCallbacks();
|
||||||
|
},
|
||||||
|
|
||||||
|
removeObserver: function(element) { // element instead of observer fixes mem leaks
|
||||||
|
this.observers = this.observers.reject( function(o) { return o.element==element });
|
||||||
|
this._cacheObserverCallbacks();
|
||||||
|
},
|
||||||
|
|
||||||
|
notify: function(eventName, draggable, event) { // 'onStart', 'onEnd', 'onDrag'
|
||||||
|
if(this[eventName+'Count'] > 0)
|
||||||
|
this.observers.each( function(o) {
|
||||||
|
if(o[eventName]) o[eventName](eventName, draggable, event);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
_cacheObserverCallbacks: function() {
|
||||||
|
['onStart','onEnd','onDrag'].each( function(eventName) {
|
||||||
|
Draggables[eventName+'Count'] = Draggables.observers.select(
|
||||||
|
function(o) { return o[eventName]; }
|
||||||
|
).length;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
var Draggable = Class.create();
|
||||||
|
Draggable.prototype = {
|
||||||
|
initialize: function(element) {
|
||||||
|
var options = Object.extend({
|
||||||
|
handle: false,
|
||||||
|
starteffect: function(element) {
|
||||||
|
element._opacity = Element.getOpacity(element);
|
||||||
|
new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7});
|
||||||
|
},
|
||||||
|
reverteffect: function(element, top_offset, left_offset) {
|
||||||
|
var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02;
|
||||||
|
element._revert = new Effect.Move(element, { x: -left_offset, y: -top_offset, duration: dur});
|
||||||
|
},
|
||||||
|
endeffect: function(element) {
|
||||||
|
var toOpacity = typeof element._opacity == 'number' ? element._opacity : 1.0
|
||||||
|
new Effect.Opacity(element, {duration:0.2, from:0.7, to:toOpacity});
|
||||||
|
},
|
||||||
|
zindex: 1000,
|
||||||
|
revert: false,
|
||||||
|
scroll: false,
|
||||||
|
scrollSensitivity: 20,
|
||||||
|
scrollSpeed: 15,
|
||||||
|
snap: false // false, or xy or [x,y] or function(x,y){ return [x,y] }
|
||||||
|
}, arguments[1] || {});
|
||||||
|
|
||||||
|
this.element = $(element);
|
||||||
|
|
||||||
|
if(options.handle && (typeof options.handle == 'string')) {
|
||||||
|
var h = Element.childrenWithClassName(this.element, options.handle, true);
|
||||||
|
if(h.length>0) this.handle = h[0];
|
||||||
|
}
|
||||||
|
if(!this.handle) this.handle = $(options.handle);
|
||||||
|
if(!this.handle) this.handle = this.element;
|
||||||
|
|
||||||
|
if(options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML)
|
||||||
|
options.scroll = $(options.scroll);
|
||||||
|
|
||||||
|
Element.makePositioned(this.element); // fix IE
|
||||||
|
|
||||||
|
this.delta = this.currentDelta();
|
||||||
|
this.options = options;
|
||||||
|
this.dragging = false;
|
||||||
|
|
||||||
|
this.eventMouseDown = this.initDrag.bindAsEventListener(this);
|
||||||
|
Event.observe(this.handle, "mousedown", this.eventMouseDown);
|
||||||
|
|
||||||
|
Draggables.register(this);
|
||||||
|
},
|
||||||
|
|
||||||
|
destroy: function() {
|
||||||
|
Event.stopObserving(this.handle, "mousedown", this.eventMouseDown);
|
||||||
|
Draggables.unregister(this);
|
||||||
|
},
|
||||||
|
|
||||||
|
currentDelta: function() {
|
||||||
|
return([
|
||||||
|
parseInt(Element.getStyle(this.element,'left') || '0'),
|
||||||
|
parseInt(Element.getStyle(this.element,'top') || '0')]);
|
||||||
|
},
|
||||||
|
|
||||||
|
initDrag: function(event) {
|
||||||
|
if(Event.isLeftClick(event)) {
|
||||||
|
// abort on form elements, fixes a Firefox issue
|
||||||
|
var src = Event.element(event);
|
||||||
|
if(src.tagName && (
|
||||||
|
src.tagName=='INPUT' ||
|
||||||
|
src.tagName=='SELECT' ||
|
||||||
|
src.tagName=='OPTION' ||
|
||||||
|
src.tagName=='BUTTON' ||
|
||||||
|
src.tagName=='TEXTAREA')) return;
|
||||||
|
|
||||||
|
if(this.element._revert) {
|
||||||
|
this.element._revert.cancel();
|
||||||
|
this.element._revert = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
||||||
|
var pos = Position.cumulativeOffset(this.element);
|
||||||
|
this.offset = [0,1].map( function(i) { return (pointer[i] - pos[i]) });
|
||||||
|
|
||||||
|
Draggables.activate(this);
|
||||||
|
Event.stop(event);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
startDrag: function(event) {
|
||||||
|
this.dragging = true;
|
||||||
|
|
||||||
|
if(this.options.zindex) {
|
||||||
|
this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0);
|
||||||
|
this.element.style.zIndex = this.options.zindex;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(this.options.ghosting) {
|
||||||
|
this._clone = this.element.cloneNode(true);
|
||||||
|
Position.absolutize(this.element);
|
||||||
|
this.element.parentNode.insertBefore(this._clone, this.element);
|
||||||
|
}
|
||||||
|
|
||||||
|
if(this.options.scroll) {
|
||||||
|
if (this.options.scroll == window) {
|
||||||
|
var where = this._getWindowScroll(this.options.scroll);
|
||||||
|
this.originalScrollLeft = where.left;
|
||||||
|
this.originalScrollTop = where.top;
|
||||||
|
} else {
|
||||||
|
this.originalScrollLeft = this.options.scroll.scrollLeft;
|
||||||
|
this.originalScrollTop = this.options.scroll.scrollTop;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Draggables.notify('onStart', this, event);
|
||||||
|
if(this.options.starteffect) this.options.starteffect(this.element);
|
||||||
|
},
|
||||||
|
|
||||||
|
updateDrag: function(event, pointer) {
|
||||||
|
if(!this.dragging) this.startDrag(event);
|
||||||
|
Position.prepare();
|
||||||
|
Droppables.show(pointer, this.element);
|
||||||
|
Draggables.notify('onDrag', this, event);
|
||||||
|
this.draw(pointer);
|
||||||
|
if(this.options.change) this.options.change(this);
|
||||||
|
|
||||||
|
if(this.options.scroll) {
|
||||||
|
this.stopScrolling();
|
||||||
|
|
||||||
|
var p;
|
||||||
|
if (this.options.scroll == window) {
|
||||||
|
with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; }
|
||||||
|
} else {
|
||||||
|
p = Position.page(this.options.scroll);
|
||||||
|
p[0] += this.options.scroll.scrollLeft;
|
||||||
|
p[1] += this.options.scroll.scrollTop;
|
||||||
|
p.push(p[0]+this.options.scroll.offsetWidth);
|
||||||
|
p.push(p[1]+this.options.scroll.offsetHeight);
|
||||||
|
}
|
||||||
|
var speed = [0,0];
|
||||||
|
if(pointer[0] < (p[0]+this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[0]+this.options.scrollSensitivity);
|
||||||
|
if(pointer[1] < (p[1]+this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[1]+this.options.scrollSensitivity);
|
||||||
|
if(pointer[0] > (p[2]-this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[2]-this.options.scrollSensitivity);
|
||||||
|
if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity);
|
||||||
|
this.startScrolling(speed);
|
||||||
|
}
|
||||||
|
|
||||||
|
// fix AppleWebKit rendering
|
||||||
|
if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
|
||||||
|
|
||||||
|
Event.stop(event);
|
||||||
|
},
|
||||||
|
|
||||||
|
finishDrag: function(event, success) {
|
||||||
|
this.dragging = false;
|
||||||
|
|
||||||
|
if(this.options.ghosting) {
|
||||||
|
Position.relativize(this.element);
|
||||||
|
Element.remove(this._clone);
|
||||||
|
this._clone = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(success) Droppables.fire(event, this.element);
|
||||||
|
Draggables.notify('onEnd', this, event);
|
||||||
|
|
||||||
|
var revert = this.options.revert;
|
||||||
|
if(revert && typeof revert == 'function') revert = revert(this.element);
|
||||||
|
|
||||||
|
var d = this.currentDelta();
|
||||||
|
if(revert && this.options.reverteffect) {
|
||||||
|
this.options.reverteffect(this.element,
|
||||||
|
d[1]-this.delta[1], d[0]-this.delta[0]);
|
||||||
|
} else {
|
||||||
|
this.delta = d;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(this.options.zindex)
|
||||||
|
this.element.style.zIndex = this.originalZ;
|
||||||
|
|
||||||
|
if(this.options.endeffect)
|
||||||
|
this.options.endeffect(this.element);
|
||||||
|
|
||||||
|
Draggables.deactivate(this);
|
||||||
|
Droppables.reset();
|
||||||
|
},
|
||||||
|
|
||||||
|
keyPress: function(event) {
|
||||||
|
if(event.keyCode!=Event.KEY_ESC) return;
|
||||||
|
this.finishDrag(event, false);
|
||||||
|
Event.stop(event);
|
||||||
|
},
|
||||||
|
|
||||||
|
endDrag: function(event) {
|
||||||
|
if(!this.dragging) return;
|
||||||
|
this.stopScrolling();
|
||||||
|
this.finishDrag(event, true);
|
||||||
|
Event.stop(event);
|
||||||
|
},
|
||||||
|
|
||||||
|
draw: function(point) {
|
||||||
|
var pos = Position.cumulativeOffset(this.element);
|
||||||
|
var d = this.currentDelta();
|
||||||
|
pos[0] -= d[0]; pos[1] -= d[1];
|
||||||
|
|
||||||
|
if(this.options.scroll && (this.options.scroll != window)) {
|
||||||
|
pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft;
|
||||||
|
pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop;
|
||||||
|
}
|
||||||
|
|
||||||
|
var p = [0,1].map(function(i){
|
||||||
|
return (point[i]-pos[i]-this.offset[i])
|
||||||
|
}.bind(this));
|
||||||
|
|
||||||
|
if(this.options.snap) {
|
||||||
|
if(typeof this.options.snap == 'function') {
|
||||||
|
p = this.options.snap(p[0],p[1],this);
|
||||||
|
} else {
|
||||||
|
if(this.options.snap instanceof Array) {
|
||||||
|
p = p.map( function(v, i) {
|
||||||
|
return Math.round(v/this.options.snap[i])*this.options.snap[i] }.bind(this))
|
||||||
|
} else {
|
||||||
|
p = p.map( function(v) {
|
||||||
|
return Math.round(v/this.options.snap)*this.options.snap }.bind(this))
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
|
||||||
|
var style = this.element.style;
|
||||||
|
if((!this.options.constraint) || (this.options.constraint=='horizontal'))
|
||||||
|
style.left = p[0] + "px";
|
||||||
|
if((!this.options.constraint) || (this.options.constraint=='vertical'))
|
||||||
|
style.top = p[1] + "px";
|
||||||
|
if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering
|
||||||
|
},
|
||||||
|
|
||||||
|
stopScrolling: function() {
|
||||||
|
if(this.scrollInterval) {
|
||||||
|
clearInterval(this.scrollInterval);
|
||||||
|
this.scrollInterval = null;
|
||||||
|
Draggables._lastScrollPointer = null;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
startScrolling: function(speed) {
|
||||||
|
this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed];
|
||||||
|
this.lastScrolled = new Date();
|
||||||
|
this.scrollInterval = setInterval(this.scroll.bind(this), 10);
|
||||||
|
},
|
||||||
|
|
||||||
|
scroll: function() {
|
||||||
|
var current = new Date();
|
||||||
|
var delta = current - this.lastScrolled;
|
||||||
|
this.lastScrolled = current;
|
||||||
|
if(this.options.scroll == window) {
|
||||||
|
with (this._getWindowScroll(this.options.scroll)) {
|
||||||
|
if (this.scrollSpeed[0] || this.scrollSpeed[1]) {
|
||||||
|
var d = delta / 1000;
|
||||||
|
this.options.scroll.scrollTo( left + d*this.scrollSpeed[0], top + d*this.scrollSpeed[1] );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000;
|
||||||
|
this.options.scroll.scrollTop += this.scrollSpeed[1] * delta / 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
Position.prepare();
|
||||||
|
Droppables.show(Draggables._lastPointer, this.element);
|
||||||
|
Draggables.notify('onDrag', this);
|
||||||
|
Draggables._lastScrollPointer = Draggables._lastScrollPointer || $A(Draggables._lastPointer);
|
||||||
|
Draggables._lastScrollPointer[0] += this.scrollSpeed[0] * delta / 1000;
|
||||||
|
Draggables._lastScrollPointer[1] += this.scrollSpeed[1] * delta / 1000;
|
||||||
|
if (Draggables._lastScrollPointer[0] < 0)
|
||||||
|
Draggables._lastScrollPointer[0] = 0;
|
||||||
|
if (Draggables._lastScrollPointer[1] < 0)
|
||||||
|
Draggables._lastScrollPointer[1] = 0;
|
||||||
|
this.draw(Draggables._lastScrollPointer);
|
||||||
|
|
||||||
|
if(this.options.change) this.options.change(this);
|
||||||
|
},
|
||||||
|
|
||||||
|
_getWindowScroll: function(w) {
|
||||||
|
var T, L, W, H;
|
||||||
|
with (w.document) {
|
||||||
|
if (w.document.documentElement && documentElement.scrollTop) {
|
||||||
|
T = documentElement.scrollTop;
|
||||||
|
L = documentElement.scrollLeft;
|
||||||
|
} else if (w.document.body) {
|
||||||
|
T = body.scrollTop;
|
||||||
|
L = body.scrollLeft;
|
||||||
|
}
|
||||||
|
if (w.innerWidth) {
|
||||||
|
W = w.innerWidth;
|
||||||
|
H = w.innerHeight;
|
||||||
|
} else if (w.document.documentElement && documentElement.clientWidth) {
|
||||||
|
W = documentElement.clientWidth;
|
||||||
|
H = documentElement.clientHeight;
|
||||||
|
} else {
|
||||||
|
W = body.offsetWidth;
|
||||||
|
H = body.offsetHeight
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return { top: T, left: L, width: W, height: H };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
var SortableObserver = Class.create();
|
||||||
|
SortableObserver.prototype = {
|
||||||
|
initialize: function(element, observer) {
|
||||||
|
this.element = $(element);
|
||||||
|
this.observer = observer;
|
||||||
|
this.lastValue = Sortable.serialize(this.element);
|
||||||
|
},
|
||||||
|
|
||||||
|
onStart: function() {
|
||||||
|
this.lastValue = Sortable.serialize(this.element);
|
||||||
|
},
|
||||||
|
|
||||||
|
onEnd: function() {
|
||||||
|
Sortable.unmark();
|
||||||
|
if(this.lastValue != Sortable.serialize(this.element))
|
||||||
|
this.observer(this.element)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var Sortable = {
|
||||||
|
sortables: {},
|
||||||
|
|
||||||
|
_findRootElement: function(element) {
|
||||||
|
while (element.tagName != "BODY") {
|
||||||
|
if(element.id && Sortable.sortables[element.id]) return element;
|
||||||
|
element = element.parentNode;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
options: function(element) {
|
||||||
|
element = Sortable._findRootElement($(element));
|
||||||
|
if(!element) return;
|
||||||
|
return Sortable.sortables[element.id];
|
||||||
|
},
|
||||||
|
|
||||||
|
destroy: function(element){
|
||||||
|
var s = Sortable.options(element);
|
||||||
|
|
||||||
|
if(s) {
|
||||||
|
Draggables.removeObserver(s.element);
|
||||||
|
s.droppables.each(function(d){ Droppables.remove(d) });
|
||||||
|
s.draggables.invoke('destroy');
|
||||||
|
|
||||||
|
delete Sortable.sortables[s.element.id];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
create: function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var options = Object.extend({
|
||||||
|
element: element,
|
||||||
|
tag: 'li', // assumes li children, override with tag: 'tagname'
|
||||||
|
dropOnEmpty: false,
|
||||||
|
tree: false,
|
||||||
|
treeTag: 'ul',
|
||||||
|
overlap: 'vertical', // one of 'vertical', 'horizontal'
|
||||||
|
constraint: 'vertical', // one of 'vertical', 'horizontal', false
|
||||||
|
containment: element, // also takes array of elements (or id's); or false
|
||||||
|
handle: false, // or a CSS class
|
||||||
|
only: false,
|
||||||
|
hoverclass: null,
|
||||||
|
ghosting: false,
|
||||||
|
scroll: false,
|
||||||
|
scrollSensitivity: 20,
|
||||||
|
scrollSpeed: 15,
|
||||||
|
format: /^[^_]*_(.*)$/,
|
||||||
|
onChange: Prototype.emptyFunction,
|
||||||
|
onUpdate: Prototype.emptyFunction
|
||||||
|
}, arguments[1] || {});
|
||||||
|
|
||||||
|
// clear any old sortable with same element
|
||||||
|
this.destroy(element);
|
||||||
|
|
||||||
|
// build options for the draggables
|
||||||
|
var options_for_draggable = {
|
||||||
|
revert: true,
|
||||||
|
scroll: options.scroll,
|
||||||
|
scrollSpeed: options.scrollSpeed,
|
||||||
|
scrollSensitivity: options.scrollSensitivity,
|
||||||
|
ghosting: options.ghosting,
|
||||||
|
constraint: options.constraint,
|
||||||
|
handle: options.handle };
|
||||||
|
|
||||||
|
if(options.starteffect)
|
||||||
|
options_for_draggable.starteffect = options.starteffect;
|
||||||
|
|
||||||
|
if(options.reverteffect)
|
||||||
|
options_for_draggable.reverteffect = options.reverteffect;
|
||||||
|
else
|
||||||
|
if(options.ghosting) options_for_draggable.reverteffect = function(element) {
|
||||||
|
element.style.top = 0;
|
||||||
|
element.style.left = 0;
|
||||||
|
};
|
||||||
|
|
||||||
|
if(options.endeffect)
|
||||||
|
options_for_draggable.endeffect = options.endeffect;
|
||||||
|
|
||||||
|
if(options.zindex)
|
||||||
|
options_for_draggable.zindex = options.zindex;
|
||||||
|
|
||||||
|
// build options for the droppables
|
||||||
|
var options_for_droppable = {
|
||||||
|
overlap: options.overlap,
|
||||||
|
containment: options.containment,
|
||||||
|
tree: options.tree,
|
||||||
|
hoverclass: options.hoverclass,
|
||||||
|
onHover: Sortable.onHover
|
||||||
|
//greedy: !options.dropOnEmpty
|
||||||
|
}
|
||||||
|
|
||||||
|
var options_for_tree = {
|
||||||
|
onHover: Sortable.onEmptyHover,
|
||||||
|
overlap: options.overlap,
|
||||||
|
containment: options.containment,
|
||||||
|
hoverclass: options.hoverclass
|
||||||
|
}
|
||||||
|
|
||||||
|
// fix for gecko engine
|
||||||
|
Element.cleanWhitespace(element);
|
||||||
|
|
||||||
|
options.draggables = [];
|
||||||
|
options.droppables = [];
|
||||||
|
|
||||||
|
// drop on empty handling
|
||||||
|
if(options.dropOnEmpty || options.tree) {
|
||||||
|
Droppables.add(element, options_for_tree);
|
||||||
|
options.droppables.push(element);
|
||||||
|
}
|
||||||
|
|
||||||
|
(this.findElements(element, options) || []).each( function(e) {
|
||||||
|
// handles are per-draggable
|
||||||
|
var handle = options.handle ?
|
||||||
|
Element.childrenWithClassName(e, options.handle)[0] : e;
|
||||||
|
options.draggables.push(
|
||||||
|
new Draggable(e, Object.extend(options_for_draggable, { handle: handle })));
|
||||||
|
Droppables.add(e, options_for_droppable);
|
||||||
|
if(options.tree) e.treeNode = element;
|
||||||
|
options.droppables.push(e);
|
||||||
|
});
|
||||||
|
|
||||||
|
if(options.tree) {
|
||||||
|
(Sortable.findTreeElements(element, options) || []).each( function(e) {
|
||||||
|
Droppables.add(e, options_for_tree);
|
||||||
|
e.treeNode = element;
|
||||||
|
options.droppables.push(e);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// keep reference
|
||||||
|
this.sortables[element.id] = options;
|
||||||
|
|
||||||
|
// for onupdate
|
||||||
|
Draggables.addObserver(new SortableObserver(element, options.onUpdate));
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
// return all suitable-for-sortable elements in a guaranteed order
|
||||||
|
findElements: function(element, options) {
|
||||||
|
return Element.findChildren(
|
||||||
|
element, options.only, options.tree ? true : false, options.tag);
|
||||||
|
},
|
||||||
|
|
||||||
|
findTreeElements: function(element, options) {
|
||||||
|
return Element.findChildren(
|
||||||
|
element, options.only, options.tree ? true : false, options.treeTag);
|
||||||
|
},
|
||||||
|
|
||||||
|
onHover: function(element, dropon, overlap) {
|
||||||
|
if(Element.isParent(dropon, element)) return;
|
||||||
|
|
||||||
|
if(overlap > .33 && overlap < .66 && Sortable.options(dropon).tree) {
|
||||||
|
return;
|
||||||
|
} else if(overlap>0.5) {
|
||||||
|
Sortable.mark(dropon, 'before');
|
||||||
|
if(dropon.previousSibling != element) {
|
||||||
|
var oldParentNode = element.parentNode;
|
||||||
|
element.style.visibility = "hidden"; // fix gecko rendering
|
||||||
|
dropon.parentNode.insertBefore(element, dropon);
|
||||||
|
if(dropon.parentNode!=oldParentNode)
|
||||||
|
Sortable.options(oldParentNode).onChange(element);
|
||||||
|
Sortable.options(dropon.parentNode).onChange(element);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
Sortable.mark(dropon, 'after');
|
||||||
|
var nextElement = dropon.nextSibling || null;
|
||||||
|
if(nextElement != element) {
|
||||||
|
var oldParentNode = element.parentNode;
|
||||||
|
element.style.visibility = "hidden"; // fix gecko rendering
|
||||||
|
dropon.parentNode.insertBefore(element, nextElement);
|
||||||
|
if(dropon.parentNode!=oldParentNode)
|
||||||
|
Sortable.options(oldParentNode).onChange(element);
|
||||||
|
Sortable.options(dropon.parentNode).onChange(element);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onEmptyHover: function(element, dropon, overlap) {
|
||||||
|
var oldParentNode = element.parentNode;
|
||||||
|
var droponOptions = Sortable.options(dropon);
|
||||||
|
|
||||||
|
if(!Element.isParent(dropon, element)) {
|
||||||
|
var index;
|
||||||
|
|
||||||
|
var children = Sortable.findElements(dropon, {tag: droponOptions.tag});
|
||||||
|
var child = null;
|
||||||
|
|
||||||
|
if(children) {
|
||||||
|
var offset = Element.offsetSize(dropon, droponOptions.overlap) * (1.0 - overlap);
|
||||||
|
|
||||||
|
for (index = 0; index < children.length; index += 1) {
|
||||||
|
if (offset - Element.offsetSize (children[index], droponOptions.overlap) >= 0) {
|
||||||
|
offset -= Element.offsetSize (children[index], droponOptions.overlap);
|
||||||
|
} else if (offset - (Element.offsetSize (children[index], droponOptions.overlap) / 2) >= 0) {
|
||||||
|
child = index + 1 < children.length ? children[index + 1] : null;
|
||||||
|
break;
|
||||||
|
} else {
|
||||||
|
child = children[index];
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
dropon.insertBefore(element, child);
|
||||||
|
|
||||||
|
Sortable.options(oldParentNode).onChange(element);
|
||||||
|
droponOptions.onChange(element);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
unmark: function() {
|
||||||
|
if(Sortable._marker) Element.hide(Sortable._marker);
|
||||||
|
},
|
||||||
|
|
||||||
|
mark: function(dropon, position) {
|
||||||
|
// mark on ghosting only
|
||||||
|
var sortable = Sortable.options(dropon.parentNode);
|
||||||
|
if(sortable && !sortable.ghosting) return;
|
||||||
|
|
||||||
|
if(!Sortable._marker) {
|
||||||
|
Sortable._marker = $('dropmarker') || document.createElement('DIV');
|
||||||
|
Element.hide(Sortable._marker);
|
||||||
|
Element.addClassName(Sortable._marker, 'dropmarker');
|
||||||
|
Sortable._marker.style.position = 'absolute';
|
||||||
|
document.getElementsByTagName("body").item(0).appendChild(Sortable._marker);
|
||||||
|
}
|
||||||
|
var offsets = Position.cumulativeOffset(dropon);
|
||||||
|
Sortable._marker.style.left = offsets[0] + 'px';
|
||||||
|
Sortable._marker.style.top = offsets[1] + 'px';
|
||||||
|
|
||||||
|
if(position=='after')
|
||||||
|
if(sortable.overlap == 'horizontal')
|
||||||
|
Sortable._marker.style.left = (offsets[0]+dropon.clientWidth) + 'px';
|
||||||
|
else
|
||||||
|
Sortable._marker.style.top = (offsets[1]+dropon.clientHeight) + 'px';
|
||||||
|
|
||||||
|
Element.show(Sortable._marker);
|
||||||
|
},
|
||||||
|
|
||||||
|
_tree: function(element, options, parent) {
|
||||||
|
var children = Sortable.findElements(element, options) || [];
|
||||||
|
|
||||||
|
for (var i = 0; i < children.length; ++i) {
|
||||||
|
var match = children[i].id.match(options.format);
|
||||||
|
|
||||||
|
if (!match) continue;
|
||||||
|
|
||||||
|
var child = {
|
||||||
|
id: encodeURIComponent(match ? match[1] : null),
|
||||||
|
element: element,
|
||||||
|
parent: parent,
|
||||||
|
children: new Array,
|
||||||
|
position: parent.children.length,
|
||||||
|
container: Sortable._findChildrenElement(children[i], options.treeTag.toUpperCase())
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Get the element containing the children and recurse over it */
|
||||||
|
if (child.container)
|
||||||
|
this._tree(child.container, options, child)
|
||||||
|
|
||||||
|
parent.children.push (child);
|
||||||
|
}
|
||||||
|
|
||||||
|
return parent;
|
||||||
|
},
|
||||||
|
|
||||||
|
/* Finds the first element of the given tag type within a parent element.
|
||||||
|
Used for finding the first LI[ST] within a L[IST]I[TEM].*/
|
||||||
|
_findChildrenElement: function (element, containerTag) {
|
||||||
|
if (element && element.hasChildNodes)
|
||||||
|
for (var i = 0; i < element.childNodes.length; ++i)
|
||||||
|
if (element.childNodes[i].tagName == containerTag)
|
||||||
|
return element.childNodes[i];
|
||||||
|
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
|
||||||
|
tree: function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var sortableOptions = this.options(element);
|
||||||
|
var options = Object.extend({
|
||||||
|
tag: sortableOptions.tag,
|
||||||
|
treeTag: sortableOptions.treeTag,
|
||||||
|
only: sortableOptions.only,
|
||||||
|
name: element.id,
|
||||||
|
format: sortableOptions.format
|
||||||
|
}, arguments[1] || {});
|
||||||
|
|
||||||
|
var root = {
|
||||||
|
id: null,
|
||||||
|
parent: null,
|
||||||
|
children: new Array,
|
||||||
|
container: element,
|
||||||
|
position: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
return Sortable._tree (element, options, root);
|
||||||
|
},
|
||||||
|
|
||||||
|
/* Construct a [i] index for a particular node */
|
||||||
|
_constructIndex: function(node) {
|
||||||
|
var index = '';
|
||||||
|
do {
|
||||||
|
if (node.id) index = '[' + node.position + ']' + index;
|
||||||
|
} while ((node = node.parent) != null);
|
||||||
|
return index;
|
||||||
|
},
|
||||||
|
|
||||||
|
sequence: function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var options = Object.extend(this.options(element), arguments[1] || {});
|
||||||
|
|
||||||
|
return $(this.findElements(element, options) || []).map( function(item) {
|
||||||
|
return item.id.match(options.format) ? item.id.match(options.format)[1] : '';
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
setSequence: function(element, new_sequence) {
|
||||||
|
element = $(element);
|
||||||
|
var options = Object.extend(this.options(element), arguments[2] || {});
|
||||||
|
|
||||||
|
var nodeMap = {};
|
||||||
|
this.findElements(element, options).each( function(n) {
|
||||||
|
if (n.id.match(options.format))
|
||||||
|
nodeMap[n.id.match(options.format)[1]] = [n, n.parentNode];
|
||||||
|
n.parentNode.removeChild(n);
|
||||||
|
});
|
||||||
|
|
||||||
|
new_sequence.each(function(ident) {
|
||||||
|
var n = nodeMap[ident];
|
||||||
|
if (n) {
|
||||||
|
n[1].appendChild(n[0]);
|
||||||
|
delete nodeMap[ident];
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
serialize: function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var options = Object.extend(Sortable.options(element), arguments[1] || {});
|
||||||
|
var name = encodeURIComponent(
|
||||||
|
(arguments[1] && arguments[1].name) ? arguments[1].name : element.id);
|
||||||
|
|
||||||
|
if (options.tree) {
|
||||||
|
return Sortable.tree(element, arguments[1]).children.map( function (item) {
|
||||||
|
return [name + Sortable._constructIndex(item) + "=" +
|
||||||
|
encodeURIComponent(item.id)].concat(item.children.map(arguments.callee));
|
||||||
|
}).flatten().join('&');
|
||||||
|
} else {
|
||||||
|
return Sortable.sequence(element, arguments[1]).map( function(item) {
|
||||||
|
return name + "[]=" + encodeURIComponent(item);
|
||||||
|
}).join('&');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Returns true if child is contained within element */
|
||||||
|
Element.isParent = function(child, element) {
|
||||||
|
if (!child.parentNode || child == element) return false;
|
||||||
|
|
||||||
|
if (child.parentNode == element) return true;
|
||||||
|
|
||||||
|
return Element.isParent(child.parentNode, element);
|
||||||
|
}
|
||||||
|
|
||||||
|
Element.findChildren = function(element, only, recursive, tagName) {
|
||||||
|
if(!element.hasChildNodes()) return null;
|
||||||
|
tagName = tagName.toUpperCase();
|
||||||
|
if(only) only = [only].flatten();
|
||||||
|
var elements = [];
|
||||||
|
$A(element.childNodes).each( function(e) {
|
||||||
|
if(e.tagName && e.tagName.toUpperCase()==tagName &&
|
||||||
|
(!only || (Element.classNames(e).detect(function(v) { return only.include(v) }))))
|
||||||
|
elements.push(e);
|
||||||
|
if(recursive) {
|
||||||
|
var grandchildren = Element.findChildren(e, only, recursive, tagName);
|
||||||
|
if(grandchildren) elements.push(grandchildren);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return (elements.length>0 ? elements.flatten() : []);
|
||||||
|
}
|
||||||
|
|
||||||
|
Element.offsetSize = function (element, type) {
|
||||||
|
if (type == 'vertical' || type == 'height')
|
||||||
|
return element.offsetHeight;
|
||||||
|
else
|
||||||
|
return element.offsetWidth;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,958 @@
|
||||||
|
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||||
|
// Contributors:
|
||||||
|
// Justin Palmer (http://encytemedia.com/)
|
||||||
|
// Mark Pilgrim (http://diveintomark.org/)
|
||||||
|
// Martin Bialasinki
|
||||||
|
//
|
||||||
|
// See scriptaculous.js for full license.
|
||||||
|
|
||||||
|
// converts rgb() and #xxx to #xxxxxx format,
|
||||||
|
// returns self (or first argument) if not convertable
|
||||||
|
String.prototype.parseColor = function() {
|
||||||
|
var color = '#';
|
||||||
|
if(this.slice(0,4) == 'rgb(') {
|
||||||
|
var cols = this.slice(4,this.length-1).split(',');
|
||||||
|
var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3);
|
||||||
|
} else {
|
||||||
|
if(this.slice(0,1) == '#') {
|
||||||
|
if(this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase();
|
||||||
|
if(this.length==7) color = this.toLowerCase();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return(color.length==7 ? color : (arguments[0] || this));
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
Element.collectTextNodes = function(element) {
|
||||||
|
return $A($(element).childNodes).collect( function(node) {
|
||||||
|
return (node.nodeType==3 ? node.nodeValue :
|
||||||
|
(node.hasChildNodes() ? Element.collectTextNodes(node) : ''));
|
||||||
|
}).flatten().join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
Element.collectTextNodesIgnoreClass = function(element, className) {
|
||||||
|
return $A($(element).childNodes).collect( function(node) {
|
||||||
|
return (node.nodeType==3 ? node.nodeValue :
|
||||||
|
((node.hasChildNodes() && !Element.hasClassName(node,className)) ?
|
||||||
|
Element.collectTextNodesIgnoreClass(node, className) : ''));
|
||||||
|
}).flatten().join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
Element.setContentZoom = function(element, percent) {
|
||||||
|
element = $(element);
|
||||||
|
Element.setStyle(element, {fontSize: (percent/100) + 'em'});
|
||||||
|
if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
|
||||||
|
}
|
||||||
|
|
||||||
|
Element.getOpacity = function(element){
|
||||||
|
var opacity;
|
||||||
|
if (opacity = Element.getStyle(element, 'opacity'))
|
||||||
|
return parseFloat(opacity);
|
||||||
|
if (opacity = (Element.getStyle(element, 'filter') || '').match(/alpha\(opacity=(.*)\)/))
|
||||||
|
if(opacity[1]) return parseFloat(opacity[1]) / 100;
|
||||||
|
return 1.0;
|
||||||
|
}
|
||||||
|
|
||||||
|
Element.setOpacity = function(element, value){
|
||||||
|
element= $(element);
|
||||||
|
if (value == 1){
|
||||||
|
Element.setStyle(element, { opacity:
|
||||||
|
(/Gecko/.test(navigator.userAgent) && !/Konqueror|Safari|KHTML/.test(navigator.userAgent)) ?
|
||||||
|
0.999999 : null });
|
||||||
|
if(/MSIE/.test(navigator.userAgent))
|
||||||
|
Element.setStyle(element, {filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'')});
|
||||||
|
} else {
|
||||||
|
if(value < 0.00001) value = 0;
|
||||||
|
Element.setStyle(element, {opacity: value});
|
||||||
|
if(/MSIE/.test(navigator.userAgent))
|
||||||
|
Element.setStyle(element,
|
||||||
|
{ filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'') +
|
||||||
|
'alpha(opacity='+value*100+')' });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Element.getInlineOpacity = function(element){
|
||||||
|
return $(element).style.opacity || '';
|
||||||
|
}
|
||||||
|
|
||||||
|
Element.childrenWithClassName = function(element, className, findFirst) {
|
||||||
|
var classNameRegExp = new RegExp("(^|\\s)" + className + "(\\s|$)");
|
||||||
|
var results = $A($(element).getElementsByTagName('*'))[findFirst ? 'detect' : 'select']( function(c) {
|
||||||
|
return (c.className && c.className.match(classNameRegExp));
|
||||||
|
});
|
||||||
|
if(!results) results = [];
|
||||||
|
return results;
|
||||||
|
}
|
||||||
|
|
||||||
|
Element.forceRerendering = function(element) {
|
||||||
|
try {
|
||||||
|
element = $(element);
|
||||||
|
var n = document.createTextNode(' ');
|
||||||
|
element.appendChild(n);
|
||||||
|
element.removeChild(n);
|
||||||
|
} catch(e) { }
|
||||||
|
};
|
||||||
|
|
||||||
|
/*--------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
Array.prototype.call = function() {
|
||||||
|
var args = arguments;
|
||||||
|
this.each(function(f){ f.apply(this, args) });
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
var Effect = {
|
||||||
|
tagifyText: function(element) {
|
||||||
|
var tagifyStyle = 'position:relative';
|
||||||
|
if(/MSIE/.test(navigator.userAgent)) tagifyStyle += ';zoom:1';
|
||||||
|
element = $(element);
|
||||||
|
$A(element.childNodes).each( function(child) {
|
||||||
|
if(child.nodeType==3) {
|
||||||
|
child.nodeValue.toArray().each( function(character) {
|
||||||
|
element.insertBefore(
|
||||||
|
Builder.node('span',{style: tagifyStyle},
|
||||||
|
character == ' ' ? String.fromCharCode(160) : character),
|
||||||
|
child);
|
||||||
|
});
|
||||||
|
Element.remove(child);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
multiple: function(element, effect) {
|
||||||
|
var elements;
|
||||||
|
if(((typeof element == 'object') ||
|
||||||
|
(typeof element == 'function')) &&
|
||||||
|
(element.length))
|
||||||
|
elements = element;
|
||||||
|
else
|
||||||
|
elements = $(element).childNodes;
|
||||||
|
|
||||||
|
var options = Object.extend({
|
||||||
|
speed: 0.1,
|
||||||
|
delay: 0.0
|
||||||
|
}, arguments[2] || {});
|
||||||
|
var masterDelay = options.delay;
|
||||||
|
|
||||||
|
$A(elements).each( function(element, index) {
|
||||||
|
new effect(element, Object.extend(options, { delay: index * options.speed + masterDelay }));
|
||||||
|
});
|
||||||
|
},
|
||||||
|
PAIRS: {
|
||||||
|
'slide': ['SlideDown','SlideUp'],
|
||||||
|
'blind': ['BlindDown','BlindUp'],
|
||||||
|
'appear': ['Appear','Fade']
|
||||||
|
},
|
||||||
|
toggle: function(element, effect) {
|
||||||
|
element = $(element);
|
||||||
|
effect = (effect || 'appear').toLowerCase();
|
||||||
|
var options = Object.extend({
|
||||||
|
queue: { position:'end', scope:(element.id || 'global'), limit: 1 }
|
||||||
|
}, arguments[2] || {});
|
||||||
|
Effect[element.visible() ?
|
||||||
|
Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var Effect2 = Effect; // deprecated
|
||||||
|
|
||||||
|
/* ------------- transitions ------------- */
|
||||||
|
|
||||||
|
Effect.Transitions = {}
|
||||||
|
|
||||||
|
Effect.Transitions.linear = function(pos) {
|
||||||
|
return pos;
|
||||||
|
}
|
||||||
|
Effect.Transitions.sinoidal = function(pos) {
|
||||||
|
return (-Math.cos(pos*Math.PI)/2) + 0.5;
|
||||||
|
}
|
||||||
|
Effect.Transitions.reverse = function(pos) {
|
||||||
|
return 1-pos;
|
||||||
|
}
|
||||||
|
Effect.Transitions.flicker = function(pos) {
|
||||||
|
return ((-Math.cos(pos*Math.PI)/4) + 0.75) + Math.random()/4;
|
||||||
|
}
|
||||||
|
Effect.Transitions.wobble = function(pos) {
|
||||||
|
return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5;
|
||||||
|
}
|
||||||
|
Effect.Transitions.pulse = function(pos) {
|
||||||
|
return (Math.floor(pos*10) % 2 == 0 ?
|
||||||
|
(pos*10-Math.floor(pos*10)) : 1-(pos*10-Math.floor(pos*10)));
|
||||||
|
}
|
||||||
|
Effect.Transitions.none = function(pos) {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
Effect.Transitions.full = function(pos) {
|
||||||
|
return 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------- core effects ------------- */
|
||||||
|
|
||||||
|
Effect.ScopedQueue = Class.create();
|
||||||
|
Object.extend(Object.extend(Effect.ScopedQueue.prototype, Enumerable), {
|
||||||
|
initialize: function() {
|
||||||
|
this.effects = [];
|
||||||
|
this.interval = null;
|
||||||
|
},
|
||||||
|
_each: function(iterator) {
|
||||||
|
this.effects._each(iterator);
|
||||||
|
},
|
||||||
|
add: function(effect) {
|
||||||
|
var timestamp = new Date().getTime();
|
||||||
|
|
||||||
|
var position = (typeof effect.options.queue == 'string') ?
|
||||||
|
effect.options.queue : effect.options.queue.position;
|
||||||
|
|
||||||
|
switch(position) {
|
||||||
|
case 'front':
|
||||||
|
// move unstarted effects after this effect
|
||||||
|
this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) {
|
||||||
|
e.startOn += effect.finishOn;
|
||||||
|
e.finishOn += effect.finishOn;
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case 'end':
|
||||||
|
// start effect after last queued effect has finished
|
||||||
|
timestamp = this.effects.pluck('finishOn').max() || timestamp;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
effect.startOn += timestamp;
|
||||||
|
effect.finishOn += timestamp;
|
||||||
|
|
||||||
|
if(!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit))
|
||||||
|
this.effects.push(effect);
|
||||||
|
|
||||||
|
if(!this.interval)
|
||||||
|
this.interval = setInterval(this.loop.bind(this), 40);
|
||||||
|
},
|
||||||
|
remove: function(effect) {
|
||||||
|
this.effects = this.effects.reject(function(e) { return e==effect });
|
||||||
|
if(this.effects.length == 0) {
|
||||||
|
clearInterval(this.interval);
|
||||||
|
this.interval = null;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
loop: function() {
|
||||||
|
var timePos = new Date().getTime();
|
||||||
|
this.effects.invoke('loop', timePos);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Effect.Queues = {
|
||||||
|
instances: $H(),
|
||||||
|
get: function(queueName) {
|
||||||
|
if(typeof queueName != 'string') return queueName;
|
||||||
|
|
||||||
|
if(!this.instances[queueName])
|
||||||
|
this.instances[queueName] = new Effect.ScopedQueue();
|
||||||
|
|
||||||
|
return this.instances[queueName];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Effect.Queue = Effect.Queues.get('global');
|
||||||
|
|
||||||
|
Effect.DefaultOptions = {
|
||||||
|
transition: Effect.Transitions.sinoidal,
|
||||||
|
duration: 1.0, // seconds
|
||||||
|
fps: 25.0, // max. 25fps due to Effect.Queue implementation
|
||||||
|
sync: false, // true for combining
|
||||||
|
from: 0.0,
|
||||||
|
to: 1.0,
|
||||||
|
delay: 0.0,
|
||||||
|
queue: 'parallel'
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.Base = function() {};
|
||||||
|
Effect.Base.prototype = {
|
||||||
|
position: null,
|
||||||
|
start: function(options) {
|
||||||
|
this.options = Object.extend(Object.extend({},Effect.DefaultOptions), options || {});
|
||||||
|
this.currentFrame = 0;
|
||||||
|
this.state = 'idle';
|
||||||
|
this.startOn = this.options.delay*1000;
|
||||||
|
this.finishOn = this.startOn + (this.options.duration*1000);
|
||||||
|
this.event('beforeStart');
|
||||||
|
if(!this.options.sync)
|
||||||
|
Effect.Queues.get(typeof this.options.queue == 'string' ?
|
||||||
|
'global' : this.options.queue.scope).add(this);
|
||||||
|
},
|
||||||
|
loop: function(timePos) {
|
||||||
|
if(timePos >= this.startOn) {
|
||||||
|
if(timePos >= this.finishOn) {
|
||||||
|
this.render(1.0);
|
||||||
|
this.cancel();
|
||||||
|
this.event('beforeFinish');
|
||||||
|
if(this.finish) this.finish();
|
||||||
|
this.event('afterFinish');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var pos = (timePos - this.startOn) / (this.finishOn - this.startOn);
|
||||||
|
var frame = Math.round(pos * this.options.fps * this.options.duration);
|
||||||
|
if(frame > this.currentFrame) {
|
||||||
|
this.render(pos);
|
||||||
|
this.currentFrame = frame;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
render: function(pos) {
|
||||||
|
if(this.state == 'idle') {
|
||||||
|
this.state = 'running';
|
||||||
|
this.event('beforeSetup');
|
||||||
|
if(this.setup) this.setup();
|
||||||
|
this.event('afterSetup');
|
||||||
|
}
|
||||||
|
if(this.state == 'running') {
|
||||||
|
if(this.options.transition) pos = this.options.transition(pos);
|
||||||
|
pos *= (this.options.to-this.options.from);
|
||||||
|
pos += this.options.from;
|
||||||
|
this.position = pos;
|
||||||
|
this.event('beforeUpdate');
|
||||||
|
if(this.update) this.update(pos);
|
||||||
|
this.event('afterUpdate');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cancel: function() {
|
||||||
|
if(!this.options.sync)
|
||||||
|
Effect.Queues.get(typeof this.options.queue == 'string' ?
|
||||||
|
'global' : this.options.queue.scope).remove(this);
|
||||||
|
this.state = 'finished';
|
||||||
|
},
|
||||||
|
event: function(eventName) {
|
||||||
|
if(this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this);
|
||||||
|
if(this.options[eventName]) this.options[eventName](this);
|
||||||
|
},
|
||||||
|
inspect: function() {
|
||||||
|
return '#<Effect:' + $H(this).inspect() + ',options:' + $H(this.options).inspect() + '>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.Parallel = Class.create();
|
||||||
|
Object.extend(Object.extend(Effect.Parallel.prototype, Effect.Base.prototype), {
|
||||||
|
initialize: function(effects) {
|
||||||
|
this.effects = effects || [];
|
||||||
|
this.start(arguments[1]);
|
||||||
|
},
|
||||||
|
update: function(position) {
|
||||||
|
this.effects.invoke('render', position);
|
||||||
|
},
|
||||||
|
finish: function(position) {
|
||||||
|
this.effects.each( function(effect) {
|
||||||
|
effect.render(1.0);
|
||||||
|
effect.cancel();
|
||||||
|
effect.event('beforeFinish');
|
||||||
|
if(effect.finish) effect.finish(position);
|
||||||
|
effect.event('afterFinish');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Effect.Opacity = Class.create();
|
||||||
|
Object.extend(Object.extend(Effect.Opacity.prototype, Effect.Base.prototype), {
|
||||||
|
initialize: function(element) {
|
||||||
|
this.element = $(element);
|
||||||
|
// make this work on IE on elements without 'layout'
|
||||||
|
if(/MSIE/.test(navigator.userAgent) && (!this.element.hasLayout))
|
||||||
|
this.element.setStyle({zoom: 1});
|
||||||
|
var options = Object.extend({
|
||||||
|
from: this.element.getOpacity() || 0.0,
|
||||||
|
to: 1.0
|
||||||
|
}, arguments[1] || {});
|
||||||
|
this.start(options);
|
||||||
|
},
|
||||||
|
update: function(position) {
|
||||||
|
this.element.setOpacity(position);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Effect.Move = Class.create();
|
||||||
|
Object.extend(Object.extend(Effect.Move.prototype, Effect.Base.prototype), {
|
||||||
|
initialize: function(element) {
|
||||||
|
this.element = $(element);
|
||||||
|
var options = Object.extend({
|
||||||
|
x: 0,
|
||||||
|
y: 0,
|
||||||
|
mode: 'relative'
|
||||||
|
}, arguments[1] || {});
|
||||||
|
this.start(options);
|
||||||
|
},
|
||||||
|
setup: function() {
|
||||||
|
// Bug in Opera: Opera returns the "real" position of a static element or
|
||||||
|
// relative element that does not have top/left explicitly set.
|
||||||
|
// ==> Always set top and left for position relative elements in your stylesheets
|
||||||
|
// (to 0 if you do not need them)
|
||||||
|
this.element.makePositioned();
|
||||||
|
this.originalLeft = parseFloat(this.element.getStyle('left') || '0');
|
||||||
|
this.originalTop = parseFloat(this.element.getStyle('top') || '0');
|
||||||
|
if(this.options.mode == 'absolute') {
|
||||||
|
// absolute movement, so we need to calc deltaX and deltaY
|
||||||
|
this.options.x = this.options.x - this.originalLeft;
|
||||||
|
this.options.y = this.options.y - this.originalTop;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
update: function(position) {
|
||||||
|
this.element.setStyle({
|
||||||
|
left: this.options.x * position + this.originalLeft + 'px',
|
||||||
|
top: this.options.y * position + this.originalTop + 'px'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// for backwards compatibility
|
||||||
|
Effect.MoveBy = function(element, toTop, toLeft) {
|
||||||
|
return new Effect.Move(element,
|
||||||
|
Object.extend({ x: toLeft, y: toTop }, arguments[3] || {}));
|
||||||
|
};
|
||||||
|
|
||||||
|
Effect.Scale = Class.create();
|
||||||
|
Object.extend(Object.extend(Effect.Scale.prototype, Effect.Base.prototype), {
|
||||||
|
initialize: function(element, percent) {
|
||||||
|
this.element = $(element)
|
||||||
|
var options = Object.extend({
|
||||||
|
scaleX: true,
|
||||||
|
scaleY: true,
|
||||||
|
scaleContent: true,
|
||||||
|
scaleFromCenter: false,
|
||||||
|
scaleMode: 'box', // 'box' or 'contents' or {} with provided values
|
||||||
|
scaleFrom: 100.0,
|
||||||
|
scaleTo: percent
|
||||||
|
}, arguments[2] || {});
|
||||||
|
this.start(options);
|
||||||
|
},
|
||||||
|
setup: function() {
|
||||||
|
this.restoreAfterFinish = this.options.restoreAfterFinish || false;
|
||||||
|
this.elementPositioning = this.element.getStyle('position');
|
||||||
|
|
||||||
|
this.originalStyle = {};
|
||||||
|
['top','left','width','height','fontSize'].each( function(k) {
|
||||||
|
this.originalStyle[k] = this.element.style[k];
|
||||||
|
}.bind(this));
|
||||||
|
|
||||||
|
this.originalTop = this.element.offsetTop;
|
||||||
|
this.originalLeft = this.element.offsetLeft;
|
||||||
|
|
||||||
|
var fontSize = this.element.getStyle('font-size') || '100%';
|
||||||
|
['em','px','%'].each( function(fontSizeType) {
|
||||||
|
if(fontSize.indexOf(fontSizeType)>0) {
|
||||||
|
this.fontSize = parseFloat(fontSize);
|
||||||
|
this.fontSizeType = fontSizeType;
|
||||||
|
}
|
||||||
|
}.bind(this));
|
||||||
|
|
||||||
|
this.factor = (this.options.scaleTo - this.options.scaleFrom)/100;
|
||||||
|
|
||||||
|
this.dims = null;
|
||||||
|
if(this.options.scaleMode=='box')
|
||||||
|
this.dims = [this.element.offsetHeight, this.element.offsetWidth];
|
||||||
|
if(/^content/.test(this.options.scaleMode))
|
||||||
|
this.dims = [this.element.scrollHeight, this.element.scrollWidth];
|
||||||
|
if(!this.dims)
|
||||||
|
this.dims = [this.options.scaleMode.originalHeight,
|
||||||
|
this.options.scaleMode.originalWidth];
|
||||||
|
},
|
||||||
|
update: function(position) {
|
||||||
|
var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position);
|
||||||
|
if(this.options.scaleContent && this.fontSize)
|
||||||
|
this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType });
|
||||||
|
this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale);
|
||||||
|
},
|
||||||
|
finish: function(position) {
|
||||||
|
if (this.restoreAfterFinish) this.element.setStyle(this.originalStyle);
|
||||||
|
},
|
||||||
|
setDimensions: function(height, width) {
|
||||||
|
var d = {};
|
||||||
|
if(this.options.scaleX) d.width = width + 'px';
|
||||||
|
if(this.options.scaleY) d.height = height + 'px';
|
||||||
|
if(this.options.scaleFromCenter) {
|
||||||
|
var topd = (height - this.dims[0])/2;
|
||||||
|
var leftd = (width - this.dims[1])/2;
|
||||||
|
if(this.elementPositioning == 'absolute') {
|
||||||
|
if(this.options.scaleY) d.top = this.originalTop-topd + 'px';
|
||||||
|
if(this.options.scaleX) d.left = this.originalLeft-leftd + 'px';
|
||||||
|
} else {
|
||||||
|
if(this.options.scaleY) d.top = -topd + 'px';
|
||||||
|
if(this.options.scaleX) d.left = -leftd + 'px';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.element.setStyle(d);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Effect.Highlight = Class.create();
|
||||||
|
Object.extend(Object.extend(Effect.Highlight.prototype, Effect.Base.prototype), {
|
||||||
|
initialize: function(element) {
|
||||||
|
this.element = $(element);
|
||||||
|
var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || {});
|
||||||
|
this.start(options);
|
||||||
|
},
|
||||||
|
setup: function() {
|
||||||
|
// Prevent executing on elements not in the layout flow
|
||||||
|
if(this.element.getStyle('display')=='none') { this.cancel(); return; }
|
||||||
|
// Disable background image during the effect
|
||||||
|
this.oldStyle = {
|
||||||
|
backgroundImage: this.element.getStyle('background-image') };
|
||||||
|
this.element.setStyle({backgroundImage: 'none'});
|
||||||
|
if(!this.options.endcolor)
|
||||||
|
this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff');
|
||||||
|
if(!this.options.restorecolor)
|
||||||
|
this.options.restorecolor = this.element.getStyle('background-color');
|
||||||
|
// init color calculations
|
||||||
|
this._base = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this));
|
||||||
|
this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this));
|
||||||
|
},
|
||||||
|
update: function(position) {
|
||||||
|
this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){
|
||||||
|
return m+(Math.round(this._base[i]+(this._delta[i]*position)).toColorPart()); }.bind(this)) });
|
||||||
|
},
|
||||||
|
finish: function() {
|
||||||
|
this.element.setStyle(Object.extend(this.oldStyle, {
|
||||||
|
backgroundColor: this.options.restorecolor
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Effect.ScrollTo = Class.create();
|
||||||
|
Object.extend(Object.extend(Effect.ScrollTo.prototype, Effect.Base.prototype), {
|
||||||
|
initialize: function(element) {
|
||||||
|
this.element = $(element);
|
||||||
|
this.start(arguments[1] || {});
|
||||||
|
},
|
||||||
|
setup: function() {
|
||||||
|
Position.prepare();
|
||||||
|
var offsets = Position.cumulativeOffset(this.element);
|
||||||
|
if(this.options.offset) offsets[1] += this.options.offset;
|
||||||
|
var max = window.innerHeight ?
|
||||||
|
window.height - window.innerHeight :
|
||||||
|
document.body.scrollHeight -
|
||||||
|
(document.documentElement.clientHeight ?
|
||||||
|
document.documentElement.clientHeight : document.body.clientHeight);
|
||||||
|
this.scrollStart = Position.deltaY;
|
||||||
|
this.delta = (offsets[1] > max ? max : offsets[1]) - this.scrollStart;
|
||||||
|
},
|
||||||
|
update: function(position) {
|
||||||
|
Position.prepare();
|
||||||
|
window.scrollTo(Position.deltaX,
|
||||||
|
this.scrollStart + (position*this.delta));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/* ------------- combination effects ------------- */
|
||||||
|
|
||||||
|
Effect.Fade = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var oldOpacity = element.getInlineOpacity();
|
||||||
|
var options = Object.extend({
|
||||||
|
from: element.getOpacity() || 1.0,
|
||||||
|
to: 0.0,
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
if(effect.options.to!=0) return;
|
||||||
|
effect.element.hide();
|
||||||
|
effect.element.setStyle({opacity: oldOpacity});
|
||||||
|
}}, arguments[1] || {});
|
||||||
|
return new Effect.Opacity(element,options);
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.Appear = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var options = Object.extend({
|
||||||
|
from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0),
|
||||||
|
to: 1.0,
|
||||||
|
// force Safari to render floated elements properly
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.element.forceRerendering();
|
||||||
|
},
|
||||||
|
beforeSetup: function(effect) {
|
||||||
|
effect.element.setOpacity(effect.options.from);
|
||||||
|
effect.element.show();
|
||||||
|
}}, arguments[1] || {});
|
||||||
|
return new Effect.Opacity(element,options);
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.Puff = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var oldStyle = { opacity: element.getInlineOpacity(), position: element.getStyle('position') };
|
||||||
|
return new Effect.Parallel(
|
||||||
|
[ new Effect.Scale(element, 200,
|
||||||
|
{ sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }),
|
||||||
|
new Effect.Opacity(element, { sync: true, to: 0.0 } ) ],
|
||||||
|
Object.extend({ duration: 1.0,
|
||||||
|
beforeSetupInternal: function(effect) {
|
||||||
|
effect.effects[0].element.setStyle({position: 'absolute'}); },
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.effects[0].element.hide();
|
||||||
|
effect.effects[0].element.setStyle(oldStyle); }
|
||||||
|
}, arguments[1] || {})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.BlindUp = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
element.makeClipping();
|
||||||
|
return new Effect.Scale(element, 0,
|
||||||
|
Object.extend({ scaleContent: false,
|
||||||
|
scaleX: false,
|
||||||
|
restoreAfterFinish: true,
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.element.hide();
|
||||||
|
effect.element.undoClipping();
|
||||||
|
}
|
||||||
|
}, arguments[1] || {})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.BlindDown = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var elementDimensions = element.getDimensions();
|
||||||
|
return new Effect.Scale(element, 100,
|
||||||
|
Object.extend({ scaleContent: false,
|
||||||
|
scaleX: false,
|
||||||
|
scaleFrom: 0,
|
||||||
|
scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
|
||||||
|
restoreAfterFinish: true,
|
||||||
|
afterSetup: function(effect) {
|
||||||
|
effect.element.makeClipping();
|
||||||
|
effect.element.setStyle({height: '0px'});
|
||||||
|
effect.element.show();
|
||||||
|
},
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.element.undoClipping();
|
||||||
|
}
|
||||||
|
}, arguments[1] || {})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.SwitchOff = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var oldOpacity = element.getInlineOpacity();
|
||||||
|
return new Effect.Appear(element, {
|
||||||
|
duration: 0.4,
|
||||||
|
from: 0,
|
||||||
|
transition: Effect.Transitions.flicker,
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
new Effect.Scale(effect.element, 1, {
|
||||||
|
duration: 0.3, scaleFromCenter: true,
|
||||||
|
scaleX: false, scaleContent: false, restoreAfterFinish: true,
|
||||||
|
beforeSetup: function(effect) {
|
||||||
|
effect.element.makePositioned();
|
||||||
|
effect.element.makeClipping();
|
||||||
|
},
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.element.hide();
|
||||||
|
effect.element.undoClipping();
|
||||||
|
effect.element.undoPositioned();
|
||||||
|
effect.element.setStyle({opacity: oldOpacity});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.DropOut = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var oldStyle = {
|
||||||
|
top: element.getStyle('top'),
|
||||||
|
left: element.getStyle('left'),
|
||||||
|
opacity: element.getInlineOpacity() };
|
||||||
|
return new Effect.Parallel(
|
||||||
|
[ new Effect.Move(element, {x: 0, y: 100, sync: true }),
|
||||||
|
new Effect.Opacity(element, { sync: true, to: 0.0 }) ],
|
||||||
|
Object.extend(
|
||||||
|
{ duration: 0.5,
|
||||||
|
beforeSetup: function(effect) {
|
||||||
|
effect.effects[0].element.makePositioned();
|
||||||
|
},
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.effects[0].element.hide();
|
||||||
|
effect.effects[0].element.undoPositioned();
|
||||||
|
effect.effects[0].element.setStyle(oldStyle);
|
||||||
|
}
|
||||||
|
}, arguments[1] || {}));
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.Shake = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var oldStyle = {
|
||||||
|
top: element.getStyle('top'),
|
||||||
|
left: element.getStyle('left') };
|
||||||
|
return new Effect.Move(element,
|
||||||
|
{ x: 20, y: 0, duration: 0.05, afterFinishInternal: function(effect) {
|
||||||
|
new Effect.Move(effect.element,
|
||||||
|
{ x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
||||||
|
new Effect.Move(effect.element,
|
||||||
|
{ x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
||||||
|
new Effect.Move(effect.element,
|
||||||
|
{ x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
||||||
|
new Effect.Move(effect.element,
|
||||||
|
{ x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
||||||
|
new Effect.Move(effect.element,
|
||||||
|
{ x: -20, y: 0, duration: 0.05, afterFinishInternal: function(effect) {
|
||||||
|
effect.element.undoPositioned();
|
||||||
|
effect.element.setStyle(oldStyle);
|
||||||
|
}}) }}) }}) }}) }}) }});
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.SlideDown = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
element.cleanWhitespace();
|
||||||
|
// SlideDown need to have the content of the element wrapped in a container element with fixed height!
|
||||||
|
var oldInnerBottom = $(element.firstChild).getStyle('bottom');
|
||||||
|
var elementDimensions = element.getDimensions();
|
||||||
|
return new Effect.Scale(element, 100, Object.extend({
|
||||||
|
scaleContent: false,
|
||||||
|
scaleX: false,
|
||||||
|
scaleFrom: window.opera ? 0 : 1,
|
||||||
|
scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
|
||||||
|
restoreAfterFinish: true,
|
||||||
|
afterSetup: function(effect) {
|
||||||
|
effect.element.makePositioned();
|
||||||
|
effect.element.firstChild.makePositioned();
|
||||||
|
if(window.opera) effect.element.setStyle({top: ''});
|
||||||
|
effect.element.makeClipping();
|
||||||
|
effect.element.setStyle({height: '0px'});
|
||||||
|
effect.element.show(); },
|
||||||
|
afterUpdateInternal: function(effect) {
|
||||||
|
effect.element.firstChild.setStyle({bottom:
|
||||||
|
(effect.dims[0] - effect.element.clientHeight) + 'px' });
|
||||||
|
},
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.element.undoClipping();
|
||||||
|
// IE will crash if child is undoPositioned first
|
||||||
|
if(/MSIE/.test(navigator.userAgent)){
|
||||||
|
effect.element.undoPositioned();
|
||||||
|
effect.element.firstChild.undoPositioned();
|
||||||
|
}else{
|
||||||
|
effect.element.firstChild.undoPositioned();
|
||||||
|
effect.element.undoPositioned();
|
||||||
|
}
|
||||||
|
effect.element.firstChild.setStyle({bottom: oldInnerBottom}); }
|
||||||
|
}, arguments[1] || {})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.SlideUp = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
element.cleanWhitespace();
|
||||||
|
var oldInnerBottom = $(element.firstChild).getStyle('bottom');
|
||||||
|
return new Effect.Scale(element, window.opera ? 0 : 1,
|
||||||
|
Object.extend({ scaleContent: false,
|
||||||
|
scaleX: false,
|
||||||
|
scaleMode: 'box',
|
||||||
|
scaleFrom: 100,
|
||||||
|
restoreAfterFinish: true,
|
||||||
|
beforeStartInternal: function(effect) {
|
||||||
|
effect.element.makePositioned();
|
||||||
|
effect.element.firstChild.makePositioned();
|
||||||
|
if(window.opera) effect.element.setStyle({top: ''});
|
||||||
|
effect.element.makeClipping();
|
||||||
|
effect.element.show(); },
|
||||||
|
afterUpdateInternal: function(effect) {
|
||||||
|
effect.element.firstChild.setStyle({bottom:
|
||||||
|
(effect.dims[0] - effect.element.clientHeight) + 'px' }); },
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.element.hide();
|
||||||
|
effect.element.undoClipping();
|
||||||
|
effect.element.firstChild.undoPositioned();
|
||||||
|
effect.element.undoPositioned();
|
||||||
|
effect.element.setStyle({bottom: oldInnerBottom}); }
|
||||||
|
}, arguments[1] || {})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Bug in opera makes the TD containing this element expand for a instance after finish
|
||||||
|
Effect.Squish = function(element) {
|
||||||
|
return new Effect.Scale(element, window.opera ? 1 : 0,
|
||||||
|
{ restoreAfterFinish: true,
|
||||||
|
beforeSetup: function(effect) {
|
||||||
|
effect.element.makeClipping(effect.element); },
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.element.hide(effect.element);
|
||||||
|
effect.element.undoClipping(effect.element); }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.Grow = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var options = Object.extend({
|
||||||
|
direction: 'center',
|
||||||
|
moveTransition: Effect.Transitions.sinoidal,
|
||||||
|
scaleTransition: Effect.Transitions.sinoidal,
|
||||||
|
opacityTransition: Effect.Transitions.full
|
||||||
|
}, arguments[1] || {});
|
||||||
|
var oldStyle = {
|
||||||
|
top: element.style.top,
|
||||||
|
left: element.style.left,
|
||||||
|
height: element.style.height,
|
||||||
|
width: element.style.width,
|
||||||
|
opacity: element.getInlineOpacity() };
|
||||||
|
|
||||||
|
var dims = element.getDimensions();
|
||||||
|
var initialMoveX, initialMoveY;
|
||||||
|
var moveX, moveY;
|
||||||
|
|
||||||
|
switch (options.direction) {
|
||||||
|
case 'top-left':
|
||||||
|
initialMoveX = initialMoveY = moveX = moveY = 0;
|
||||||
|
break;
|
||||||
|
case 'top-right':
|
||||||
|
initialMoveX = dims.width;
|
||||||
|
initialMoveY = moveY = 0;
|
||||||
|
moveX = -dims.width;
|
||||||
|
break;
|
||||||
|
case 'bottom-left':
|
||||||
|
initialMoveX = moveX = 0;
|
||||||
|
initialMoveY = dims.height;
|
||||||
|
moveY = -dims.height;
|
||||||
|
break;
|
||||||
|
case 'bottom-right':
|
||||||
|
initialMoveX = dims.width;
|
||||||
|
initialMoveY = dims.height;
|
||||||
|
moveX = -dims.width;
|
||||||
|
moveY = -dims.height;
|
||||||
|
break;
|
||||||
|
case 'center':
|
||||||
|
initialMoveX = dims.width / 2;
|
||||||
|
initialMoveY = dims.height / 2;
|
||||||
|
moveX = -dims.width / 2;
|
||||||
|
moveY = -dims.height / 2;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
return new Effect.Move(element, {
|
||||||
|
x: initialMoveX,
|
||||||
|
y: initialMoveY,
|
||||||
|
duration: 0.01,
|
||||||
|
beforeSetup: function(effect) {
|
||||||
|
effect.element.hide();
|
||||||
|
effect.element.makeClipping();
|
||||||
|
effect.element.makePositioned();
|
||||||
|
},
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
new Effect.Parallel(
|
||||||
|
[ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }),
|
||||||
|
new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }),
|
||||||
|
new Effect.Scale(effect.element, 100, {
|
||||||
|
scaleMode: { originalHeight: dims.height, originalWidth: dims.width },
|
||||||
|
sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true})
|
||||||
|
], Object.extend({
|
||||||
|
beforeSetup: function(effect) {
|
||||||
|
effect.effects[0].element.setStyle({height: '0px'});
|
||||||
|
effect.effects[0].element.show();
|
||||||
|
},
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.effects[0].element.undoClipping();
|
||||||
|
effect.effects[0].element.undoPositioned();
|
||||||
|
effect.effects[0].element.setStyle(oldStyle);
|
||||||
|
}
|
||||||
|
}, options)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.Shrink = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var options = Object.extend({
|
||||||
|
direction: 'center',
|
||||||
|
moveTransition: Effect.Transitions.sinoidal,
|
||||||
|
scaleTransition: Effect.Transitions.sinoidal,
|
||||||
|
opacityTransition: Effect.Transitions.none
|
||||||
|
}, arguments[1] || {});
|
||||||
|
var oldStyle = {
|
||||||
|
top: element.style.top,
|
||||||
|
left: element.style.left,
|
||||||
|
height: element.style.height,
|
||||||
|
width: element.style.width,
|
||||||
|
opacity: element.getInlineOpacity() };
|
||||||
|
|
||||||
|
var dims = element.getDimensions();
|
||||||
|
var moveX, moveY;
|
||||||
|
|
||||||
|
switch (options.direction) {
|
||||||
|
case 'top-left':
|
||||||
|
moveX = moveY = 0;
|
||||||
|
break;
|
||||||
|
case 'top-right':
|
||||||
|
moveX = dims.width;
|
||||||
|
moveY = 0;
|
||||||
|
break;
|
||||||
|
case 'bottom-left':
|
||||||
|
moveX = 0;
|
||||||
|
moveY = dims.height;
|
||||||
|
break;
|
||||||
|
case 'bottom-right':
|
||||||
|
moveX = dims.width;
|
||||||
|
moveY = dims.height;
|
||||||
|
break;
|
||||||
|
case 'center':
|
||||||
|
moveX = dims.width / 2;
|
||||||
|
moveY = dims.height / 2;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
return new Effect.Parallel(
|
||||||
|
[ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }),
|
||||||
|
new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}),
|
||||||
|
new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition })
|
||||||
|
], Object.extend({
|
||||||
|
beforeStartInternal: function(effect) {
|
||||||
|
effect.effects[0].element.makePositioned();
|
||||||
|
effect.effects[0].element.makeClipping(); },
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.effects[0].element.hide();
|
||||||
|
effect.effects[0].element.undoClipping();
|
||||||
|
effect.effects[0].element.undoPositioned();
|
||||||
|
effect.effects[0].element.setStyle(oldStyle); }
|
||||||
|
}, options)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.Pulsate = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var options = arguments[1] || {};
|
||||||
|
var oldOpacity = element.getInlineOpacity();
|
||||||
|
var transition = options.transition || Effect.Transitions.sinoidal;
|
||||||
|
var reverser = function(pos){ return transition(1-Effect.Transitions.pulse(pos)) };
|
||||||
|
reverser.bind(transition);
|
||||||
|
return new Effect.Opacity(element,
|
||||||
|
Object.extend(Object.extend({ duration: 3.0, from: 0,
|
||||||
|
afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); }
|
||||||
|
}, options), {transition: reverser}));
|
||||||
|
}
|
||||||
|
|
||||||
|
Effect.Fold = function(element) {
|
||||||
|
element = $(element);
|
||||||
|
var oldStyle = {
|
||||||
|
top: element.style.top,
|
||||||
|
left: element.style.left,
|
||||||
|
width: element.style.width,
|
||||||
|
height: element.style.height };
|
||||||
|
Element.makeClipping(element);
|
||||||
|
return new Effect.Scale(element, 5, Object.extend({
|
||||||
|
scaleContent: false,
|
||||||
|
scaleX: false,
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
new Effect.Scale(element, 1, {
|
||||||
|
scaleContent: false,
|
||||||
|
scaleY: false,
|
||||||
|
afterFinishInternal: function(effect) {
|
||||||
|
effect.element.hide();
|
||||||
|
effect.element.undoClipping();
|
||||||
|
effect.element.setStyle(oldStyle);
|
||||||
|
} });
|
||||||
|
}}, arguments[1] || {}));
|
||||||
|
};
|
||||||
|
|
||||||
|
['setOpacity','getOpacity','getInlineOpacity','forceRerendering','setContentZoom',
|
||||||
|
'collectTextNodes','collectTextNodesIgnoreClass','childrenWithClassName'].each(
|
||||||
|
function(f) { Element.Methods[f] = Element[f]; }
|
||||||
|
);
|
||||||
|
|
||||||
|
Element.Methods.visualEffect = function(element, effect, options) {
|
||||||
|
s = effect.gsub(/_/, '-').camelize();
|
||||||
|
effect_class = s.charAt(0).toUpperCase() + s.substring(1);
|
||||||
|
new Effect[effect_class](element, options);
|
||||||
|
return $(element);
|
||||||
|
};
|
||||||
|
|
||||||
|
Element.addMethods();
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,47 @@
|
||||||
|
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||||
|
//
|
||||||
|
// Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
// a copy of this software and associated documentation files (the
|
||||||
|
// "Software"), to deal in the Software without restriction, including
|
||||||
|
// without limitation the rights to use, copy, modify, merge, publish,
|
||||||
|
// distribute, sublicense, and/or sell copies of the Software, and to
|
||||||
|
// permit persons to whom the Software is furnished to do so, subject to
|
||||||
|
// the following conditions:
|
||||||
|
//
|
||||||
|
// The above copyright notice and this permission notice shall be
|
||||||
|
// included in all copies or substantial portions of the Software.
|
||||||
|
//
|
||||||
|
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||||
|
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||||
|
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||||
|
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||||
|
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||||
|
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
|
|
||||||
|
var Scriptaculous = {
|
||||||
|
Version: '1.6.1',
|
||||||
|
require: function(libraryName) {
|
||||||
|
// inserting via DOM fails in Safari 2.0, so brute force approach
|
||||||
|
document.write('<script type="text/javascript" src="'+libraryName+'"></script>');
|
||||||
|
},
|
||||||
|
load: function() {
|
||||||
|
if((typeof Prototype=='undefined') ||
|
||||||
|
(typeof Element == 'undefined') ||
|
||||||
|
(typeof Element.Methods=='undefined') ||
|
||||||
|
parseFloat(Prototype.Version.split(".")[0] + "." +
|
||||||
|
Prototype.Version.split(".")[1]) < 1.5)
|
||||||
|
throw("script.aculo.us requires the Prototype JavaScript framework >= 1.5.0");
|
||||||
|
|
||||||
|
$A(document.getElementsByTagName("script")).findAll( function(s) {
|
||||||
|
return (s.src && s.src.match(/scriptaculous\.js(\?.*)?$/))
|
||||||
|
}).each( function(s) {
|
||||||
|
var path = s.src.replace(/scriptaculous\.js(\?.*)?$/,'');
|
||||||
|
var includes = s.src.match(/\?.*load=([a-z,]*)/);
|
||||||
|
(includes ? includes[1] : 'builder,effects,dragdrop,controls,slider').split(',').each(
|
||||||
|
function(include) { Scriptaculous.require(path+include+'.js') });
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Scriptaculous.load();
|
||||||
|
|
@ -0,0 +1,283 @@
|
||||||
|
// Copyright (c) 2005 Marty Haught, Thomas Fuchs
|
||||||
|
//
|
||||||
|
// See http://script.aculo.us for more info
|
||||||
|
//
|
||||||
|
// Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
// a copy of this software and associated documentation files (the
|
||||||
|
// "Software"), to deal in the Software without restriction, including
|
||||||
|
// without limitation the rights to use, copy, modify, merge, publish,
|
||||||
|
// distribute, sublicense, and/or sell copies of the Software, and to
|
||||||
|
// permit persons to whom the Software is furnished to do so, subject to
|
||||||
|
// the following conditions:
|
||||||
|
//
|
||||||
|
// The above copyright notice and this permission notice shall be
|
||||||
|
// included in all copies or substantial portions of the Software.
|
||||||
|
//
|
||||||
|
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||||
|
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||||
|
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||||
|
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||||
|
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||||
|
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
|
|
||||||
|
if(!Control) var Control = {};
|
||||||
|
Control.Slider = Class.create();
|
||||||
|
|
||||||
|
// options:
|
||||||
|
// axis: 'vertical', or 'horizontal' (default)
|
||||||
|
//
|
||||||
|
// callbacks:
|
||||||
|
// onChange(value)
|
||||||
|
// onSlide(value)
|
||||||
|
Control.Slider.prototype = {
|
||||||
|
initialize: function(handle, track, options) {
|
||||||
|
var slider = this;
|
||||||
|
|
||||||
|
if(handle instanceof Array) {
|
||||||
|
this.handles = handle.collect( function(e) { return $(e) });
|
||||||
|
} else {
|
||||||
|
this.handles = [$(handle)];
|
||||||
|
}
|
||||||
|
|
||||||
|
this.track = $(track);
|
||||||
|
this.options = options || {};
|
||||||
|
|
||||||
|
this.axis = this.options.axis || 'horizontal';
|
||||||
|
this.increment = this.options.increment || 1;
|
||||||
|
this.step = parseInt(this.options.step || '1');
|
||||||
|
this.range = this.options.range || $R(0,1);
|
||||||
|
|
||||||
|
this.value = 0; // assure backwards compat
|
||||||
|
this.values = this.handles.map( function() { return 0 });
|
||||||
|
this.spans = this.options.spans ? this.options.spans.map(function(s){ return $(s) }) : false;
|
||||||
|
this.options.startSpan = $(this.options.startSpan || null);
|
||||||
|
this.options.endSpan = $(this.options.endSpan || null);
|
||||||
|
|
||||||
|
this.restricted = this.options.restricted || false;
|
||||||
|
|
||||||
|
this.maximum = this.options.maximum || this.range.end;
|
||||||
|
this.minimum = this.options.minimum || this.range.start;
|
||||||
|
|
||||||
|
// Will be used to align the handle onto the track, if necessary
|
||||||
|
this.alignX = parseInt(this.options.alignX || '0');
|
||||||
|
this.alignY = parseInt(this.options.alignY || '0');
|
||||||
|
|
||||||
|
this.trackLength = this.maximumOffset() - this.minimumOffset();
|
||||||
|
this.handleLength = this.isVertical() ? this.handles[0].offsetHeight : this.handles[0].offsetWidth;
|
||||||
|
|
||||||
|
this.active = false;
|
||||||
|
this.dragging = false;
|
||||||
|
this.disabled = false;
|
||||||
|
|
||||||
|
if(this.options.disabled) this.setDisabled();
|
||||||
|
|
||||||
|
// Allowed values array
|
||||||
|
this.allowedValues = this.options.values ? this.options.values.sortBy(Prototype.K) : false;
|
||||||
|
if(this.allowedValues) {
|
||||||
|
this.minimum = this.allowedValues.min();
|
||||||
|
this.maximum = this.allowedValues.max();
|
||||||
|
}
|
||||||
|
|
||||||
|
this.eventMouseDown = this.startDrag.bindAsEventListener(this);
|
||||||
|
this.eventMouseUp = this.endDrag.bindAsEventListener(this);
|
||||||
|
this.eventMouseMove = this.update.bindAsEventListener(this);
|
||||||
|
|
||||||
|
// Initialize handles in reverse (make sure first handle is active)
|
||||||
|
this.handles.each( function(h,i) {
|
||||||
|
i = slider.handles.length-1-i;
|
||||||
|
slider.setValue(parseFloat(
|
||||||
|
(slider.options.sliderValue instanceof Array ?
|
||||||
|
slider.options.sliderValue[i] : slider.options.sliderValue) ||
|
||||||
|
slider.range.start), i);
|
||||||
|
Element.makePositioned(h); // fix IE
|
||||||
|
Event.observe(h, "mousedown", slider.eventMouseDown);
|
||||||
|
});
|
||||||
|
|
||||||
|
Event.observe(this.track, "mousedown", this.eventMouseDown);
|
||||||
|
Event.observe(document, "mouseup", this.eventMouseUp);
|
||||||
|
Event.observe(document, "mousemove", this.eventMouseMove);
|
||||||
|
|
||||||
|
this.initialized = true;
|
||||||
|
},
|
||||||
|
dispose: function() {
|
||||||
|
var slider = this;
|
||||||
|
Event.stopObserving(this.track, "mousedown", this.eventMouseDown);
|
||||||
|
Event.stopObserving(document, "mouseup", this.eventMouseUp);
|
||||||
|
Event.stopObserving(document, "mousemove", this.eventMouseMove);
|
||||||
|
this.handles.each( function(h) {
|
||||||
|
Event.stopObserving(h, "mousedown", slider.eventMouseDown);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
setDisabled: function(){
|
||||||
|
this.disabled = true;
|
||||||
|
},
|
||||||
|
setEnabled: function(){
|
||||||
|
this.disabled = false;
|
||||||
|
},
|
||||||
|
getNearestValue: function(value){
|
||||||
|
if(this.allowedValues){
|
||||||
|
if(value >= this.allowedValues.max()) return(this.allowedValues.max());
|
||||||
|
if(value <= this.allowedValues.min()) return(this.allowedValues.min());
|
||||||
|
|
||||||
|
var offset = Math.abs(this.allowedValues[0] - value);
|
||||||
|
var newValue = this.allowedValues[0];
|
||||||
|
this.allowedValues.each( function(v) {
|
||||||
|
var currentOffset = Math.abs(v - value);
|
||||||
|
if(currentOffset <= offset){
|
||||||
|
newValue = v;
|
||||||
|
offset = currentOffset;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return newValue;
|
||||||
|
}
|
||||||
|
if(value > this.range.end) return this.range.end;
|
||||||
|
if(value < this.range.start) return this.range.start;
|
||||||
|
return value;
|
||||||
|
},
|
||||||
|
setValue: function(sliderValue, handleIdx){
|
||||||
|
if(!this.active) {
|
||||||
|
this.activeHandle = this.handles[handleIdx];
|
||||||
|
this.activeHandleIdx = handleIdx;
|
||||||
|
this.updateStyles();
|
||||||
|
}
|
||||||
|
handleIdx = handleIdx || this.activeHandleIdx || 0;
|
||||||
|
if(this.initialized && this.restricted) {
|
||||||
|
if((handleIdx>0) && (sliderValue<this.values[handleIdx-1]))
|
||||||
|
sliderValue = this.values[handleIdx-1];
|
||||||
|
if((handleIdx < (this.handles.length-1)) && (sliderValue>this.values[handleIdx+1]))
|
||||||
|
sliderValue = this.values[handleIdx+1];
|
||||||
|
}
|
||||||
|
sliderValue = this.getNearestValue(sliderValue);
|
||||||
|
this.values[handleIdx] = sliderValue;
|
||||||
|
this.value = this.values[0]; // assure backwards compat
|
||||||
|
|
||||||
|
this.handles[handleIdx].style[this.isVertical() ? 'top' : 'left'] =
|
||||||
|
this.translateToPx(sliderValue);
|
||||||
|
|
||||||
|
this.drawSpans();
|
||||||
|
if(!this.dragging || !this.event) this.updateFinished();
|
||||||
|
},
|
||||||
|
setValueBy: function(delta, handleIdx) {
|
||||||
|
this.setValue(this.values[handleIdx || this.activeHandleIdx || 0] + delta,
|
||||||
|
handleIdx || this.activeHandleIdx || 0);
|
||||||
|
},
|
||||||
|
translateToPx: function(value) {
|
||||||
|
return Math.round(
|
||||||
|
((this.trackLength-this.handleLength)/(this.range.end-this.range.start)) *
|
||||||
|
(value - this.range.start)) + "px";
|
||||||
|
},
|
||||||
|
translateToValue: function(offset) {
|
||||||
|
return ((offset/(this.trackLength-this.handleLength) *
|
||||||
|
(this.range.end-this.range.start)) + this.range.start);
|
||||||
|
},
|
||||||
|
getRange: function(range) {
|
||||||
|
var v = this.values.sortBy(Prototype.K);
|
||||||
|
range = range || 0;
|
||||||
|
return $R(v[range],v[range+1]);
|
||||||
|
},
|
||||||
|
minimumOffset: function(){
|
||||||
|
return(this.isVertical() ? this.alignY : this.alignX);
|
||||||
|
},
|
||||||
|
maximumOffset: function(){
|
||||||
|
return(this.isVertical() ?
|
||||||
|
this.track.offsetHeight - this.alignY : this.track.offsetWidth - this.alignX);
|
||||||
|
},
|
||||||
|
isVertical: function(){
|
||||||
|
return (this.axis == 'vertical');
|
||||||
|
},
|
||||||
|
drawSpans: function() {
|
||||||
|
var slider = this;
|
||||||
|
if(this.spans)
|
||||||
|
$R(0, this.spans.length-1).each(function(r) { slider.setSpan(slider.spans[r], slider.getRange(r)) });
|
||||||
|
if(this.options.startSpan)
|
||||||
|
this.setSpan(this.options.startSpan,
|
||||||
|
$R(0, this.values.length>1 ? this.getRange(0).min() : this.value ));
|
||||||
|
if(this.options.endSpan)
|
||||||
|
this.setSpan(this.options.endSpan,
|
||||||
|
$R(this.values.length>1 ? this.getRange(this.spans.length-1).max() : this.value, this.maximum));
|
||||||
|
},
|
||||||
|
setSpan: function(span, range) {
|
||||||
|
if(this.isVertical()) {
|
||||||
|
span.style.top = this.translateToPx(range.start);
|
||||||
|
span.style.height = this.translateToPx(range.end - range.start + this.range.start);
|
||||||
|
} else {
|
||||||
|
span.style.left = this.translateToPx(range.start);
|
||||||
|
span.style.width = this.translateToPx(range.end - range.start + this.range.start);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
updateStyles: function() {
|
||||||
|
this.handles.each( function(h){ Element.removeClassName(h, 'selected') });
|
||||||
|
Element.addClassName(this.activeHandle, 'selected');
|
||||||
|
},
|
||||||
|
startDrag: function(event) {
|
||||||
|
if(Event.isLeftClick(event)) {
|
||||||
|
if(!this.disabled){
|
||||||
|
this.active = true;
|
||||||
|
|
||||||
|
var handle = Event.element(event);
|
||||||
|
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
||||||
|
if(handle==this.track) {
|
||||||
|
var offsets = Position.cumulativeOffset(this.track);
|
||||||
|
this.event = event;
|
||||||
|
this.setValue(this.translateToValue(
|
||||||
|
(this.isVertical() ? pointer[1]-offsets[1] : pointer[0]-offsets[0])-(this.handleLength/2)
|
||||||
|
));
|
||||||
|
var offsets = Position.cumulativeOffset(this.activeHandle);
|
||||||
|
this.offsetX = (pointer[0] - offsets[0]);
|
||||||
|
this.offsetY = (pointer[1] - offsets[1]);
|
||||||
|
} else {
|
||||||
|
// find the handle (prevents issues with Safari)
|
||||||
|
while((this.handles.indexOf(handle) == -1) && handle.parentNode)
|
||||||
|
handle = handle.parentNode;
|
||||||
|
|
||||||
|
this.activeHandle = handle;
|
||||||
|
this.activeHandleIdx = this.handles.indexOf(this.activeHandle);
|
||||||
|
this.updateStyles();
|
||||||
|
|
||||||
|
var offsets = Position.cumulativeOffset(this.activeHandle);
|
||||||
|
this.offsetX = (pointer[0] - offsets[0]);
|
||||||
|
this.offsetY = (pointer[1] - offsets[1]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Event.stop(event);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
update: function(event) {
|
||||||
|
if(this.active) {
|
||||||
|
if(!this.dragging) this.dragging = true;
|
||||||
|
this.draw(event);
|
||||||
|
// fix AppleWebKit rendering
|
||||||
|
if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
|
||||||
|
Event.stop(event);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
draw: function(event) {
|
||||||
|
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
||||||
|
var offsets = Position.cumulativeOffset(this.track);
|
||||||
|
pointer[0] -= this.offsetX + offsets[0];
|
||||||
|
pointer[1] -= this.offsetY + offsets[1];
|
||||||
|
this.event = event;
|
||||||
|
this.setValue(this.translateToValue( this.isVertical() ? pointer[1] : pointer[0] ));
|
||||||
|
if(this.initialized && this.options.onSlide)
|
||||||
|
this.options.onSlide(this.values.length>1 ? this.values : this.value, this);
|
||||||
|
},
|
||||||
|
endDrag: function(event) {
|
||||||
|
if(this.active && this.dragging) {
|
||||||
|
this.finishDrag(event, true);
|
||||||
|
Event.stop(event);
|
||||||
|
}
|
||||||
|
this.active = false;
|
||||||
|
this.dragging = false;
|
||||||
|
},
|
||||||
|
finishDrag: function(event, success) {
|
||||||
|
this.active = false;
|
||||||
|
this.dragging = false;
|
||||||
|
this.updateFinished();
|
||||||
|
},
|
||||||
|
updateFinished: function() {
|
||||||
|
if(this.initialized && this.options.onChange)
|
||||||
|
this.options.onChange(this.values.length>1 ? this.values : this.value, this);
|
||||||
|
this.event = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,383 @@
|
||||||
|
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||||
|
// (c) 2005 Jon Tirsen (http://www.tirsen.com)
|
||||||
|
// (c) 2005 Michael Schuerig (http://www.schuerig.de/michael/)
|
||||||
|
//
|
||||||
|
// Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
// a copy of this software and associated documentation files (the
|
||||||
|
// "Software"), to deal in the Software without restriction, including
|
||||||
|
// without limitation the rights to use, copy, modify, merge, publish,
|
||||||
|
// distribute, sublicense, and/or sell copies of the Software, and to
|
||||||
|
// permit persons to whom the Software is furnished to do so, subject to
|
||||||
|
// the following conditions:
|
||||||
|
//
|
||||||
|
// The above copyright notice and this permission notice shall be
|
||||||
|
// included in all copies or substantial portions of the Software.
|
||||||
|
//
|
||||||
|
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||||
|
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||||
|
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||||
|
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||||
|
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||||
|
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
|
|
||||||
|
|
||||||
|
// experimental, Firefox-only
|
||||||
|
Event.simulateMouse = function(element, eventName) {
|
||||||
|
var options = Object.extend({
|
||||||
|
pointerX: 0,
|
||||||
|
pointerY: 0,
|
||||||
|
buttons: 0
|
||||||
|
}, arguments[2] || {});
|
||||||
|
var oEvent = document.createEvent("MouseEvents");
|
||||||
|
oEvent.initMouseEvent(eventName, true, true, document.defaultView,
|
||||||
|
options.buttons, options.pointerX, options.pointerY, options.pointerX, options.pointerY,
|
||||||
|
false, false, false, false, 0, $(element));
|
||||||
|
|
||||||
|
if(this.mark) Element.remove(this.mark);
|
||||||
|
this.mark = document.createElement('div');
|
||||||
|
this.mark.appendChild(document.createTextNode(" "));
|
||||||
|
document.body.appendChild(this.mark);
|
||||||
|
this.mark.style.position = 'absolute';
|
||||||
|
this.mark.style.top = options.pointerY + "px";
|
||||||
|
this.mark.style.left = options.pointerX + "px";
|
||||||
|
this.mark.style.width = "5px";
|
||||||
|
this.mark.style.height = "5px;";
|
||||||
|
this.mark.style.borderTop = "1px solid red;"
|
||||||
|
this.mark.style.borderLeft = "1px solid red;"
|
||||||
|
|
||||||
|
if(this.step)
|
||||||
|
alert('['+new Date().getTime().toString()+'] '+eventName+'/'+Test.Unit.inspect(options));
|
||||||
|
|
||||||
|
$(element).dispatchEvent(oEvent);
|
||||||
|
};
|
||||||
|
|
||||||
|
// Note: Due to a fix in Firefox 1.0.5/6 that probably fixed "too much", this doesn't work in 1.0.6 or DP2.
|
||||||
|
// You need to downgrade to 1.0.4 for now to get this working
|
||||||
|
// See https://bugzilla.mozilla.org/show_bug.cgi?id=289940 for the fix that fixed too much
|
||||||
|
Event.simulateKey = function(element, eventName) {
|
||||||
|
var options = Object.extend({
|
||||||
|
ctrlKey: false,
|
||||||
|
altKey: false,
|
||||||
|
shiftKey: false,
|
||||||
|
metaKey: false,
|
||||||
|
keyCode: 0,
|
||||||
|
charCode: 0
|
||||||
|
}, arguments[2] || {});
|
||||||
|
|
||||||
|
var oEvent = document.createEvent("KeyEvents");
|
||||||
|
oEvent.initKeyEvent(eventName, true, true, window,
|
||||||
|
options.ctrlKey, options.altKey, options.shiftKey, options.metaKey,
|
||||||
|
options.keyCode, options.charCode );
|
||||||
|
$(element).dispatchEvent(oEvent);
|
||||||
|
};
|
||||||
|
|
||||||
|
Event.simulateKeys = function(element, command) {
|
||||||
|
for(var i=0; i<command.length; i++) {
|
||||||
|
Event.simulateKey(element,'keypress',{charCode:command.charCodeAt(i)});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var Test = {}
|
||||||
|
Test.Unit = {};
|
||||||
|
|
||||||
|
// security exception workaround
|
||||||
|
Test.Unit.inspect = Object.inspect;
|
||||||
|
|
||||||
|
Test.Unit.Logger = Class.create();
|
||||||
|
Test.Unit.Logger.prototype = {
|
||||||
|
initialize: function(log) {
|
||||||
|
this.log = $(log);
|
||||||
|
if (this.log) {
|
||||||
|
this._createLogTable();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
start: function(testName) {
|
||||||
|
if (!this.log) return;
|
||||||
|
this.testName = testName;
|
||||||
|
this.lastLogLine = document.createElement('tr');
|
||||||
|
this.statusCell = document.createElement('td');
|
||||||
|
this.nameCell = document.createElement('td');
|
||||||
|
this.nameCell.appendChild(document.createTextNode(testName));
|
||||||
|
this.messageCell = document.createElement('td');
|
||||||
|
this.lastLogLine.appendChild(this.statusCell);
|
||||||
|
this.lastLogLine.appendChild(this.nameCell);
|
||||||
|
this.lastLogLine.appendChild(this.messageCell);
|
||||||
|
this.loglines.appendChild(this.lastLogLine);
|
||||||
|
},
|
||||||
|
finish: function(status, summary) {
|
||||||
|
if (!this.log) return;
|
||||||
|
this.lastLogLine.className = status;
|
||||||
|
this.statusCell.innerHTML = status;
|
||||||
|
this.messageCell.innerHTML = this._toHTML(summary);
|
||||||
|
},
|
||||||
|
message: function(message) {
|
||||||
|
if (!this.log) return;
|
||||||
|
this.messageCell.innerHTML = this._toHTML(message);
|
||||||
|
},
|
||||||
|
summary: function(summary) {
|
||||||
|
if (!this.log) return;
|
||||||
|
this.logsummary.innerHTML = this._toHTML(summary);
|
||||||
|
},
|
||||||
|
_createLogTable: function() {
|
||||||
|
this.log.innerHTML =
|
||||||
|
'<div id="logsummary"></div>' +
|
||||||
|
'<table id="logtable">' +
|
||||||
|
'<thead><tr><th>Status</th><th>Test</th><th>Message</th></tr></thead>' +
|
||||||
|
'<tbody id="loglines"></tbody>' +
|
||||||
|
'</table>';
|
||||||
|
this.logsummary = $('logsummary')
|
||||||
|
this.loglines = $('loglines');
|
||||||
|
},
|
||||||
|
_toHTML: function(txt) {
|
||||||
|
return txt.escapeHTML().replace(/\n/g,"<br/>");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Test.Unit.Runner = Class.create();
|
||||||
|
Test.Unit.Runner.prototype = {
|
||||||
|
initialize: function(testcases) {
|
||||||
|
this.options = Object.extend({
|
||||||
|
testLog: 'testlog'
|
||||||
|
}, arguments[1] || {});
|
||||||
|
this.options.resultsURL = this.parseResultsURLQueryParameter();
|
||||||
|
if (this.options.testLog) {
|
||||||
|
this.options.testLog = $(this.options.testLog) || null;
|
||||||
|
}
|
||||||
|
if(this.options.tests) {
|
||||||
|
this.tests = [];
|
||||||
|
for(var i = 0; i < this.options.tests.length; i++) {
|
||||||
|
if(/^test/.test(this.options.tests[i])) {
|
||||||
|
this.tests.push(new Test.Unit.Testcase(this.options.tests[i], testcases[this.options.tests[i]], testcases["setup"], testcases["teardown"]));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (this.options.test) {
|
||||||
|
this.tests = [new Test.Unit.Testcase(this.options.test, testcases[this.options.test], testcases["setup"], testcases["teardown"])];
|
||||||
|
} else {
|
||||||
|
this.tests = [];
|
||||||
|
for(var testcase in testcases) {
|
||||||
|
if(/^test/.test(testcase)) {
|
||||||
|
this.tests.push(new Test.Unit.Testcase(testcase, testcases[testcase], testcases["setup"], testcases["teardown"]));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.currentTest = 0;
|
||||||
|
this.logger = new Test.Unit.Logger(this.options.testLog);
|
||||||
|
setTimeout(this.runTests.bind(this), 1000);
|
||||||
|
},
|
||||||
|
parseResultsURLQueryParameter: function() {
|
||||||
|
return window.location.search.parseQuery()["resultsURL"];
|
||||||
|
},
|
||||||
|
// Returns:
|
||||||
|
// "ERROR" if there was an error,
|
||||||
|
// "FAILURE" if there was a failure, or
|
||||||
|
// "SUCCESS" if there was neither
|
||||||
|
getResult: function() {
|
||||||
|
var hasFailure = false;
|
||||||
|
for(var i=0;i<this.tests.length;i++) {
|
||||||
|
if (this.tests[i].errors > 0) {
|
||||||
|
return "ERROR";
|
||||||
|
}
|
||||||
|
if (this.tests[i].failures > 0) {
|
||||||
|
hasFailure = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (hasFailure) {
|
||||||
|
return "FAILURE";
|
||||||
|
} else {
|
||||||
|
return "SUCCESS";
|
||||||
|
}
|
||||||
|
},
|
||||||
|
postResults: function() {
|
||||||
|
if (this.options.resultsURL) {
|
||||||
|
new Ajax.Request(this.options.resultsURL,
|
||||||
|
{ method: 'get', parameters: 'result=' + this.getResult(), asynchronous: false });
|
||||||
|
}
|
||||||
|
},
|
||||||
|
runTests: function() {
|
||||||
|
var test = this.tests[this.currentTest];
|
||||||
|
if (!test) {
|
||||||
|
// finished!
|
||||||
|
this.postResults();
|
||||||
|
this.logger.summary(this.summary());
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(!test.isWaiting) {
|
||||||
|
this.logger.start(test.name);
|
||||||
|
}
|
||||||
|
test.run();
|
||||||
|
if(test.isWaiting) {
|
||||||
|
this.logger.message("Waiting for " + test.timeToWait + "ms");
|
||||||
|
setTimeout(this.runTests.bind(this), test.timeToWait || 1000);
|
||||||
|
} else {
|
||||||
|
this.logger.finish(test.status(), test.summary());
|
||||||
|
this.currentTest++;
|
||||||
|
// tail recursive, hopefully the browser will skip the stackframe
|
||||||
|
this.runTests();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
summary: function() {
|
||||||
|
var assertions = 0;
|
||||||
|
var failures = 0;
|
||||||
|
var errors = 0;
|
||||||
|
var messages = [];
|
||||||
|
for(var i=0;i<this.tests.length;i++) {
|
||||||
|
assertions += this.tests[i].assertions;
|
||||||
|
failures += this.tests[i].failures;
|
||||||
|
errors += this.tests[i].errors;
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
this.tests.length + " tests, " +
|
||||||
|
assertions + " assertions, " +
|
||||||
|
failures + " failures, " +
|
||||||
|
errors + " errors");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Test.Unit.Assertions = Class.create();
|
||||||
|
Test.Unit.Assertions.prototype = {
|
||||||
|
initialize: function() {
|
||||||
|
this.assertions = 0;
|
||||||
|
this.failures = 0;
|
||||||
|
this.errors = 0;
|
||||||
|
this.messages = [];
|
||||||
|
},
|
||||||
|
summary: function() {
|
||||||
|
return (
|
||||||
|
this.assertions + " assertions, " +
|
||||||
|
this.failures + " failures, " +
|
||||||
|
this.errors + " errors" + "\n" +
|
||||||
|
this.messages.join("\n"));
|
||||||
|
},
|
||||||
|
pass: function() {
|
||||||
|
this.assertions++;
|
||||||
|
},
|
||||||
|
fail: function(message) {
|
||||||
|
this.failures++;
|
||||||
|
this.messages.push("Failure: " + message);
|
||||||
|
},
|
||||||
|
info: function(message) {
|
||||||
|
this.messages.push("Info: " + message);
|
||||||
|
},
|
||||||
|
error: function(error) {
|
||||||
|
this.errors++;
|
||||||
|
this.messages.push(error.name + ": "+ error.message + "(" + Test.Unit.inspect(error) +")");
|
||||||
|
},
|
||||||
|
status: function() {
|
||||||
|
if (this.failures > 0) return 'failed';
|
||||||
|
if (this.errors > 0) return 'error';
|
||||||
|
return 'passed';
|
||||||
|
},
|
||||||
|
assert: function(expression) {
|
||||||
|
var message = arguments[1] || 'assert: got "' + Test.Unit.inspect(expression) + '"';
|
||||||
|
try { expression ? this.pass() :
|
||||||
|
this.fail(message); }
|
||||||
|
catch(e) { this.error(e); }
|
||||||
|
},
|
||||||
|
assertEqual: function(expected, actual) {
|
||||||
|
var message = arguments[2] || "assertEqual";
|
||||||
|
try { (expected == actual) ? this.pass() :
|
||||||
|
this.fail(message + ': expected "' + Test.Unit.inspect(expected) +
|
||||||
|
'", actual "' + Test.Unit.inspect(actual) + '"'); }
|
||||||
|
catch(e) { this.error(e); }
|
||||||
|
},
|
||||||
|
assertEnumEqual: function(expected, actual) {
|
||||||
|
var message = arguments[2] || "assertEnumEqual";
|
||||||
|
try { $A(expected).length == $A(actual).length &&
|
||||||
|
expected.zip(actual).all(function(pair) { return pair[0] == pair[1] }) ?
|
||||||
|
this.pass() : this.fail(message + ': expected ' + Test.Unit.inspect(expected) +
|
||||||
|
', actual ' + Test.Unit.inspect(actual)); }
|
||||||
|
catch(e) { this.error(e); }
|
||||||
|
},
|
||||||
|
assertNotEqual: function(expected, actual) {
|
||||||
|
var message = arguments[2] || "assertNotEqual";
|
||||||
|
try { (expected != actual) ? this.pass() :
|
||||||
|
this.fail(message + ': got "' + Test.Unit.inspect(actual) + '"'); }
|
||||||
|
catch(e) { this.error(e); }
|
||||||
|
},
|
||||||
|
assertNull: function(obj) {
|
||||||
|
var message = arguments[1] || 'assertNull'
|
||||||
|
try { (obj==null) ? this.pass() :
|
||||||
|
this.fail(message + ': got "' + Test.Unit.inspect(obj) + '"'); }
|
||||||
|
catch(e) { this.error(e); }
|
||||||
|
},
|
||||||
|
assertHidden: function(element) {
|
||||||
|
var message = arguments[1] || 'assertHidden';
|
||||||
|
this.assertEqual("none", element.style.display, message);
|
||||||
|
},
|
||||||
|
assertNotNull: function(object) {
|
||||||
|
var message = arguments[1] || 'assertNotNull';
|
||||||
|
this.assert(object != null, message);
|
||||||
|
},
|
||||||
|
assertInstanceOf: function(expected, actual) {
|
||||||
|
var message = arguments[2] || 'assertInstanceOf';
|
||||||
|
try {
|
||||||
|
(actual instanceof expected) ? this.pass() :
|
||||||
|
this.fail(message + ": object was not an instance of the expected type"); }
|
||||||
|
catch(e) { this.error(e); }
|
||||||
|
},
|
||||||
|
assertNotInstanceOf: function(expected, actual) {
|
||||||
|
var message = arguments[2] || 'assertNotInstanceOf';
|
||||||
|
try {
|
||||||
|
!(actual instanceof expected) ? this.pass() :
|
||||||
|
this.fail(message + ": object was an instance of the not expected type"); }
|
||||||
|
catch(e) { this.error(e); }
|
||||||
|
},
|
||||||
|
_isVisible: function(element) {
|
||||||
|
element = $(element);
|
||||||
|
if(!element.parentNode) return true;
|
||||||
|
this.assertNotNull(element);
|
||||||
|
if(element.style && Element.getStyle(element, 'display') == 'none')
|
||||||
|
return false;
|
||||||
|
|
||||||
|
return this._isVisible(element.parentNode);
|
||||||
|
},
|
||||||
|
assertNotVisible: function(element) {
|
||||||
|
this.assert(!this._isVisible(element), Test.Unit.inspect(element) + " was not hidden and didn't have a hidden parent either. " + ("" || arguments[1]));
|
||||||
|
},
|
||||||
|
assertVisible: function(element) {
|
||||||
|
this.assert(this._isVisible(element), Test.Unit.inspect(element) + " was not visible. " + ("" || arguments[1]));
|
||||||
|
},
|
||||||
|
benchmark: function(operation, iterations) {
|
||||||
|
var startAt = new Date();
|
||||||
|
(iterations || 1).times(operation);
|
||||||
|
var timeTaken = ((new Date())-startAt);
|
||||||
|
this.info((arguments[2] || 'Operation') + ' finished ' +
|
||||||
|
iterations + ' iterations in ' + (timeTaken/1000)+'s' );
|
||||||
|
return timeTaken;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Test.Unit.Testcase = Class.create();
|
||||||
|
Object.extend(Object.extend(Test.Unit.Testcase.prototype, Test.Unit.Assertions.prototype), {
|
||||||
|
initialize: function(name, test, setup, teardown) {
|
||||||
|
Test.Unit.Assertions.prototype.initialize.bind(this)();
|
||||||
|
this.name = name;
|
||||||
|
this.test = test || function() {};
|
||||||
|
this.setup = setup || function() {};
|
||||||
|
this.teardown = teardown || function() {};
|
||||||
|
this.isWaiting = false;
|
||||||
|
this.timeToWait = 1000;
|
||||||
|
},
|
||||||
|
wait: function(time, nextPart) {
|
||||||
|
this.isWaiting = true;
|
||||||
|
this.test = nextPart;
|
||||||
|
this.timeToWait = time;
|
||||||
|
},
|
||||||
|
run: function() {
|
||||||
|
try {
|
||||||
|
try {
|
||||||
|
if (!this.isWaiting) this.setup.bind(this)();
|
||||||
|
this.isWaiting = false;
|
||||||
|
this.test.bind(this)();
|
||||||
|
} finally {
|
||||||
|
if(!this.isWaiting) {
|
||||||
|
this.teardown.bind(this)();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
catch(e) { this.error(e); }
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
Copyright (c) 2006, David Spurr (www.defusion.org.uk)
|
||||||
|
All rights reserved.
|
||||||
|
|
||||||
|
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
|
||||||
|
|
||||||
|
* Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
|
||||||
|
* Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
|
||||||
|
* Neither the name of the David Spurr nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
|
||||||
|
|
||||||
|
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
|
|
||||||
|
http://www.opensource.org/licenses/bsd-license.php
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
|
|
@ -0,0 +1,106 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title>Basic cropper test</title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
// setup the callback function
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// basic example
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
new Cropper.Img(
|
||||||
|
'testImage',
|
||||||
|
{
|
||||||
|
onEndCrop: onEndCrop
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2>Basic cropper test</h2>
|
||||||
|
<p>
|
||||||
|
Some test content before the image
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="testWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="x1">x1:</label>
|
||||||
|
<input type="text" name="x1" id="x1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y1">y1:</label>
|
||||||
|
<input type="text" name="y1" id="y1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="x2">x2:</label>
|
||||||
|
<input type="text" name="x2" id="x2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y2">y2:</label>
|
||||||
|
<input type="text" name="y2" id="y2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="width">width:</label>
|
||||||
|
<input type="text" name="width" id="width" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="height">height</label>
|
||||||
|
<input type="text" name="height" id="height" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,162 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title>CSS - Absolute positioned (and draggable) test</title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop,effects" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
// setup the callback function
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Absolute positioned example
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
new Cropper.Img( 'testAbsImage', { onEndCrop: onEndCrop } );
|
||||||
|
new Draggable( 'test-abs' );
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
|
||||||
|
#test-abs {
|
||||||
|
width: 510px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50px;
|
||||||
|
left: 25%;
|
||||||
|
background-color: #dee;
|
||||||
|
border: 3px solid #ccc;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2>CSS - Absolute positioned (and draggable) test</h2>
|
||||||
|
<p>
|
||||||
|
Some test content before the image
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque consequat risus cursus ipsum. Etiam libero. Integer vel mauris. Donec vulputate. In ut augue vitae nibh lobortis tempor. Aliquam hendrerit quam. Phasellus sed orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sed urna. Donec nunc urna, porttitor a, feugiat pellentesque, varius id, justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Sed sollicitudin. Integer enim. Aenean sollicitudin.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Integer lorem turpis, dapibus sed, vulputate nec, volutpat a, sem. Sed malesuada laoreet lorem. Duis mauris ipsum, fringilla nec, tristique vel, imperdiet vel, neque. Nulla vel purus. Fusce non lectus. Mauris pulvinar. Curabitur eget eros. Nunc ultrices, risus vitae adipiscing scelerisque, quam mi auctor lacus, non pellentesque augue sapien a magna. Etiam rutrum posuere tortor. Mauris rhoncus sagittis dolor. Donec sed quam. Vivamus vel diam id massa adipiscing bibendum. Suspendisse potenti. Integer arcu est, adipiscing sit amet, convallis eu, sollicitudin tincidunt, quam.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Etiam ligula lorem, imperdiet ac, luctus eget, ultrices at, odio. Vivamus malesuada, justo eu adipiscing semper, nisi dui tempus magna, quis ultrices nunc tellus id massa. Nullam lobortis auctor sapien. Quisque non nulla. Donec lobortis pellentesque nisl. Sed lacus sapien, viverra vitae, blandit ut, fermentum quis, leo. Morbi augue turpis, hendrerit non, feugiat vel, laoreet sed, est. Nunc velit. Praesent lobortis. Integer enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur faucibus lacus ac ante. Donec odio odio, tincidunt a, egestas nec, scelerisque nec, dui. Cras sollicitudin. Donec lacus enim, mollis sit amet, interdum quis, euismod et, nulla. Nunc sit amet dui eu magna dapibus mollis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
In hac habitasse platea dictumst. Nunc neque urna, dapibus ut, tristique ut, bibendum ac, felis. Donec dictum est ut dolor. Etiam accumsan, velit sit amet blandit vestibulum, turpis quam hendrerit risus, vel interdum eros orci in nunc. Curabitur tellus sapien, rutrum ac, euismod ac, malesuada nec, pede. Proin sit amet ipsum. Praesent quam nisl, adipiscing nec, tristique eget, fermentum sed, est. Praesent ac est sit amet orci facilisis placerat. Sed consequat, est sit amet consectetuer viverra, risus urna porttitor tellus, ut convallis nibh libero in lectus. Pellentesque molestie, erat non vehicula pretium, turpis nisi eleifend eros, sed scelerisque tortor odio non tellus. Nunc leo tellus, faucibus vitae, placerat a, accumsan vel, arcu. In et orci. Ut tristique euismod nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed nulla nunc, placerat vitae, pellentesque non, interdum non, sapien. Quisque faucibus, eros sed venenatis sagittis, leo risus rhoncus risus, in pretium sem purus a lacus. Aliquam aliquam leo et diam.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Nulla sagittis diam. Phasellus vitae enim tristique libero molestie tristique. Nam mauris sem, elementum nec, cursus in, fringilla ac, neque. Nunc metus nisi, dictum vel, vulputate quis, porttitor bibendum, tortor. Vestibulum vehicula. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla ac magna sed purus ultricies euismod. Aliquam dictum. Sed mauris. Suspendisse justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi purus lorem, auctor non, porta ac, vehicula vel, orci. Morbi pharetra massa nec leo. Maecenas et mauris. Aliquam porttitor tincidunt nulla. Vestibulum pede.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque consequat risus cursus ipsum. Etiam libero. Integer vel mauris. Donec vulputate. In ut augue vitae nibh lobortis tempor. Aliquam hendrerit quam. Phasellus sed orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sed urna. Donec nunc urna, porttitor a, feugiat pellentesque, varius id, justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Sed sollicitudin. Integer enim. Aenean sollicitudin.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Integer lorem turpis, dapibus sed, vulputate nec, volutpat a, sem. Sed malesuada laoreet lorem. Duis mauris ipsum, fringilla nec, tristique vel, imperdiet vel, neque. Nulla vel purus. Fusce non lectus. Mauris pulvinar. Curabitur eget eros. Nunc ultrices, risus vitae adipiscing scelerisque, quam mi auctor lacus, non pellentesque augue sapien a magna. Etiam rutrum posuere tortor. Mauris rhoncus sagittis dolor. Donec sed quam. Vivamus vel diam id massa adipiscing bibendum. Suspendisse potenti. Integer arcu est, adipiscing sit amet, convallis eu, sollicitudin tincidunt, quam.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Etiam ligula lorem, imperdiet ac, luctus eget, ultrices at, odio. Vivamus malesuada, justo eu adipiscing semper, nisi dui tempus magna, quis ultrices nunc tellus id massa. Nullam lobortis auctor sapien. Quisque non nulla. Donec lobortis pellentesque nisl. Sed lacus sapien, viverra vitae, blandit ut, fermentum quis, leo. Morbi augue turpis, hendrerit non, feugiat vel, laoreet sed, est. Nunc velit. Praesent lobortis. Integer enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur faucibus lacus ac ante. Donec odio odio, tincidunt a, egestas nec, scelerisque nec, dui. Cras sollicitudin. Donec lacus enim, mollis sit amet, interdum quis, euismod et, nulla. Nunc sit amet dui eu magna dapibus mollis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
In hac habitasse platea dictumst. Nunc neque urna, dapibus ut, tristique ut, bibendum ac, felis. Donec dictum est ut dolor. Etiam accumsan, velit sit amet blandit vestibulum, turpis quam hendrerit risus, vel interdum eros orci in nunc. Curabitur tellus sapien, rutrum ac, euismod ac, malesuada nec, pede. Proin sit amet ipsum. Praesent quam nisl, adipiscing nec, tristique eget, fermentum sed, est. Praesent ac est sit amet orci facilisis placerat. Sed consequat, est sit amet consectetuer viverra, risus urna porttitor tellus, ut convallis nibh libero in lectus. Pellentesque molestie, erat non vehicula pretium, turpis nisi eleifend eros, sed scelerisque tortor odio non tellus. Nunc leo tellus, faucibus vitae, placerat a, accumsan vel, arcu. In et orci. Ut tristique euismod nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed nulla nunc, placerat vitae, pellentesque non, interdum non, sapien. Quisque faucibus, eros sed venenatis sagittis, leo risus rhoncus risus, in pretium sem purus a lacus. Aliquam aliquam leo et diam.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Nulla sagittis diam. Phasellus vitae enim tristique libero molestie tristique. Nam mauris sem, elementum nec, cursus in, fringilla ac, neque. Nunc metus nisi, dictum vel, vulputate quis, porttitor bibendum, tortor. Vestibulum vehicula. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla ac magna sed purus ultricies euismod. Aliquam dictum. Sed mauris. Suspendisse justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi purus lorem, auctor non, porta ac, vehicula vel, orci. Morbi pharetra massa nec leo. Maecenas et mauris. Aliquam porttitor tincidunt nulla. Vestibulum pede.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque consequat risus cursus ipsum. Etiam libero. Integer vel mauris. Donec vulputate. In ut augue vitae nibh lobortis tempor. Aliquam hendrerit quam. Phasellus sed orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sed urna. Donec nunc urna, porttitor a, feugiat pellentesque, varius id, justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Sed sollicitudin. Integer enim. Aenean sollicitudin.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Integer lorem turpis, dapibus sed, vulputate nec, volutpat a, sem. Sed malesuada laoreet lorem. Duis mauris ipsum, fringilla nec, tristique vel, imperdiet vel, neque. Nulla vel purus. Fusce non lectus. Mauris pulvinar. Curabitur eget eros. Nunc ultrices, risus vitae adipiscing scelerisque, quam mi auctor lacus, non pellentesque augue sapien a magna. Etiam rutrum posuere tortor. Mauris rhoncus sagittis dolor. Donec sed quam. Vivamus vel diam id massa adipiscing bibendum. Suspendisse potenti. Integer arcu est, adipiscing sit amet, convallis eu, sollicitudin tincidunt, quam.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Etiam ligula lorem, imperdiet ac, luctus eget, ultrices at, odio. Vivamus malesuada, justo eu adipiscing semper, nisi dui tempus magna, quis ultrices nunc tellus id massa. Nullam lobortis auctor sapien. Quisque non nulla. Donec lobortis pellentesque nisl. Sed lacus sapien, viverra vitae, blandit ut, fermentum quis, leo. Morbi augue turpis, hendrerit non, feugiat vel, laoreet sed, est. Nunc velit. Praesent lobortis. Integer enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur faucibus lacus ac ante. Donec odio odio, tincidunt a, egestas nec, scelerisque nec, dui. Cras sollicitudin. Donec lacus enim, mollis sit amet, interdum quis, euismod et, nulla. Nunc sit amet dui eu magna dapibus mollis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
In hac habitasse platea dictumst. Nunc neque urna, dapibus ut, tristique ut, bibendum ac, felis. Donec dictum est ut dolor. Etiam accumsan, velit sit amet blandit vestibulum, turpis quam hendrerit risus, vel interdum eros orci in nunc. Curabitur tellus sapien, rutrum ac, euismod ac, malesuada nec, pede. Proin sit amet ipsum. Praesent quam nisl, adipiscing nec, tristique eget, fermentum sed, est. Praesent ac est sit amet orci facilisis placerat. Sed consequat, est sit amet consectetuer viverra, risus urna porttitor tellus, ut convallis nibh libero in lectus. Pellentesque molestie, erat non vehicula pretium, turpis nisi eleifend eros, sed scelerisque tortor odio non tellus. Nunc leo tellus, faucibus vitae, placerat a, accumsan vel, arcu. In et orci. Ut tristique euismod nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed nulla nunc, placerat vitae, pellentesque non, interdum non, sapien. Quisque faucibus, eros sed venenatis sagittis, leo risus rhoncus risus, in pretium sem purus a lacus. Aliquam aliquam leo et diam.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Nulla sagittis diam. Phasellus vitae enim tristique libero molestie tristique. Nam mauris sem, elementum nec, cursus in, fringilla ac, neque. Nunc metus nisi, dictum vel, vulputate quis, porttitor bibendum, tortor. Vestibulum vehicula. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla ac magna sed purus ultricies euismod. Aliquam dictum. Sed mauris. Suspendisse justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi purus lorem, auctor non, porta ac, vehicula vel, orci. Morbi pharetra massa nec leo. Maecenas et mauris. Aliquam porttitor tincidunt nulla. Vestibulum pede.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="test-abs">
|
||||||
|
<h2>Absolute test</h2>
|
||||||
|
<div id="testAbsWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testAbsImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="x1">x1:</label>
|
||||||
|
<input type="text" name="x1" id="x1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y1">y1:</label>
|
||||||
|
<input type="text" name="y1" id="y1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="x2">x2:</label>
|
||||||
|
<input type="text" name="x2" id="x2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y2">y2:</label>
|
||||||
|
<input type="text" name="y2" id="y2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="width">width:</label>
|
||||||
|
<input type="text" name="width" id="width" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="height">height</label>
|
||||||
|
<input type="text" name="height" id="height" />
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,124 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title>CSS - Float test</title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
// setup the callback function
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// float example
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
new Cropper.Img(
|
||||||
|
'testFloatImage',
|
||||||
|
{
|
||||||
|
onEndCrop: function( coords, dimensions ) {
|
||||||
|
$( 'floatX1' ).value = coords.x1;
|
||||||
|
$( 'floatY1' ).value = coords.y1;
|
||||||
|
$( 'floatX2' ).value = coords.x2;
|
||||||
|
$( 'floatY2' ).value = coords.y2;
|
||||||
|
$( 'floatWidth' ).value = dimensions.width;
|
||||||
|
$( 'floatHeight' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
|
||||||
|
#test-float {
|
||||||
|
width: 600px;
|
||||||
|
float: right;
|
||||||
|
background-color: #eee;
|
||||||
|
border: 3px solid #000;
|
||||||
|
margin: 10px;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2>Test page with floating wrapper</h2>
|
||||||
|
<p>
|
||||||
|
Some test content before the image
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="test-float">
|
||||||
|
<h2>Float test</h2>
|
||||||
|
<div id="testFloatWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testFloatImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="floatX1">x1:</label>
|
||||||
|
<input type="text" name="floatX1" id="floatX1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="floatY1">y1:</label>
|
||||||
|
<input type="text" name="floatY1" id="floatY1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="floatX2">x2:</label>
|
||||||
|
<input type="text" name="floatX2" id="floatX2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="floatY2">y2:</label>
|
||||||
|
<input type="text" name="floatY2" id="floatY2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="floatWidth">width:</label>
|
||||||
|
<input type="text" name="floatWidth" id="floatWidth" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="floatHeight">height</label>
|
||||||
|
<input type="text" name="floatHeight" id="floatHeight" />
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,116 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title>CSS - Relative test</title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
// setup the callback function
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// relative example
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
new Cropper.Img(
|
||||||
|
'testImage',
|
||||||
|
{
|
||||||
|
onEndCrop: onEndCrop
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
|
||||||
|
#test-relative {
|
||||||
|
background-color: #ccc;
|
||||||
|
border: 3px solid #ddd;
|
||||||
|
position: relative;
|
||||||
|
top: 25px;
|
||||||
|
left: 25px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2>Test page with relatively positioned wrapper</h2>
|
||||||
|
<p>
|
||||||
|
Some test content before the image
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="test-relative">
|
||||||
|
<h2>Relative test</h2>
|
||||||
|
<div id="testWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="x1">x1:</label>
|
||||||
|
<input type="text" name="x1" id="x1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y1">y1:</label>
|
||||||
|
<input type="text" name="y1" id="y1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="x2">x2:</label>
|
||||||
|
<input type="text" name="x2" id="x2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y2">y2:</label>
|
||||||
|
<input type="text" name="y2" id="y2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="width">width:</label>
|
||||||
|
<input type="text" name="width" id="width" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="height">height</label>
|
||||||
|
<input type="text" name="height" id="height" />
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,108 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title>Loading & displaying co-ordinates of crop area on attachment test</title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
// setup the callback function
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// basic example
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
new Cropper.Img(
|
||||||
|
'testImage',
|
||||||
|
{
|
||||||
|
onEndCrop: onEndCrop,
|
||||||
|
displayOnInit: true,
|
||||||
|
onloadCoords: { x1: 10, y1: 10, x2: 250, y2: 100 }
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2>Loading & displaying co-ordinates of crop area on attachment test</h2>
|
||||||
|
<p>
|
||||||
|
Some test content before the image
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="testWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="x1">x1:</label>
|
||||||
|
<input type="text" name="x1" id="x1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y1">y1:</label>
|
||||||
|
<input type="text" name="y1" id="y1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="x2">x2:</label>
|
||||||
|
<input type="text" name="x2" id="x2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y2">y2:</label>
|
||||||
|
<input type="text" name="y2" id="y2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="width">width:</label>
|
||||||
|
<input type="text" name="width" id="width" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="height">height</label>
|
||||||
|
<input type="text" name="height" id="height" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,109 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title>Loading & displaying co-ordinates (with ratio) of crop area on attachment test<</title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
// setup the callback function
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// basic example
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
new Cropper.Img(
|
||||||
|
'testImage',
|
||||||
|
{
|
||||||
|
onEndCrop: onEndCrop,
|
||||||
|
displayOnInit: true,
|
||||||
|
onloadCoords: { x1: 10, y1: 10, x2: 210, y2: 110 },
|
||||||
|
ratioDim: { x: 200, y: 100 }
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2>Loading & displaying co-ordinates (with ratio) of crop area on attachment test</h2>
|
||||||
|
<p>
|
||||||
|
Some test content before the image
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="testWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="x1">x1:</label>
|
||||||
|
<input type="text" name="x1" id="x1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y1">y1:</label>
|
||||||
|
<input type="text" name="y1" id="y1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="x2">x2:</label>
|
||||||
|
<input type="text" name="x2" id="x2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y2">y2:</label>
|
||||||
|
<input type="text" name="y2" id="y2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="width">width:</label>
|
||||||
|
<input type="text" name="width" id="width" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="height">height</label>
|
||||||
|
<input type="text" name="height" id="height" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,225 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title>Different dimensions test</title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
|
||||||
|
// example with minimum dimensions
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
new Cropper.Img(
|
||||||
|
'testImage',
|
||||||
|
{
|
||||||
|
minWidth: 200,
|
||||||
|
minHeight: 120,
|
||||||
|
maxWidth: 200,
|
||||||
|
//maxHeight: 120,
|
||||||
|
displayOnInit: true,
|
||||||
|
onEndCrop: onEndCrop
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
);
|
||||||
|
*/
|
||||||
|
|
||||||
|
Event.observe( window, 'load',
|
||||||
|
function() {
|
||||||
|
Event.observe( 'dimensionsForm', 'submit', CropManager.attachCropper.bindAsEventListener( CropManager ) );
|
||||||
|
CropManager.attachCropper();
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A little manager that allows us to reset the options dynamically
|
||||||
|
*/
|
||||||
|
var CropManager = {
|
||||||
|
/**
|
||||||
|
* Holds the current Cropper.Img object
|
||||||
|
* @var obj
|
||||||
|
*/
|
||||||
|
curCrop: null,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Gets a min/max parameter from the form
|
||||||
|
*
|
||||||
|
* @access private
|
||||||
|
* @param string Form element ID
|
||||||
|
* @return int
|
||||||
|
*/
|
||||||
|
getParam: function( name ) {
|
||||||
|
var val = $F( name );
|
||||||
|
console.log( name + ' :: ' + val );
|
||||||
|
return parseInt( val );
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Attaches/resets the image cropper
|
||||||
|
*
|
||||||
|
* @access private
|
||||||
|
* @param obj Event object
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
attachCropper: function( e ) {
|
||||||
|
if( this.curCrop == null ) {
|
||||||
|
this.curCrop = new Cropper.Img(
|
||||||
|
'testImage',
|
||||||
|
{
|
||||||
|
minWidth: this.getParam( 'minWidth' ),
|
||||||
|
minHeight: this.getParam( 'minHeight' ),
|
||||||
|
maxWidth: this.getParam( 'maxWidth' ),
|
||||||
|
maxHeight: this.getParam( 'maxHeight' ),
|
||||||
|
onEndCrop: onEndCrop
|
||||||
|
}
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
this.removeCropper();
|
||||||
|
this.curCrop.initialize(
|
||||||
|
'testImage',
|
||||||
|
{
|
||||||
|
minWidth: this.getParam( 'minWidth' ),
|
||||||
|
minHeight: this.getParam( 'minHeight' ),
|
||||||
|
maxWidth: this.getParam( 'maxWidth' ),
|
||||||
|
maxHeight: this.getParam( 'maxHeight' ),
|
||||||
|
onEndCrop: onEndCrop
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if( e != null ) Event.stop( e );
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Removes the cropper
|
||||||
|
*
|
||||||
|
* @access public
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
removeCropper: function() {
|
||||||
|
if( this.curCrop != null ) {
|
||||||
|
this.curCrop.remove();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resets the cropper, either re-setting or re-applying
|
||||||
|
*
|
||||||
|
* @access public
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
resetCropper: function() {
|
||||||
|
this.attachCropper();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
// Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
*/
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
|
||||||
|
#dimensionsForm {
|
||||||
|
float: right;
|
||||||
|
width: 350px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2>Multiple dimensions tests</h2>
|
||||||
|
<p>
|
||||||
|
Test of applying different dimension restrictions to the cropper
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<form action="#" id="dimensionsForm">
|
||||||
|
<fieldset>
|
||||||
|
Set the cropper with the following dimension restrictions:
|
||||||
|
<p>
|
||||||
|
<label for="minWidth">Min Width</label>
|
||||||
|
<input type="text" size="10" maxlength="3" value="200" id="minWidth" name="minWidth" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="maxWidth">Max Width</label>
|
||||||
|
<input type="text" size="10" maxlength="3" value="200" id="maxWidth" name="maxWidth" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="minHeight">Min Height</label>
|
||||||
|
<input type="text" size="10" maxlength="3" value="120" id="minHeight" name="minHeight" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="maxHeight">Max Height</label>
|
||||||
|
<input type="text" size="10" maxlength="3" value="120" id="maxHeight" name="maxHeight" />
|
||||||
|
</p>
|
||||||
|
<input type="submit" value="Set Cropper" />
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div id="testWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="x1">x1:</label>
|
||||||
|
<input type="text" name="x1" id="x1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y1">y1:</label>
|
||||||
|
<input type="text" name="y1" id="y1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="x2">x2:</label>
|
||||||
|
<input type="text" name="x2" id="x2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y2">y2:</label>
|
||||||
|
<input type="text" name="y2" id="y2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="width">width:</label>
|
||||||
|
<input type="text" name="width" id="width" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="height">height</label>
|
||||||
|
<input type="text" name="height" id="height" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,203 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title>Dynamic image test</title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A little manager that allows us to swap the image dynamically
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
var CropImageManager = {
|
||||||
|
/**
|
||||||
|
* Holds the current Cropper.Img object
|
||||||
|
* @var obj
|
||||||
|
*/
|
||||||
|
curCrop: null,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Initialises the cropImageManager
|
||||||
|
*
|
||||||
|
* @access public
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
init: function() {
|
||||||
|
this.attachCropper();
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Handles the changing of the select to change the image, the option value
|
||||||
|
* is a pipe seperated list of imgSrc|width|height
|
||||||
|
*
|
||||||
|
* @access public
|
||||||
|
* @param obj event
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
onChange: function( e ) {
|
||||||
|
var vals = $F( Event.element( e ) ).split('|');
|
||||||
|
this.setImage( vals[0], vals[1], vals[2] );
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Sets the image within the element & attaches/resets the image cropper
|
||||||
|
*
|
||||||
|
* @access private
|
||||||
|
* @param string Source path of new image
|
||||||
|
* @param int Width of new image in pixels
|
||||||
|
* @param int Height of new image in pixels
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
setImage: function( imgSrc, w, h ) {
|
||||||
|
$( 'testImage' ).src = imgSrc;
|
||||||
|
$( 'testImage' ).width = w;
|
||||||
|
$( 'testImage' ).height = h;
|
||||||
|
this.attachCropper();
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Attaches/resets the image cropper
|
||||||
|
*
|
||||||
|
* @access private
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
attachCropper: function() {
|
||||||
|
if( this.curCrop == null ) this.curCrop = new Cropper.Img( 'testImage', { onEndCrop: onEndCrop } );
|
||||||
|
else this.curCrop.reset();
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Removes the cropper
|
||||||
|
*
|
||||||
|
* @access public
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
removeCropper: function() {
|
||||||
|
if( this.curCrop != null ) {
|
||||||
|
this.curCrop.remove();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resets the cropper, either re-setting or re-applying
|
||||||
|
*
|
||||||
|
* @access public
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
resetCropper: function() {
|
||||||
|
this.attachCropper();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
// setup the callback function
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// basic example
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
CropImageManager.init();
|
||||||
|
Event.observe( $('removeCropper'), 'click', CropImageManager.removeCropper.bindAsEventListener( CropImageManager ), false );
|
||||||
|
Event.observe( $('resetCropper'), 'click', CropImageManager.resetCropper.bindAsEventListener( CropImageManager ), false );
|
||||||
|
Event.observe( $('imageChoice'), 'change', CropImageManager.onChange.bindAsEventListener( CropImageManager ), false );
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
*/
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2>Dynamic image test</h2>
|
||||||
|
<p>
|
||||||
|
Test of dynamically changing images or removing & re-applying the cropper
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="testWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="imageChoice">image:</label>
|
||||||
|
<select name="imageChoice" id="imageChoice">
|
||||||
|
<option value="castle.jpg|500|333">Castle</option>
|
||||||
|
<option value="poppy.jpg|311|466">Flower</option>
|
||||||
|
</select>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<input type="button" id="removeCropper" value="Remove Cropper" />
|
||||||
|
<input type="button" id="resetCropper" value="Reset Cropper" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="x1">x1:</label>
|
||||||
|
<input type="text" name="x1" id="x1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y1">y1:</label>
|
||||||
|
<input type="text" name="y1" id="y1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="x2">x2:</label>
|
||||||
|
<input type="text" name="x2" id="x2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y2">y2:</label>
|
||||||
|
<input type="text" name="y2" id="y2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="width">width:</label>
|
||||||
|
<input type="text" name="width" id="width" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="height">height</label>
|
||||||
|
<input type="text" name="height" id="height" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,104 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title>Fixed ratio test</title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// with a supplied ratio
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
new Cropper.Img(
|
||||||
|
'testImage',
|
||||||
|
{
|
||||||
|
ratioDim: { x: 220, y: 124 },
|
||||||
|
displayOnInit: true,
|
||||||
|
onEndCrop: onEndCrop
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
/*
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
// Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
*/
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2>Fixed ratio test</h2>
|
||||||
|
<p>
|
||||||
|
Test of applying a fixed ratio to the cropper
|
||||||
|
</p>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<div id="testWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="x1">x1:</label>
|
||||||
|
<input type="text" name="x1" id="x1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y1">y1:</label>
|
||||||
|
<input type="text" name="y1" id="y1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="x2">x2:</label>
|
||||||
|
<input type="text" name="x2" id="x2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y2">y2:</label>
|
||||||
|
<input type="text" name="y2" id="y2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="width">width:</label>
|
||||||
|
<input type="text" name="width" id="width" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="height">height</label>
|
||||||
|
<input type="text" name="height" id="height" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,105 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title>Min dimensions test</title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// example with minimum dimensions
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
new Cropper.Img(
|
||||||
|
'testImage',
|
||||||
|
{
|
||||||
|
minWidth: 200,
|
||||||
|
minHeight: 120,
|
||||||
|
displayOnInit: true,
|
||||||
|
onEndCrop: onEndCrop
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
/*
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
// Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
*/
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2>Minimum (both axes ) dimension test</h2>
|
||||||
|
<p>
|
||||||
|
Test of applying a minimum dimension to both axes to the cropper
|
||||||
|
</p>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<div id="testWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="x1">x1:</label>
|
||||||
|
<input type="text" name="x1" id="x1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y1">y1:</label>
|
||||||
|
<input type="text" name="y1" id="y1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="x2">x2:</label>
|
||||||
|
<input type="text" name="x2" id="x2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y2">y2:</label>
|
||||||
|
<input type="text" name="y2" id="y2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="width">width:</label>
|
||||||
|
<input type="text" name="width" id="width" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="height">height</label>
|
||||||
|
<input type="text" name="height" id="height" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,105 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title>Min (single axis) dimensions test</title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// example with minimum dimensions
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
new Cropper.Img(
|
||||||
|
'testImage',
|
||||||
|
{
|
||||||
|
minWidth: 200,
|
||||||
|
displayOnInit: true,
|
||||||
|
onEndCrop: onEndCrop
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
/*
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
// Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
*/
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2>Minimum (single axis) dimension test</h2>
|
||||||
|
<p>
|
||||||
|
Test of applying a minimum dimension to only one axis (width in this case) to the cropper
|
||||||
|
</p>
|
||||||
|
<br />
|
||||||
|
<br /><br />
|
||||||
|
|
||||||
|
<div id="testWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="x1">x1:</label>
|
||||||
|
<input type="text" name="x1" id="x1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y1">y1:</label>
|
||||||
|
<input type="text" name="y1" id="y1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="x2">x2:</label>
|
||||||
|
<input type="text" name="x2" id="x2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y2">y2:</label>
|
||||||
|
<input type="text" name="y2" id="y2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="width">width:</label>
|
||||||
|
<input type="text" name="width" id="width" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="height">height</label>
|
||||||
|
<input type="text" name="height" id="height" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,117 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title></title>
|
||||||
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||||
|
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||||
|
<script src="../cropper.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
|
function onEndCrop( coords, dimensions ) {
|
||||||
|
$( 'x1' ).value = coords.x1;
|
||||||
|
$( 'y1' ).value = coords.y1;
|
||||||
|
$( 'x2' ).value = coords.x2;
|
||||||
|
$( 'y2' ).value = coords.y2;
|
||||||
|
$( 'width' ).value = dimensions.width;
|
||||||
|
$( 'height' ).value = dimensions.height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// example with a preview of crop results, must have minimumm dimensions
|
||||||
|
Event.observe(
|
||||||
|
window,
|
||||||
|
'load',
|
||||||
|
function() {
|
||||||
|
new Cropper.ImgWithPreview(
|
||||||
|
'testImage',
|
||||||
|
{
|
||||||
|
minWidth: 200,
|
||||||
|
minHeight: 120,
|
||||||
|
ratioDim: { x: 200, y: 120 },
|
||||||
|
displayOnInit: true,
|
||||||
|
onEndCrop: onEndCrop,
|
||||||
|
previewWrap: 'previewArea'
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
/*
|
||||||
|
if( typeof(dump) != 'function' ) {
|
||||||
|
Debug.init(true, '/');
|
||||||
|
|
||||||
|
function dump( msg ) {
|
||||||
|
// Debug.raise( msg );
|
||||||
|
};
|
||||||
|
} else dump( '---------------------------------------\n' );
|
||||||
|
*/
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||||
|
<style type="text/css">
|
||||||
|
label {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#testWrap {
|
||||||
|
width: 500px;
|
||||||
|
float: left;
|
||||||
|
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||||
|
}
|
||||||
|
|
||||||
|
#previewArea {
|
||||||
|
margin: 20px; 0 0 20px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#results {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<br /><br />
|
||||||
|
|
||||||
|
<div id="testWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="previewArea"></div>
|
||||||
|
|
||||||
|
<div id="results">
|
||||||
|
<p>
|
||||||
|
<label for="x1">x1:</label>
|
||||||
|
<input type="text" name="x1" id="x1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y1">y1:</label>
|
||||||
|
<input type="text" name="y1" id="y1" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="x2">x2:</label>
|
||||||
|
<input type="text" name="x2" id="x2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="y2">y2:</label>
|
||||||
|
<input type="text" name="y2" id="y2" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="width">width:</label>
|
||||||
|
<input type="text" name="width" id="width" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="height">height</label>
|
||||||
|
<input type="text" name="height" id="height" />
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
|
|
@ -0,0 +1,236 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="en-us" />
|
||||||
|
<title></title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!--
|
||||||
|
|
||||||
|
This is a static test file for the HTML & CSS structure employed, tested in
|
||||||
|
the following browsers:
|
||||||
|
|
||||||
|
PC:
|
||||||
|
IE 6: working
|
||||||
|
IE 5.5: working
|
||||||
|
IE 5.0: opacity issues
|
||||||
|
FF 1.5: working
|
||||||
|
Opera 9: working
|
||||||
|
MAC:
|
||||||
|
Camino 1.0: working
|
||||||
|
FF 1.5: working
|
||||||
|
Safari 2.0: working
|
||||||
|
|
||||||
|
-->
|
||||||
|
<style type="text/css">
|
||||||
|
.imgCrop_wrap {
|
||||||
|
width: 500px; /* @TODO IN JS */
|
||||||
|
height: 333px; /* @TODO IN JS */
|
||||||
|
position: relative;
|
||||||
|
cursor: crosshair;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* fix for IE displaying all boxes at line-height by default */
|
||||||
|
.imgCrop_wrap,
|
||||||
|
.imgCrop_wrap * {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_overlay {
|
||||||
|
background-color: #000;
|
||||||
|
opacity: 0.5;
|
||||||
|
filter:alpha(opacity=50);
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_selArea {
|
||||||
|
position: absolute;
|
||||||
|
cursor: move;
|
||||||
|
/* @TODO: rest to be done via JS when selecting areas */
|
||||||
|
top: 110px;
|
||||||
|
left: 210px;
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
z-index: 2;
|
||||||
|
background: transparent url(castle.jpg) no-repeat -210px -110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* imgCrop_clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
|
||||||
|
.imgCrop_clickArea {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: #FFF;
|
||||||
|
opacity: 0.01;
|
||||||
|
filter:alpha(opacity=01);
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_marqueeHoriz {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background: transparent url(marqueeHoriz.gif) repeat-x 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_marqueeVert {
|
||||||
|
position: absolute;
|
||||||
|
height: 100%;
|
||||||
|
width: 1px;
|
||||||
|
background: transparent url(marqueeVert.gif) repeat-y 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_marqueeNorth { top: 0; left: 0; }
|
||||||
|
.imgCrop_marqueeEast { top: 0; right: 0; }
|
||||||
|
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
|
||||||
|
.imgCrop_marqueeWest { top: 0; left: 0; }
|
||||||
|
|
||||||
|
|
||||||
|
.imgCrop_handle {
|
||||||
|
position: absolute;
|
||||||
|
border: 1px solid #333;
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
background: #FFF;
|
||||||
|
opacity: 0.5;
|
||||||
|
filter:alpha(opacity=50);
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleN {
|
||||||
|
top: -3px;
|
||||||
|
left: 0;
|
||||||
|
margin-left: 49%; /* @TODO : in JS */
|
||||||
|
cursor: n-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleNE {
|
||||||
|
top: -3px;
|
||||||
|
right: -3px;
|
||||||
|
cursor: ne-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleE {
|
||||||
|
top: 0;
|
||||||
|
right: -3px;
|
||||||
|
margin-top: 49%; /* @TODO : in JS */
|
||||||
|
cursor: e-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleSE {
|
||||||
|
right: -3px;
|
||||||
|
bottom: -3px;
|
||||||
|
cursor: se-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleS {
|
||||||
|
right: 0;
|
||||||
|
bottom: -3px;
|
||||||
|
margin-right: 49%; /* @TODO : in JS */
|
||||||
|
cursor: s-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleSW {
|
||||||
|
left: -3px;
|
||||||
|
bottom: -3px;
|
||||||
|
cursor: sw-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleW {
|
||||||
|
top: 0;
|
||||||
|
left: -3px;
|
||||||
|
margin-top: 49%; /* @TODO : in JS */
|
||||||
|
cursor: e-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgCrop_handleNW {
|
||||||
|
top: -3px;
|
||||||
|
left: -3px;
|
||||||
|
cursor: nw-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create an area to click & drag around on as the default browser behaviour is to let you drag the image
|
||||||
|
*/
|
||||||
|
.imgCrop_dragArea {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 200;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.imgCrop_previewWrap {
|
||||||
|
width: 200px; /* @TODO : in JS */
|
||||||
|
height: 200px; /* @TODO : in JS */
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* @TODO : all in JS */
|
||||||
|
.imgCrop_previewWrap img {
|
||||||
|
position: absolute;
|
||||||
|
width: 500px;
|
||||||
|
height: 333px;
|
||||||
|
left: -210px;
|
||||||
|
top: -110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* These are just for the static test
|
||||||
|
*/
|
||||||
|
.imgCrop_wrap {
|
||||||
|
margin: 20px 0 0 50px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#previewWrapper {
|
||||||
|
float: left;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<br /><br />
|
||||||
|
|
||||||
|
<!-- This is all attached to the image dynamically -->
|
||||||
|
<div class="imgCrop_wrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||||
|
<div class="imgCrop_dragArea">
|
||||||
|
<div class="imgCrop_overlay"></div>
|
||||||
|
<div class="imgCrop_selArea">
|
||||||
|
<!-- marquees -->
|
||||||
|
<!-- the inner spans are only required for IE to stop it making the divs 1px high/wide -->
|
||||||
|
<div class="imgCrop_marqueeHoriz imgCrop_marqueeNorth"><span></span></div>
|
||||||
|
<div class="imgCrop_marqueeVert imgCrop_marqueeEast"><span></span></div>
|
||||||
|
<div class="imgCrop_marqueeHoriz imgCrop_marqueeSouth"><span></span></div>
|
||||||
|
<div class="imgCrop_marqueeVert imgCrop_marqueeWest"><span></span></div>
|
||||||
|
<!-- handles -->
|
||||||
|
<div class="imgCrop_handle imgCrop_handleN"></div>
|
||||||
|
<div class="imgCrop_handle imgCrop_handleNE"></div>
|
||||||
|
<div class="imgCrop_handle imgCrop_handleE"></div>
|
||||||
|
<div class="imgCrop_handle imgCrop_handleSE"></div>
|
||||||
|
<div class="imgCrop_handle imgCrop_handleS"></div>
|
||||||
|
<div class="imgCrop_handle imgCrop_handleSW"></div>
|
||||||
|
<div class="imgCrop_handle imgCrop_handleW"></div>
|
||||||
|
<div class="imgCrop_handle imgCrop_handleNW"></div>
|
||||||
|
<div class="imgCrop_clickArea"></div>
|
||||||
|
</div>
|
||||||
|
<div class="imgCrop_clickArea"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="previewWrapper">
|
||||||
|
<h3>Preview:</h3>
|
||||||
|
<div class="imgCrop_previewWrap">
|
||||||
|
<img src="castle.jpg" alt="test image" id="previewImage" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 83 B |
Binary file not shown.
|
After Width: | Height: | Size: 138 B |
Binary file not shown.
|
After Width: | Height: | Size: 311 B |
Binary file not shown.
|
After Width: | Height: | Size: 311 B |
Binary file not shown.
|
After Width: | Height: | Size: 451 B |
Binary file not shown.
|
After Width: | Height: | Size: 346 B |
Binary file not shown.
|
After Width: | Height: | Size: 490 B |
Binary file not shown.
|
After Width: | Height: | Size: 1004 B |
Binary file not shown.
|
After Width: | Height: | Size: 999 B |
|
|
@ -0,0 +1,171 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
if(! class_exists("Photo")) {
|
||||||
|
class Photo {
|
||||||
|
|
||||||
|
private $image;
|
||||||
|
private $width;
|
||||||
|
private $height;
|
||||||
|
|
||||||
|
public function __construct($data) {
|
||||||
|
$this->image = @imagecreatefromstring($data);
|
||||||
|
if($this->image !== FALSE) {
|
||||||
|
$this->width = imagesx($this->image);
|
||||||
|
$this->height = imagesy($this->image);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public function __destruct() {
|
||||||
|
if($this->image)
|
||||||
|
imagedestroy($this->image);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function getWidth() {
|
||||||
|
return $this->width;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function getHeight() {
|
||||||
|
return $this->height;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function getImage() {
|
||||||
|
return $this->image;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function scaleImage($max) {
|
||||||
|
|
||||||
|
$width = $this->width;
|
||||||
|
$height = $this->height;
|
||||||
|
|
||||||
|
$dest_width = $dest_height = 0;
|
||||||
|
|
||||||
|
if((! $width)|| (! $height))
|
||||||
|
return FALSE;
|
||||||
|
|
||||||
|
if($width > $max && $height > $max) {
|
||||||
|
if($width > $height) {
|
||||||
|
$dest_width = $max;
|
||||||
|
$dest_height = intval(( $height * $max ) / $width);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$dest_width = intval(( $width * $max ) / $height);
|
||||||
|
$dest_height = $max;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if( $width > $max ) {
|
||||||
|
$dest_width = $max;
|
||||||
|
$dest_height = intval(( $height * $max ) / $width);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if( $height > $max ) {
|
||||||
|
$dest_width = intval(( $width * $max ) / $height);
|
||||||
|
$dest_height = $max;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$dest_width = $width;
|
||||||
|
$dest_height = $height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
$dest = imagecreatetruecolor( $dest_width, $dest_height );
|
||||||
|
imagecopyresampled($dest, $this->image, 0, 0, 0, 0, $dest_width, $dest_height, $width, $height);
|
||||||
|
if($this->image)
|
||||||
|
imagedestroy($this->image);
|
||||||
|
$this->image = $dest;
|
||||||
|
$this->width = imagesx($this->image);
|
||||||
|
$this->height = imagesy($this->image);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
public function scaleImageUp($min) {
|
||||||
|
|
||||||
|
$width = $this->width;
|
||||||
|
$height = $this->height;
|
||||||
|
|
||||||
|
$dest_width = $dest_height = 0;
|
||||||
|
|
||||||
|
if((! $width)|| (! $height))
|
||||||
|
return FALSE;
|
||||||
|
|
||||||
|
if($width < $min && $height < $min) {
|
||||||
|
if($width > $height) {
|
||||||
|
$dest_width = $min;
|
||||||
|
$dest_height = intval(( $height * $min ) / $width);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$dest_width = intval(( $width * $min ) / $height);
|
||||||
|
$dest_height = $min;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if( $width < $min ) {
|
||||||
|
$dest_width = $min;
|
||||||
|
$dest_height = intval(( $height * $min ) / $width);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if( $height < $min ) {
|
||||||
|
$dest_width = intval(( $width * $min ) / $height);
|
||||||
|
$dest_height = $min;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$dest_width = $width;
|
||||||
|
$dest_height = $height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
$dest = imagecreatetruecolor( $dest_width, $dest_height );
|
||||||
|
imagecopyresampled($dest, $this->image, 0, 0, 0, 0, $dest_width, $dest_height, $width, $height);
|
||||||
|
if($this->image)
|
||||||
|
imagedestroy($this->image);
|
||||||
|
$this->image = $dest;
|
||||||
|
$this->width = imagesx($this->image);
|
||||||
|
$this->height = imagesy($this->image);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
public function scaleImageSquare($dim) {
|
||||||
|
|
||||||
|
$dest = imagecreatetruecolor( $dim, $dim );
|
||||||
|
imagecopyresampled($dest, $this->image, 0, 0, 0, 0, $dim, $dim, $this->width, $this->height);
|
||||||
|
if($this->image)
|
||||||
|
imagedestroy($this->image);
|
||||||
|
$this->image = $dest;
|
||||||
|
$this->width = imagesx($this->image);
|
||||||
|
$this->height = imagesy($this->image);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
public function cropImage($max,$x,$y,$w,$h) {
|
||||||
|
$dest = imagecreatetruecolor( $max, $max );
|
||||||
|
imagecopyresampled($dest, $this->image, 0, 0, $x, $y, $max, $max, $w, $h);
|
||||||
|
if($this->image)
|
||||||
|
imagedestroy($this->image);
|
||||||
|
$this->image = $dest;
|
||||||
|
$this->width = imagesx($this->image);
|
||||||
|
$this->height = imagesy($this->image);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function saveImage($path) {
|
||||||
|
imagejpeg($this->image,$path,100);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function imageString() {
|
||||||
|
ob_start();
|
||||||
|
imagejpeg($this->image,NULL,100);
|
||||||
|
$s = ob_get_contents();
|
||||||
|
ob_end_clean();
|
||||||
|
return $s;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,80 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
require_once('library/HTML5/Parser.php');
|
||||||
|
|
||||||
|
if(! function_exists('attribute_contains')) {
|
||||||
|
function attribute_contains($attr,$s) {
|
||||||
|
$a = explode(' ', $attr);
|
||||||
|
if(count($a) && in_array($s,$a))
|
||||||
|
return true;
|
||||||
|
return false;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('scrape_dfrn')) {
|
||||||
|
function scrape_dfrn($url) {
|
||||||
|
|
||||||
|
$ret = array();
|
||||||
|
$s = fetch_url($url);
|
||||||
|
|
||||||
|
if(! $s)
|
||||||
|
return $ret;
|
||||||
|
|
||||||
|
$dom = HTML5_Parser::parse($s);
|
||||||
|
|
||||||
|
if(! $dom)
|
||||||
|
return $ret;
|
||||||
|
|
||||||
|
$items = $dom->getElementsByTagName('link');
|
||||||
|
|
||||||
|
// get DFRN link elements
|
||||||
|
|
||||||
|
foreach($items as $item) {
|
||||||
|
$x = $item->getAttribute('rel');
|
||||||
|
if(substr($x,0,5) == "dfrn-")
|
||||||
|
$ret[$x] = $item->getAttribute('href');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Pull out hCard profile elements
|
||||||
|
|
||||||
|
$items = $dom->getElementsByTagName('*');
|
||||||
|
foreach($items as $item) {
|
||||||
|
if(attribute_contains($item->getAttribute('class'), 'vcard')) {
|
||||||
|
$level2 = $item->getElementsByTagName('*');
|
||||||
|
foreach($level2 as $x) {
|
||||||
|
if(attribute_contains($x->getAttribute('class'),'fn'))
|
||||||
|
$ret['fn'] = $x->textContent;
|
||||||
|
if(attribute_contains($x->getAttribute('class'),'photo'))
|
||||||
|
$ret['photo'] = $x->getAttribute('src');
|
||||||
|
if(attribute_contains($x->getAttribute('class'),'key'))
|
||||||
|
$ret['key'] = $x->textContent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $ret;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('validate_dfrn')) {
|
||||||
|
function validate_dfrn($a) {
|
||||||
|
$errors = 0;
|
||||||
|
if(! x($a,'key'))
|
||||||
|
$errors ++;
|
||||||
|
if(! x($a,'dfrn-request'))
|
||||||
|
$errors ++;
|
||||||
|
if(! x($a,'dfrn-confirm'))
|
||||||
|
$errors ++;
|
||||||
|
if(! x($a,'dfrn-notify'))
|
||||||
|
$errors ++;
|
||||||
|
if(! x($a,'dfrn-poll'))
|
||||||
|
$errors ++;
|
||||||
|
return $errors;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,105 @@
|
||||||
|
<?php
|
||||||
|
//BBcode 2 HTML was written by WAY2WEB.net
|
||||||
|
|
||||||
|
function bbcode($Text)
|
||||||
|
{
|
||||||
|
// Replace any html brackets with HTML Entities to prevent executing HTML or script
|
||||||
|
// Don't use strip_tags here because it breaks [url] search by replacing & with amp
|
||||||
|
$Text = str_replace("<", "<", $Text);
|
||||||
|
$Text = str_replace(">", ">", $Text);
|
||||||
|
|
||||||
|
// Convert new line chars to html <br /> tags
|
||||||
|
$Text = nl2br($Text);
|
||||||
|
|
||||||
|
// Set up the parameters for a URL search string
|
||||||
|
$URLSearchString = " a-zA-Z0-9\:\/\-\?\&\.\=\_\~\#\'";
|
||||||
|
// Set up the parameters for a MAIL search string
|
||||||
|
$MAILSearchString = $URLSearchString . " a-zA-Z0-9\.@";
|
||||||
|
|
||||||
|
// Perform URL Search
|
||||||
|
$Text = preg_replace("/\[url\]([$URLSearchString]*)\[\/url\]/", '<a href="$1" target="_blank">$1</a>', $Text);
|
||||||
|
$Text = preg_replace("(\[url\=([$URLSearchString]*)\](.+?)\[/url\])", '<a href="$1" target="_blank">$2</a>', $Text);
|
||||||
|
//$Text = preg_replace("(\[url\=([$URLSearchString]*)\]([$URLSearchString]*)\[/url\])", '<a href="$1" target="_blank">$2</a>', $Text);
|
||||||
|
|
||||||
|
// Perform MAIL Search
|
||||||
|
$Text = preg_replace("(\[mail\]([$MAILSearchString]*)\[/mail\])", '<a href="mailto:$1">$1</a>', $Text);
|
||||||
|
$Text = preg_replace("/\[mail\=([$MAILSearchString]*)\](.+?)\[\/mail\]/", '<a href="mailto:$1">$2</a>', $Text);
|
||||||
|
|
||||||
|
// Check for bold text
|
||||||
|
$Text = preg_replace("(\[b\](.+?)\[\/b])is",'<strong>$1</strong>',$Text);
|
||||||
|
|
||||||
|
// Check for Italics text
|
||||||
|
$Text = preg_replace("(\[i\](.+?)\[\/i\])is",'<em>$1</em>',$Text);
|
||||||
|
|
||||||
|
// Check for Underline text
|
||||||
|
$Text = preg_replace("(\[u\](.+?)\[\/u\])is",'<u>$1</u>',$Text);
|
||||||
|
|
||||||
|
// Check for strike-through text
|
||||||
|
$Text = preg_replace("(\[s\](.+?)\[\/s\])is",'<strike>$1</strike>',$Text);
|
||||||
|
|
||||||
|
// Check for over-line text
|
||||||
|
$Text = preg_replace("(\[o\](.+?)\[\/o\])is",'<span class="overline">$1</span>',$Text);
|
||||||
|
|
||||||
|
// Check for colored text
|
||||||
|
$Text = preg_replace("(\[color=(.+?)\](.+?)\[\/color\])is","<span style=\"color: $1\">$2</span>",$Text);
|
||||||
|
|
||||||
|
// Check for sized text
|
||||||
|
$Text = preg_replace("(\[size=(.+?)\](.+?)\[\/size\])is","<span style=\"font-size: $1px\">$2</span>",$Text);
|
||||||
|
|
||||||
|
// Check for list text
|
||||||
|
$Text = preg_replace("/\[list\](.+?)\[\/list\]/is", '<ul class="listbullet">$1</ul>' ,$Text);
|
||||||
|
$Text = preg_replace("/\[list=1\](.+?)\[\/list\]/is", '<ul class="listdecimal">$1</ul>' ,$Text);
|
||||||
|
$Text = preg_replace("/\[list=i\](.+?)\[\/list\]/s",'<ul class="listlowerroman">$1</ul>' ,$Text);
|
||||||
|
$Text = preg_replace("/\[list=I\](.+?)\[\/list\]/s", '<ul class="listupperroman">$1</ul>' ,$Text);
|
||||||
|
$Text = preg_replace("/\[list=a\](.+?)\[\/list\]/s", '<ul class="listloweralpha">$1</ul>' ,$Text);
|
||||||
|
$Text = preg_replace("/\[list=A\](.+?)\[\/list\]/s", '<ul class="listupperalpha">$1</ul>' ,$Text);
|
||||||
|
$Text = str_replace("[*]", "<li>", $Text);
|
||||||
|
|
||||||
|
// Check for font change text
|
||||||
|
$Text = preg_replace("(\[font=(.+?)\](.+?)\[\/font\])","<span style=\"font-family: $1;\">$2</span>",$Text);
|
||||||
|
|
||||||
|
// Declare the format for [code] layout
|
||||||
|
$CodeLayout = '<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||||
|
<tr>
|
||||||
|
<td class="quotecodeheader"> Code:</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="codebody">$1</td>
|
||||||
|
</tr>
|
||||||
|
</table>';
|
||||||
|
// Check for [code] text
|
||||||
|
$Text = preg_replace("/\[code\](.+?)\[\/code\]/is","$CodeLayout", $Text);
|
||||||
|
// Declare the format for [php] layout
|
||||||
|
$phpLayout = '<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||||
|
<tr>
|
||||||
|
<td class="quotecodeheader"> Code:</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="codebody">$1</td>
|
||||||
|
</tr>
|
||||||
|
</table>';
|
||||||
|
// Check for [php] text
|
||||||
|
$Text = preg_replace("/\[php\](.+?)\[\/php\]/is",$phpLayout, $Text);
|
||||||
|
|
||||||
|
// Declare the format for [quote] layout
|
||||||
|
$QuoteLayout = '<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||||
|
<tr>
|
||||||
|
<td class="quotecodeheader"> Quote:</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="quotebody">$1</td>
|
||||||
|
</tr>
|
||||||
|
</table>';
|
||||||
|
|
||||||
|
// Check for [quote] text
|
||||||
|
$Text = preg_replace("/\[quote\](.+?)\[\/quote\]/is","$QuoteLayout", $Text);
|
||||||
|
|
||||||
|
// Images
|
||||||
|
// [img]pathtoimage[/img]
|
||||||
|
$Text = preg_replace("/\[img\](.+?)\[\/img\]/", '<img src="$1">', $Text);
|
||||||
|
|
||||||
|
// [img=widthxheight]image source[/img]
|
||||||
|
$Text = preg_replace("/\[img\=([0-9]*)x([0-9]*)\](.+?)\[\/img\]/", '<img src="$3" height="$2" width="$1">', $Text);
|
||||||
|
|
||||||
|
return $Text;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,145 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
if(! function_exists('timezone_cmp')) {
|
||||||
|
function timezone_cmp($a, $b) {
|
||||||
|
if(strstr($a,'/') && strstr($b,'/')) {
|
||||||
|
if ($a == $b) return 0;
|
||||||
|
return ($a < $b) ? -1 : 1;
|
||||||
|
}
|
||||||
|
if(strstr($a,'/')) return -1;
|
||||||
|
if(strstr($b,'/')) return 1;
|
||||||
|
if ($a == $b) return 0;
|
||||||
|
return ($a < $b) ? -1 : 1;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('select_timezone')) {
|
||||||
|
function select_timezone($current = 'America/Los_Angeles') {
|
||||||
|
|
||||||
|
$timezone_identifiers = DateTimeZone::listIdentifiers();
|
||||||
|
|
||||||
|
$o ='<select id="timezone_select" name="timezone">';
|
||||||
|
|
||||||
|
usort($timezone_identifiers, 'timezone_cmp');
|
||||||
|
$continent = '';
|
||||||
|
foreach($timezone_identifiers as $value) {
|
||||||
|
$ex = explode("/", $value);
|
||||||
|
if(count($ex) > 1) {
|
||||||
|
if($ex[0] != $continent) {
|
||||||
|
if($continent != '')
|
||||||
|
$o .= '</optgroup>';
|
||||||
|
$continent = $ex[0];
|
||||||
|
$o .= "<optgroup label=\"$continent\">";
|
||||||
|
}
|
||||||
|
if(count($ex) > 2)
|
||||||
|
$city = substr($value,strpos($value,'/')+1);
|
||||||
|
else
|
||||||
|
$city = $ex[1];
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$city = $ex[0];
|
||||||
|
if($continent != 'Miscellaneous') {
|
||||||
|
$o .= '</optgroup>';
|
||||||
|
$continent = 'Miscellaneous';
|
||||||
|
$o .= "<optgroup label=\"$continent\">";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$city = str_replace('_', ' ', $city);
|
||||||
|
$selected = (($value == $current) ? " selected=\"selected\" " : "");
|
||||||
|
$o .= "<option value=\"$value\" $selected >$city</option>";
|
||||||
|
}
|
||||||
|
$o .= '</optgroup></select>';
|
||||||
|
return $o;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('datetime_convert')) {
|
||||||
|
function datetime_convert($from = 'UTC', $to = 'UTC', $s = 'now', $fmt = "Y-m-d H:i:s") {
|
||||||
|
$d = new DateTime($s, new DateTimeZone($from));
|
||||||
|
$d->setTimeZone(new DateTimeZone($to));
|
||||||
|
return($d->format($fmt));
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('datesel')) {
|
||||||
|
function datesel($pre,$ymin,$ymax,$allow_blank,$y,$m,$d) {
|
||||||
|
|
||||||
|
$o = '';
|
||||||
|
$o .= "<select name=\"{$pre}year\" class=\"{$pre}year\" size=\"1\">";
|
||||||
|
if($allow_blank) {
|
||||||
|
$sel = (($y == '') ? " selected=\"selected\" " : "");
|
||||||
|
$o .= "<option value=\"\" $sel></option>";
|
||||||
|
}
|
||||||
|
|
||||||
|
for($x = $ymin; $x <= $ymax; $x ++) {
|
||||||
|
$sel = (($x == $y) ? " selected=\"selected\" " : "");
|
||||||
|
$o .= "<option value=\"$x\" $sel>$x</option>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$o .= "</select>-<select name=\"{$pre}month\" class=\"{$pre}month\" size=\"1\">";
|
||||||
|
for($x = 1; $x <= 12; $x ++) {
|
||||||
|
$sel = (($x == $m) ? " selected=\"selected\" " : "");
|
||||||
|
$o .= "<option value=\"$x\" $sel>$x</option>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$o .= "</select>-<select name=\"{$pre}day\" class=\"{$pre}day\" size=\"1\">";
|
||||||
|
for($x = 1; $x <= 31; $x ++) {
|
||||||
|
$sel = (($x == $d) ? " selected=\"selected\" " : "");
|
||||||
|
$o .= "<option value=\"$x\" $sel>$x</option>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$o .= "</select>";
|
||||||
|
return $o;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
// TODO rewrite this buggy sucker
|
||||||
|
function relative_date($posted_date) {
|
||||||
|
|
||||||
|
$localtime = datetime_convert('UTC',date_default_timezone_get(),$posted_date);
|
||||||
|
|
||||||
|
$in_seconds = strtotime($localtime);
|
||||||
|
|
||||||
|
$diff = time() - $in_seconds;
|
||||||
|
|
||||||
|
$months = floor($diff/2592000);
|
||||||
|
$diff -= $months*2419200;
|
||||||
|
$weeks = floor($diff/604800);
|
||||||
|
$diff -= $weeks*604800;
|
||||||
|
$days = floor($diff/86400);
|
||||||
|
$diff -= $days*86400;
|
||||||
|
$hours = floor($diff/3600);
|
||||||
|
$diff -= $hours*3600;
|
||||||
|
$minutes = floor($diff/60);
|
||||||
|
$diff -= $minutes*60;
|
||||||
|
$seconds = $diff;
|
||||||
|
|
||||||
|
|
||||||
|
if ($months>0) {
|
||||||
|
// over a month old,
|
||||||
|
return 'over a month ago';
|
||||||
|
} else {
|
||||||
|
if ($weeks>0) {
|
||||||
|
// weeks and days
|
||||||
|
$relative_date .= ($relative_date?', ':'').$weeks.' week'.($weeks!=1 ?'s':'');
|
||||||
|
|
||||||
|
} elseif ($days>0) {
|
||||||
|
// days and hours
|
||||||
|
$relative_date .= ($relative_date?', ':'').$days.' day'.($days!=1?'s':'');
|
||||||
|
|
||||||
|
} elseif ($hours>0) {
|
||||||
|
// hours and minutes
|
||||||
|
$relative_date .= ($relative_date?', ':'').$hours.' hour'.($hours!=1?'s':'');
|
||||||
|
|
||||||
|
} elseif ($minutes>0) {
|
||||||
|
// minutes only
|
||||||
|
$relative_date .= ($relative_date?', ':'').$minutes.' minute'.($minutes!=1?'s':'');
|
||||||
|
} else {
|
||||||
|
// seconds only
|
||||||
|
$relative_date .= ($relative_date?', ':'').$seconds.' second'.($seconds!=1?'s':'');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// show relative date and add proper verbiage
|
||||||
|
return $relative_date.' ago';
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,138 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
// MySQL database class
|
||||||
|
//
|
||||||
|
// For debugging, insert 'dbg(x);' anywhere in the program flow.
|
||||||
|
// x = 1: display db success/failure following content
|
||||||
|
// x = 2: display full queries following content
|
||||||
|
// x = 3: display full queries using echo; which will mess up display
|
||||||
|
// really bad but will return output in stubborn cases.
|
||||||
|
|
||||||
|
if(! class_exists('dba')) {
|
||||||
|
class dba {
|
||||||
|
|
||||||
|
private $debug = 0;
|
||||||
|
private $db;
|
||||||
|
|
||||||
|
function __construct($server,$user,$pass,$db,$install = false) {
|
||||||
|
$this->db = @new mysqli($server,$user,$pass,$db);
|
||||||
|
if((mysqli_connect_errno()) && (! install))
|
||||||
|
system_unavailable();
|
||||||
|
}
|
||||||
|
|
||||||
|
public function q($sql) {
|
||||||
|
global $debug_text;
|
||||||
|
|
||||||
|
if(! $this->db )
|
||||||
|
return false;
|
||||||
|
|
||||||
|
$result = @$this->db->query($sql);
|
||||||
|
|
||||||
|
if($this->debug) {
|
||||||
|
|
||||||
|
$mesg = '';
|
||||||
|
|
||||||
|
if($this->db->mysqli->errno)
|
||||||
|
$debug_text .= $this->db->mysqli->error . EOL;
|
||||||
|
|
||||||
|
if($result === false)
|
||||||
|
$mesg = 'false';
|
||||||
|
elseif($result === true)
|
||||||
|
$mesg = 'true';
|
||||||
|
else
|
||||||
|
$mesg = $result->num_rows.' results' . EOL;
|
||||||
|
|
||||||
|
$str = 'SQL = ' . $sql . EOL . 'SQL returned ' . $mesg . EOL;
|
||||||
|
|
||||||
|
switch($this->debug) {
|
||||||
|
case 3:
|
||||||
|
echo $str;
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
$debug_text .= $str;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if(($result === true) || ($result === false))
|
||||||
|
return $result;
|
||||||
|
|
||||||
|
$r = array();
|
||||||
|
if($result->num_rows) {
|
||||||
|
while($x = $result->fetch_array(MYSQL_ASSOC))
|
||||||
|
$r[] = $x;
|
||||||
|
$result->free_result();
|
||||||
|
}
|
||||||
|
|
||||||
|
if($this->debug == 2)
|
||||||
|
$debug_text .= print_r($r, true). EOL;
|
||||||
|
// $debug_text .= quoted_printable_encode(print_r($r, true). EOL);
|
||||||
|
elseif($this->debug == 3)
|
||||||
|
echo print_r($r, true) . EOL ;
|
||||||
|
// echo quoted_printable_encode(print_r($r, true) . EOL) ;
|
||||||
|
|
||||||
|
return($r);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function dbg($dbg) {
|
||||||
|
$this->debug = $dbg;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function escape($str) {
|
||||||
|
return @$this->db->real_escape_string($str);
|
||||||
|
}
|
||||||
|
|
||||||
|
function __destruct() {
|
||||||
|
@$this->db->close();
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
|
||||||
|
// Procedural functions
|
||||||
|
if(! function_exists('dbg')) {
|
||||||
|
function dbg($state) {
|
||||||
|
global $db;
|
||||||
|
$db->dbg($state);
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('dbesc')) {
|
||||||
|
function dbesc($str) {
|
||||||
|
global $db;
|
||||||
|
return($db->escape($str));
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
// Function: q($sql,$args);
|
||||||
|
// Description: execute SQL query with printf style args.
|
||||||
|
// Example: $r = q("SELECT * FROM `%s` WHERE `uid` = %d",
|
||||||
|
// 'user', 1);
|
||||||
|
|
||||||
|
if(! function_exists('q')) {
|
||||||
|
function q($sql) {
|
||||||
|
|
||||||
|
global $db;
|
||||||
|
$args = func_get_args();
|
||||||
|
unset($args[0]);
|
||||||
|
$ret = $db->q(vsprintf($sql,$args));
|
||||||
|
return $ret;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
// Caller is responsible for ensuring that any integer arguments to
|
||||||
|
// dbesc_array are actually integers and not malformed strings containing
|
||||||
|
// SQL injection vectors. All integer array elements should be specifically
|
||||||
|
// cast to int to avoid trouble.
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('dbesc_array_cb')) {
|
||||||
|
function dbesc_array_cb(&$item, $key) {
|
||||||
|
if(is_string($item))
|
||||||
|
$item = dbesc($item);
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('dbesc_array')) {
|
||||||
|
function dbesc_array(&$a) {
|
||||||
|
if(is_array($a) && count($a)) {
|
||||||
|
array_walk($a,'dbesc_array_cb');
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
|
||||||
|
<form action="process-login" method="post" >
|
||||||
|
<div class="login-name-wrapper">
|
||||||
|
<label for="login-name" id="label-login-name">Email address: </label>
|
||||||
|
<input type="text" maxlength="60" name="login-name" id="login-name" value="" />
|
||||||
|
</div>
|
||||||
|
<div class="login-password-wrapper">
|
||||||
|
<label for="login-password" id="label-login-password">Password: </label>
|
||||||
|
<input type="password" maxlength="60" name="password" id="password" value="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="login-extra-links">
|
||||||
|
<?php if($register) { ?>
|
||||||
|
<a href="register" name="Register" id="register" >Register</a>
|
||||||
|
<?php } ?>
|
||||||
|
<a href="lost-password" name="Lost your password?" id="lost-password">Password Reset</a>
|
||||||
|
</div>
|
||||||
|
<input type="submit" name="submit" id="login-submit" value="Login" />
|
||||||
|
</form>
|
||||||
|
|
@ -0,0 +1,17 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
function can_write_wall(&$a,$owner) {
|
||||||
|
if((! (local_user())) && (! (remote_user())))
|
||||||
|
return false;
|
||||||
|
if((local_user()) && ($_SESSION['uid'] == $owner))
|
||||||
|
return true;
|
||||||
|
|
||||||
|
$r = q("SELECT * FROM `contact` WHERE `uid` = %d AND `id` = %d AND `blocked` = 0",
|
||||||
|
intval($owner),
|
||||||
|
intval($_SESSION['visitor_id'])
|
||||||
|
);
|
||||||
|
if(count($r))
|
||||||
|
return true;
|
||||||
|
return false;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,76 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
// Session management functions. These provide database storage of PHP
|
||||||
|
// session info.
|
||||||
|
|
||||||
|
$session_exists = 0;
|
||||||
|
$session_expire = 180000;
|
||||||
|
|
||||||
|
if(! function_exists('ref_session_open')) {
|
||||||
|
function ref_session_open ($s,$n) {
|
||||||
|
return true;
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('ref_session_read')) {
|
||||||
|
function ref_session_read ($id) {
|
||||||
|
global $session_exists;
|
||||||
|
if(x($id))
|
||||||
|
$r = q("SELECT `data` FROM `session` WHERE `sid`= '%s'", dbesc($id));
|
||||||
|
if(count($r)) {
|
||||||
|
$session_exists = true;
|
||||||
|
return $r[0]['data'];
|
||||||
|
}
|
||||||
|
return '';
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('ref_session_write')) {
|
||||||
|
function ref_session_write ($id,$data) {
|
||||||
|
global $session_exists, $session_expire;
|
||||||
|
if(! $id || ! $data) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
$expire = time() + $session_expire;
|
||||||
|
$default_expire = time() + 300;
|
||||||
|
|
||||||
|
if($session_exists)
|
||||||
|
$r = q("UPDATE `session`
|
||||||
|
SET `data` = '%s', `expire` = '%s'
|
||||||
|
WHERE `sid` = '%s' LIMIT 1",
|
||||||
|
dbesc($data), dbesc($expire), dbesc($id));
|
||||||
|
else
|
||||||
|
$r = q("INSERT INTO `session`
|
||||||
|
SET `sid` = '%s', `expire` = '%s', `data` = '%s'",
|
||||||
|
dbesc($id), dbesc($default_expire), dbesc($data));
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('ref_session_close')) {
|
||||||
|
function ref_session_close() {
|
||||||
|
return true;
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('ref_session_destroy')) {
|
||||||
|
function ref_session_destroy ($id) {
|
||||||
|
q("DELETE FROM `session` WHERE `sid` = '%s'", dbesc($id));
|
||||||
|
return true;
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('ref_session_gc')) {
|
||||||
|
function ref_session_gc($expire) {
|
||||||
|
q("DELETE FROM `session` WHERE `expire` < %d", dbesc(time()));
|
||||||
|
q("OPTIMIZE TABLE `sess_data`");
|
||||||
|
return true;
|
||||||
|
}}
|
||||||
|
|
||||||
|
$gc_probability = 50;
|
||||||
|
|
||||||
|
ini_set('session.gc_probability', $gc_probability);
|
||||||
|
ini_set('session.use_only_cookies', 1);
|
||||||
|
ini_set('session.cookie_httponly', 1);
|
||||||
|
|
||||||
|
|
||||||
|
session_set_save_handler ('ref_session_open', 'ref_session_close',
|
||||||
|
'ref_session_read', 'ref_session_write',
|
||||||
|
'ref_session_destroy', 'ref_session_gc');
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
<html>
|
||||||
|
<head><title>System Unavailable</title></head>
|
||||||
|
<body>
|
||||||
|
Apologies but this site is unavailable at the moment. Please try again later.
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,113 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
require_once("boot.php");
|
||||||
|
|
||||||
|
$a = new App;
|
||||||
|
|
||||||
|
$debug_text = ''; // Debugging functions should never be used on production systems.
|
||||||
|
|
||||||
|
// Setup the database.
|
||||||
|
|
||||||
|
$install = ((file_exists('.htconfig.php')) ? false : true);
|
||||||
|
|
||||||
|
@include(".htconfig.php");
|
||||||
|
require_once("dba.php");
|
||||||
|
$db = new dba($db_host, $db_user, $db_pass, $db_data, $install);
|
||||||
|
unset($db_host, $db_user, $db_pass, $db_data);
|
||||||
|
|
||||||
|
require_once("session.php");
|
||||||
|
require_once("datetime.php");
|
||||||
|
|
||||||
|
date_default_timezone_set(($default_timezone) ? $default_timezone : 'UTC');
|
||||||
|
|
||||||
|
$a->init_pagehead();
|
||||||
|
|
||||||
|
session_start();
|
||||||
|
|
||||||
|
if((x($_SESSION,'authenticated')) || (x($_POST['auth-params'])))
|
||||||
|
require("auth.php");
|
||||||
|
|
||||||
|
if($install)
|
||||||
|
$a->module = 'install';
|
||||||
|
|
||||||
|
if(strlen($a->module)) {
|
||||||
|
if(file_exists("mod/{$a->module}.php")) {
|
||||||
|
include("mod/{$a->module}.php");
|
||||||
|
$a->module_loaded = true;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
// TODO
|
||||||
|
// search builtin function module table, else
|
||||||
|
// return 403, 404, etc. Right now unresolved pages return blank.
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// invoke module functions
|
||||||
|
// Important: Modules normally do not emit content, unless you need it for debugging.
|
||||||
|
// The module_init, module_post, and module_afterpost functions process URL parameters and POST processing.
|
||||||
|
// The module_content function returns content text to this function where it is included on the page.
|
||||||
|
// Modules emitting XML/Atom, etc. should do so in the _init function and promptly exit.
|
||||||
|
// "Most" HTML resides in the view directory as text templates with macro substitution.
|
||||||
|
// They look like HTML with PHP variables but only a couple pass through the PHP processor - those with .php extensions.
|
||||||
|
// The macro substitution is defined per page for the .tpl files.
|
||||||
|
// Information transfer between functions can be accomplished via the App session '$a' and its related variables.
|
||||||
|
// x() queries both a variable's existence and that it is "non-zero" or "non-empty" depending on how it is called.
|
||||||
|
// q() is the SQL query form. All string (%s) variables MUST be passed through dbesc().
|
||||||
|
// All int values MUST be cast to integer using intval();
|
||||||
|
|
||||||
|
if($a->module_loaded) {
|
||||||
|
$a->page['page_title'] = $a->module;
|
||||||
|
if(function_exists($a->module . '_init')) {
|
||||||
|
$func = $a->module . '_init';
|
||||||
|
$func($a);
|
||||||
|
}
|
||||||
|
|
||||||
|
if(($_SERVER['REQUEST_METHOD'] == 'POST') && (! $a->error)
|
||||||
|
&& (function_exists($a->module . '_post'))
|
||||||
|
&& (! x($_POST,'auth-params'))) {
|
||||||
|
$func = $a->module . '_post';
|
||||||
|
$func($a);
|
||||||
|
}
|
||||||
|
|
||||||
|
if((! $a->error) && (function_exists($a->module . '_afterpost'))) {
|
||||||
|
$func = $a->module . '_afterpost';
|
||||||
|
$func($a);
|
||||||
|
}
|
||||||
|
|
||||||
|
if((! $a->error) && (function_exists($a->module . '_content'))) {
|
||||||
|
$func = $a->module . '_content';
|
||||||
|
$a->page['content'] .= $func($a);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer($a);
|
||||||
|
}
|
||||||
|
|
||||||
|
// report anything important happening
|
||||||
|
|
||||||
|
if(x($_SESSION,'sysmsg')) {
|
||||||
|
$a->page['content'] = "<div class=\"error-message\">{$_SESSION['sysmsg']}</div>\r\n"
|
||||||
|
. $a->page['content'];
|
||||||
|
unset($_SESSION['sysmsg']);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Feel free to comment out this line on production sites.
|
||||||
|
$a->page['content'] .= $debug_text;
|
||||||
|
|
||||||
|
// build page
|
||||||
|
|
||||||
|
// Navigation (menu) template
|
||||||
|
require_once("nav.php");
|
||||||
|
|
||||||
|
$page = $a->page;
|
||||||
|
$profile = $a->profile;
|
||||||
|
|
||||||
|
header("Content-type: text/html; charset=utf-8");
|
||||||
|
$template = "view/"
|
||||||
|
. ((x($a->page,'theme')) ? $a->page['theme'] . '/' : "" )
|
||||||
|
. ((x($a->page,'template')) ? $a->page['template'] : 'default' )
|
||||||
|
. ".php";
|
||||||
|
|
||||||
|
require_once($template);
|
||||||
|
|
||||||
|
session_write_close();
|
||||||
|
exit;
|
||||||
|
|
@ -0,0 +1,120 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
// warning: this file is encoded in UTF-8!
|
||||||
|
|
||||||
|
class HTML5_Data
|
||||||
|
{
|
||||||
|
|
||||||
|
// at some point this should be moved to a .ser file. Another
|
||||||
|
// possible optimization is to give UTF-8 bytes, not Unicode
|
||||||
|
// codepoints
|
||||||
|
protected static $realCodepointTable = array(
|
||||||
|
0x0D => 0x000A, // LINE FEED (LF)
|
||||||
|
0x80 => 0x20AC, // EURO SIGN ('€')
|
||||||
|
0x81 => 0xFFFD, // REPLACEMENT CHARACTER
|
||||||
|
0x82 => 0x201A, // SINGLE LOW-9 QUOTATION MARK ('‚')
|
||||||
|
0x83 => 0x0192, // LATIN SMALL LETTER F WITH HOOK ('ƒ')
|
||||||
|
0x84 => 0x201E, // DOUBLE LOW-9 QUOTATION MARK ('„')
|
||||||
|
0x85 => 0x2026, // HORIZONTAL ELLIPSIS ('…')
|
||||||
|
0x86 => 0x2020, // DAGGER ('†')
|
||||||
|
0x87 => 0x2021, // DOUBLE DAGGER ('‡')
|
||||||
|
0x88 => 0x02C6, // MODIFIER LETTER CIRCUMFLEX ACCENT ('ˆ')
|
||||||
|
0x89 => 0x2030, // PER MILLE SIGN ('‰')
|
||||||
|
0x8A => 0x0160, // LATIN CAPITAL LETTER S WITH CARON ('Š')
|
||||||
|
0x8B => 0x2039, // SINGLE LEFT-POINTING ANGLE QUOTATION MARK ('‹')
|
||||||
|
0x8C => 0x0152, // LATIN CAPITAL LIGATURE OE ('Œ')
|
||||||
|
0x8D => 0xFFFD, // REPLACEMENT CHARACTER
|
||||||
|
0x8E => 0x017D, // LATIN CAPITAL LETTER Z WITH CARON ('Ž')
|
||||||
|
0x8F => 0xFFFD, // REPLACEMENT CHARACTER
|
||||||
|
0x90 => 0xFFFD, // REPLACEMENT CHARACTER
|
||||||
|
0x91 => 0x2018, // LEFT SINGLE QUOTATION MARK ('‘')
|
||||||
|
0x92 => 0x2019, // RIGHT SINGLE QUOTATION MARK ('’')
|
||||||
|
0x93 => 0x201C, // LEFT DOUBLE QUOTATION MARK ('“')
|
||||||
|
0x94 => 0x201D, // RIGHT DOUBLE QUOTATION MARK ('”')
|
||||||
|
0x95 => 0x2022, // BULLET ('•')
|
||||||
|
0x96 => 0x2013, // EN DASH ('–')
|
||||||
|
0x97 => 0x2014, // EM DASH ('—')
|
||||||
|
0x98 => 0x02DC, // SMALL TILDE ('˜')
|
||||||
|
0x99 => 0x2122, // TRADE MARK SIGN ('™')
|
||||||
|
0x9A => 0x0161, // LATIN SMALL LETTER S WITH CARON ('š')
|
||||||
|
0x9B => 0x203A, // SINGLE RIGHT-POINTING ANGLE QUOTATION MARK ('›')
|
||||||
|
0x9C => 0x0153, // LATIN SMALL LIGATURE OE ('œ')
|
||||||
|
0x9D => 0xFFFD, // REPLACEMENT CHARACTER
|
||||||
|
0x9E => 0x017E, // LATIN SMALL LETTER Z WITH CARON ('ž')
|
||||||
|
0x9F => 0x0178, // LATIN CAPITAL LETTER Y WITH DIAERESIS ('Ÿ')
|
||||||
|
);
|
||||||
|
|
||||||
|
protected static $namedCharacterReferences;
|
||||||
|
|
||||||
|
protected static $namedCharacterReferenceMaxLength;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Returns the "real" Unicode codepoint of a malformed character
|
||||||
|
* reference.
|
||||||
|
*/
|
||||||
|
public static function getRealCodepoint($ref) {
|
||||||
|
if (!isset(self::$realCodepointTable[$ref])) return false;
|
||||||
|
else return self::$realCodepointTable[$ref];
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function getNamedCharacterReferences() {
|
||||||
|
if (!self::$namedCharacterReferences) {
|
||||||
|
self::$namedCharacterReferences = unserialize(
|
||||||
|
file_get_contents(dirname(__FILE__) . '/named-character-references.ser'));
|
||||||
|
}
|
||||||
|
return self::$namedCharacterReferences;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function getNamedCharacterReferenceMaxLength() {
|
||||||
|
if (!self::$namedCharacterReferenceMaxLength) {
|
||||||
|
$namedCharacterReferences = self::getNamedCharacterReferences();
|
||||||
|
$lengths = array_map('strlen', array_keys($namedCharacterReferences));
|
||||||
|
self::$namedCharacterReferenceMaxLength = max($lengths);
|
||||||
|
}
|
||||||
|
return self::$namedCharacterReferenceMaxLength;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Converts a Unicode codepoint to sequence of UTF-8 bytes.
|
||||||
|
* @note Shamelessly stolen from HTML Purifier, which is also
|
||||||
|
* shamelessly stolen from Feyd (which is in public domain).
|
||||||
|
*/
|
||||||
|
public static function utf8chr($code) {
|
||||||
|
if($code > 0x10FFFF or $code < 0x0 or
|
||||||
|
($code >= 0xD800 and $code <= 0xDFFF) ) {
|
||||||
|
// bits are set outside the "valid" range as defined
|
||||||
|
// by UNICODE 4.1.0
|
||||||
|
return "\xEF\xBF\xBD";
|
||||||
|
}
|
||||||
|
|
||||||
|
$x = $y = $z = $w = 0;
|
||||||
|
if ($code < 0x80) {
|
||||||
|
// regular ASCII character
|
||||||
|
$x = $code;
|
||||||
|
} else {
|
||||||
|
// set up bits for UTF-8
|
||||||
|
$x = ($code & 0x3F) | 0x80;
|
||||||
|
if ($code < 0x800) {
|
||||||
|
$y = (($code & 0x7FF) >> 6) | 0xC0;
|
||||||
|
} else {
|
||||||
|
$y = (($code & 0xFC0) >> 6) | 0x80;
|
||||||
|
if($code < 0x10000) {
|
||||||
|
$z = (($code >> 12) & 0x0F) | 0xE0;
|
||||||
|
} else {
|
||||||
|
$z = (($code >> 12) & 0x3F) | 0x80;
|
||||||
|
$w = (($code >> 18) & 0x07) | 0xF0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// set up the actual character
|
||||||
|
$ret = '';
|
||||||
|
if($w) $ret .= chr($w);
|
||||||
|
if($z) $ret .= chr($z);
|
||||||
|
if($y) $ret .= chr($y);
|
||||||
|
$ret .= chr($x);
|
||||||
|
|
||||||
|
return $ret;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,284 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
/*
|
||||||
|
|
||||||
|
Copyright 2009 Geoffrey Sneddon <http://gsnedders.com/>
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a
|
||||||
|
copy of this software and associated documentation files (the
|
||||||
|
"Software"), to deal in the Software without restriction, including
|
||||||
|
without limitation the rights to use, copy, modify, merge, publish,
|
||||||
|
distribute, sublicense, and/or sell copies of the Software, and to
|
||||||
|
permit persons to whom the Software is furnished to do so, subject to
|
||||||
|
the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included
|
||||||
|
in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
|
||||||
|
OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
||||||
|
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
||||||
|
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
||||||
|
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
||||||
|
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Some conventions:
|
||||||
|
// /* */ indicates verbatim text from the HTML 5 specification
|
||||||
|
// // indicates regular comments
|
||||||
|
|
||||||
|
class HTML5_InputStream {
|
||||||
|
/**
|
||||||
|
* The string data we're parsing.
|
||||||
|
*/
|
||||||
|
private $data;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The current integer byte position we are in $data
|
||||||
|
*/
|
||||||
|
private $char;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Length of $data; when $char === $data, we are at the end-of-file.
|
||||||
|
*/
|
||||||
|
private $EOF;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Parse errors.
|
||||||
|
*/
|
||||||
|
public $errors = array();
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param $data Data to parse
|
||||||
|
*/
|
||||||
|
public function __construct($data) {
|
||||||
|
|
||||||
|
/* Given an encoding, the bytes in the input stream must be
|
||||||
|
converted to Unicode characters for the tokeniser, as
|
||||||
|
described by the rules for that encoding, except that the
|
||||||
|
leading U+FEFF BYTE ORDER MARK character, if any, must not
|
||||||
|
be stripped by the encoding layer (it is stripped by the rule below).
|
||||||
|
|
||||||
|
Bytes or sequences of bytes in the original byte stream that
|
||||||
|
could not be converted to Unicode characters must be converted
|
||||||
|
to U+FFFD REPLACEMENT CHARACTER code points. */
|
||||||
|
|
||||||
|
// XXX currently assuming input data is UTF-8; once we
|
||||||
|
// build encoding detection this will no longer be the case
|
||||||
|
//
|
||||||
|
// We previously had an mbstring implementation here, but that
|
||||||
|
// implementation is heavily non-conforming, so it's been
|
||||||
|
// omitted.
|
||||||
|
if (extension_loaded('iconv')) {
|
||||||
|
// non-conforming
|
||||||
|
$data = @iconv('UTF-8', 'UTF-8//IGNORE', $data);
|
||||||
|
} else {
|
||||||
|
// we can make a conforming native implementation
|
||||||
|
throw new Exception('Not implemented, please install mbstring or iconv');
|
||||||
|
}
|
||||||
|
|
||||||
|
/* One leading U+FEFF BYTE ORDER MARK character must be
|
||||||
|
ignored if any are present. */
|
||||||
|
if (substr($data, 0, 3) === "\xEF\xBB\xBF") {
|
||||||
|
$data = substr($data, 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* All U+0000 NULL characters in the input must be replaced
|
||||||
|
by U+FFFD REPLACEMENT CHARACTERs. Any occurrences of such
|
||||||
|
characters is a parse error. */
|
||||||
|
for ($i = 0, $count = substr_count($data, "\0"); $i < $count; $i++) {
|
||||||
|
$this->errors[] = array(
|
||||||
|
'type' => HTML5_Tokenizer::PARSEERROR,
|
||||||
|
'data' => 'null-character'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
/* U+000D CARRIAGE RETURN (CR) characters and U+000A LINE FEED
|
||||||
|
(LF) characters are treated specially. Any CR characters
|
||||||
|
that are followed by LF characters must be removed, and any
|
||||||
|
CR characters not followed by LF characters must be converted
|
||||||
|
to LF characters. Thus, newlines in HTML DOMs are represented
|
||||||
|
by LF characters, and there are never any CR characters in the
|
||||||
|
input to the tokenization stage. */
|
||||||
|
$data = str_replace(
|
||||||
|
array(
|
||||||
|
"\0",
|
||||||
|
"\r\n",
|
||||||
|
"\r"
|
||||||
|
),
|
||||||
|
array(
|
||||||
|
"\xEF\xBF\xBD",
|
||||||
|
"\n",
|
||||||
|
"\n"
|
||||||
|
),
|
||||||
|
$data
|
||||||
|
);
|
||||||
|
|
||||||
|
/* Any occurrences of any characters in the ranges U+0001 to
|
||||||
|
U+0008, U+000B, U+000E to U+001F, U+007F to U+009F,
|
||||||
|
U+D800 to U+DFFF , U+FDD0 to U+FDEF, and
|
||||||
|
characters U+FFFE, U+FFFF, U+1FFFE, U+1FFFF, U+2FFFE, U+2FFFF,
|
||||||
|
U+3FFFE, U+3FFFF, U+4FFFE, U+4FFFF, U+5FFFE, U+5FFFF, U+6FFFE,
|
||||||
|
U+6FFFF, U+7FFFE, U+7FFFF, U+8FFFE, U+8FFFF, U+9FFFE, U+9FFFF,
|
||||||
|
U+AFFFE, U+AFFFF, U+BFFFE, U+BFFFF, U+CFFFE, U+CFFFF, U+DFFFE,
|
||||||
|
U+DFFFF, U+EFFFE, U+EFFFF, U+FFFFE, U+FFFFF, U+10FFFE, and
|
||||||
|
U+10FFFF are parse errors. (These are all control characters
|
||||||
|
or permanently undefined Unicode characters.) */
|
||||||
|
// Check PCRE is loaded.
|
||||||
|
if (extension_loaded('pcre')) {
|
||||||
|
$count = preg_match_all(
|
||||||
|
'/(?:
|
||||||
|
[\x01-\x08\x0B\x0E-\x1F\x7F] # U+0001 to U+0008, U+000B, U+000E to U+001F and U+007F
|
||||||
|
|
|
||||||
|
\xC2[\x80-\x9F] # U+0080 to U+009F
|
||||||
|
|
|
||||||
|
\xED(?:\xA0[\x80-\xFF]|[\xA1-\xBE][\x00-\xFF]|\xBF[\x00-\xBF]) # U+D800 to U+DFFFF
|
||||||
|
|
|
||||||
|
\xEF\xB7[\x90-\xAF] # U+FDD0 to U+FDEF
|
||||||
|
|
|
||||||
|
\xEF\xBF[\xBE\xBF] # U+FFFE and U+FFFF
|
||||||
|
|
|
||||||
|
[\xF0-\xF4][\x8F-\xBF]\xBF[\xBE\xBF] # U+nFFFE and U+nFFFF (1 <= n <= 10_{16})
|
||||||
|
)/x',
|
||||||
|
$data,
|
||||||
|
$matches
|
||||||
|
);
|
||||||
|
for ($i = 0; $i < $count; $i++) {
|
||||||
|
$this->errors[] = array(
|
||||||
|
'type' => HTML5_Tokenizer::PARSEERROR,
|
||||||
|
'data' => 'invalid-codepoint'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// XXX: Need non-PCRE impl, probably using substr_count
|
||||||
|
}
|
||||||
|
|
||||||
|
$this->data = $data;
|
||||||
|
$this->char = 0;
|
||||||
|
$this->EOF = strlen($data);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Returns the current line that the tokenizer is at.
|
||||||
|
*/
|
||||||
|
public function getCurrentLine() {
|
||||||
|
// Check the string isn't empty
|
||||||
|
if($this->EOF) {
|
||||||
|
// Add one to $this->char because we want the number for the next
|
||||||
|
// byte to be processed.
|
||||||
|
return substr_count($this->data, "\n", 0, min($this->char, $this->EOF)) + 1;
|
||||||
|
} else {
|
||||||
|
// If the string is empty, we are on the first line (sorta).
|
||||||
|
return 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Returns the current column of the current line that the tokenizer is at.
|
||||||
|
*/
|
||||||
|
public function getColumnOffset() {
|
||||||
|
// strrpos is weird, and the offset needs to be negative for what we
|
||||||
|
// want (i.e., the last \n before $this->char). This needs to not have
|
||||||
|
// one (to make it point to the next character, the one we want the
|
||||||
|
// position of) added to it because strrpos's behaviour includes the
|
||||||
|
// final offset byte.
|
||||||
|
$lastLine = strrpos($this->data, "\n", $this->char - 1 - strlen($this->data));
|
||||||
|
|
||||||
|
// However, for here we want the length up until the next byte to be
|
||||||
|
// processed, so add one to the current byte ($this->char).
|
||||||
|
if($lastLine !== false) {
|
||||||
|
$findLengthOf = substr($this->data, $lastLine + 1, $this->char - 1 - $lastLine);
|
||||||
|
} else {
|
||||||
|
$findLengthOf = substr($this->data, 0, $this->char);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get the length for the string we need.
|
||||||
|
if(extension_loaded('iconv')) {
|
||||||
|
return iconv_strlen($findLengthOf, 'utf-8');
|
||||||
|
} elseif(extension_loaded('mbstring')) {
|
||||||
|
return mb_strlen($findLengthOf, 'utf-8');
|
||||||
|
} elseif(extension_loaded('xml')) {
|
||||||
|
return strlen(utf8_decode($findLengthOf));
|
||||||
|
} else {
|
||||||
|
$count = count_chars($findLengthOf);
|
||||||
|
// 0x80 = 0x7F - 0 + 1 (one added to get inclusive range)
|
||||||
|
// 0x33 = 0xF4 - 0x2C + 1 (one added to get inclusive range)
|
||||||
|
return array_sum(array_slice($count, 0, 0x80)) +
|
||||||
|
array_sum(array_slice($count, 0xC2, 0x33));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Retrieve the currently consume character.
|
||||||
|
* @note This performs bounds checking
|
||||||
|
*/
|
||||||
|
public function char() {
|
||||||
|
return ($this->char++ < $this->EOF)
|
||||||
|
? $this->data[$this->char - 1]
|
||||||
|
: false;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get all characters until EOF.
|
||||||
|
* @note This performs bounds checking
|
||||||
|
*/
|
||||||
|
public function remainingChars() {
|
||||||
|
if($this->char < $this->EOF) {
|
||||||
|
$data = substr($this->data, $this->char);
|
||||||
|
$this->char = $this->EOF;
|
||||||
|
return $data;
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Matches as far as possible until we reach a certain set of bytes
|
||||||
|
* and returns the matched substring.
|
||||||
|
* @param $bytes Bytes to match.
|
||||||
|
*/
|
||||||
|
public function charsUntil($bytes, $max = null) {
|
||||||
|
if ($this->char < $this->EOF) {
|
||||||
|
if ($max === 0 || $max) {
|
||||||
|
$len = strcspn($this->data, $bytes, $this->char, $max);
|
||||||
|
} else {
|
||||||
|
$len = strcspn($this->data, $bytes, $this->char);
|
||||||
|
}
|
||||||
|
$string = (string) substr($this->data, $this->char, $len);
|
||||||
|
$this->char += $len;
|
||||||
|
return $string;
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Matches as far as possible with a certain set of bytes
|
||||||
|
* and returns the matched substring.
|
||||||
|
* @param $bytes Bytes to match.
|
||||||
|
*/
|
||||||
|
public function charsWhile($bytes, $max = null) {
|
||||||
|
if ($this->char < $this->EOF) {
|
||||||
|
if ($max === 0 || $max) {
|
||||||
|
$len = strspn($this->data, $bytes, $this->char, $max);
|
||||||
|
} else {
|
||||||
|
$len = strspn($this->data, $bytes, $this->char);
|
||||||
|
}
|
||||||
|
$string = (string) substr($this->data, $this->char, $len);
|
||||||
|
$this->char += $len;
|
||||||
|
return $string;
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Unconsume one character.
|
||||||
|
*/
|
||||||
|
public function unget() {
|
||||||
|
if ($this->char <= $this->EOF) {
|
||||||
|
$this->char--;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
require_once dirname(__FILE__) . '/Data.php';
|
||||||
|
require_once dirname(__FILE__) . '/InputStream.php';
|
||||||
|
require_once dirname(__FILE__) . '/TreeBuilder.php';
|
||||||
|
require_once dirname(__FILE__) . '/Tokenizer.php';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Outwards facing interface for HTML5.
|
||||||
|
*/
|
||||||
|
class HTML5_Parser
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Parses a full HTML document.
|
||||||
|
* @param $text HTML text to parse
|
||||||
|
* @param $builder Custom builder implementation
|
||||||
|
* @return Parsed HTML as DOMDocument
|
||||||
|
*/
|
||||||
|
static public function parse($text, $builder = null) {
|
||||||
|
$tokenizer = new HTML5_Tokenizer($text, $builder);
|
||||||
|
$tokenizer->parse();
|
||||||
|
return $tokenizer->save();
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Parses an HTML fragment.
|
||||||
|
* @param $text HTML text to parse
|
||||||
|
* @param $context String name of context element to pretend parsing is in.
|
||||||
|
* @param $builder Custom builder implementation
|
||||||
|
* @return Parsed HTML as DOMDocument
|
||||||
|
*/
|
||||||
|
static public function parseFragment($text, $context = null, $builder = null) {
|
||||||
|
$tokenizer = new HTML5_Tokenizer($text, $builder);
|
||||||
|
$tokenizer->parseFragment($context);
|
||||||
|
return $tokenizer->save();
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,116 @@
|
||||||
|
<?php
|
||||||
|
function edit_contact(&$a,$contact_id) {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function contacts_post(&$a) {
|
||||||
|
|
||||||
|
|
||||||
|
if(($a->argc != 3) || (! local_user()))
|
||||||
|
return;
|
||||||
|
|
||||||
|
$contact_id = intval($a->argv[1]);
|
||||||
|
if(! $contact_id)
|
||||||
|
return;
|
||||||
|
|
||||||
|
$cmd = $a->argv[2];
|
||||||
|
|
||||||
|
$r = q("SELECT * FROM `contact` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||||
|
intval($contact_id),
|
||||||
|
intval($_SESSION['uid'])
|
||||||
|
);
|
||||||
|
|
||||||
|
if(! count($r))
|
||||||
|
return;
|
||||||
|
$photo = str_replace('-4.jpg', '' , $r[0]['photo']);
|
||||||
|
$photos = q("SELECT `id` FROM `photo` WHERE `resource-id` = '%s' AND `uid` = %d",
|
||||||
|
dbesc($photo),
|
||||||
|
intval($_SESSION['uid'])
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
switch($cmd) {
|
||||||
|
case 'edit':
|
||||||
|
edit_contact($a,$contact_id);
|
||||||
|
break;
|
||||||
|
case 'block':
|
||||||
|
$r = q("UPDATE `contact` SET `blocked` = 1 WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||||
|
intval($contact_id),
|
||||||
|
intval($_SESSION['uid'])
|
||||||
|
);
|
||||||
|
if($r)
|
||||||
|
$_SESSION['sysmsg'] .= "Contact has been blocked." . EOL;
|
||||||
|
break;
|
||||||
|
case 'drop':
|
||||||
|
$r = q("DELETE FROM `contact` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||||
|
intval($contact_id),
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
if(count($photos)) {
|
||||||
|
foreach($photos as $p) {
|
||||||
|
q("DELETE FROM `photos` WHERE `id` = %d LIMIT 1",
|
||||||
|
$p['id']);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if($intval($contact_id))
|
||||||
|
q("DELETE * FROM `item` WHERE `contact-id` = %d ",
|
||||||
|
intval($contact_id)
|
||||||
|
);
|
||||||
|
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
return;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function contacts_content(&$a) {
|
||||||
|
if(! local_user()) {
|
||||||
|
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(($a->argc2 == 2) && ($a->argv[1] == 'all'))
|
||||||
|
$sql_extra = '';
|
||||||
|
else
|
||||||
|
$sql_extra = " AND `blocked` = 0 ";
|
||||||
|
|
||||||
|
$tpl = file_get_contents("view/contacts-top.tpl");
|
||||||
|
$o .= replace_macros($tpl,array(
|
||||||
|
'$hide_url' => ((strlen($sql_extra)) ? 'contacts/all' : 'contacts' ),
|
||||||
|
'$hide_text' => ((strlen($sql_extra)) ? 'Show Blocked Connections' : 'Hide Blocked Connections')
|
||||||
|
));
|
||||||
|
|
||||||
|
|
||||||
|
$r = q("SELECT * FROM `contact` WHERE `uid` = %d",
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
|
||||||
|
if(count($r)) {
|
||||||
|
|
||||||
|
$tpl = file_get_contents("view/contact_template.tpl");
|
||||||
|
|
||||||
|
foreach($r as $rr) {
|
||||||
|
if($rr['self'])
|
||||||
|
continue;
|
||||||
|
$o .= replace_macros($tpl, array(
|
||||||
|
'$id' => $rr['id'],
|
||||||
|
'$thumb' => $rr['thumb'],
|
||||||
|
'$name' => $rr['name'],
|
||||||
|
'$url' => $rr['url']
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return $o;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,374 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function dfrn_confirm_post(&$a) {
|
||||||
|
|
||||||
|
if($a->argc > 1)
|
||||||
|
$node = $a->argv[1];
|
||||||
|
|
||||||
|
if(x($_POST,'source_url')) {
|
||||||
|
|
||||||
|
// We are processing an external confirmation to an introduction created by our user.
|
||||||
|
|
||||||
|
$public_key = $_POST['public_key'];
|
||||||
|
$dfrn_id = $_POST['dfrn_id'];
|
||||||
|
$source_url = $_POST['source_url'];
|
||||||
|
$aes_key = $_POST['aes_key'];
|
||||||
|
|
||||||
|
if(intval($node))
|
||||||
|
$r = q("SELECT * FROM `user` WHERE `uid` = %d LIMIT 1",
|
||||||
|
intval($node));
|
||||||
|
else
|
||||||
|
$r = q("SELECT * FROM `user` WHERE `nickname` = '%s' LIMIT 1",
|
||||||
|
dbesc($node));
|
||||||
|
|
||||||
|
if(! count($r)) {
|
||||||
|
xml_status(3); // failure
|
||||||
|
}
|
||||||
|
|
||||||
|
$my_prvkey = $r[0]['prvkey'];
|
||||||
|
$local_uid = $r[0]['uid'];
|
||||||
|
|
||||||
|
$decrypted_source_url = "";
|
||||||
|
|
||||||
|
openssl_private_decrypt($source_url,$decrypted_source_url,$my_prvkey);
|
||||||
|
|
||||||
|
|
||||||
|
$ret = q("SELECT * FROM `contact` WHERE `url` = '%s' AND `uid` = %d LIMIT 1",
|
||||||
|
dbesc($decrypted_source_url),
|
||||||
|
intval($local_uid));
|
||||||
|
|
||||||
|
if(! count($ret)) {
|
||||||
|
// this is either a bogus confirmation or we deleted the original introduction.
|
||||||
|
xml_status(3);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Decrypt all this stuff we just received
|
||||||
|
|
||||||
|
$foreign_pubkey = $ret[0]['site-pubkey'];
|
||||||
|
$dfrn_record = $ret[0]['id'];
|
||||||
|
$decrypted_dfrn_id = "";
|
||||||
|
openssl_public_decrypt($dfrn_id,$decrypted_dfrn_id,$foreign_pubkey);
|
||||||
|
|
||||||
|
if(strlen($aes_key)) {
|
||||||
|
$decrypted_aes_key = "";
|
||||||
|
openssl_private_decrypt($aes_key,$decrypted_aes_key,$my_prvkey);
|
||||||
|
$dfrn_pubkey = openssl_decrypt($public_key,'AES-256-CBC',$decrypted_aes_key);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$dfrn_pubkey = $public_key;
|
||||||
|
}
|
||||||
|
|
||||||
|
$r = q("SELECT * FROM `contact` WHERE `dfrn-id` = '%s' LIMIT 1",
|
||||||
|
dbesc($decrypted_dfrn_id),
|
||||||
|
intval($local_uid));
|
||||||
|
if(count($r))
|
||||||
|
xml_status(1); // Birthday paradox - duplicate dfrn-id
|
||||||
|
|
||||||
|
$r = q("UPDATE `contact` SET `dfrn-id` = '%s', `pubkey` = '%s' WHERE `id` = %d LIMIT 1",
|
||||||
|
dbesc($decrypted_dfrn_id),
|
||||||
|
dbesc($dfrn_pubkey),
|
||||||
|
intval($dfrn_record));
|
||||||
|
if($r) {
|
||||||
|
|
||||||
|
// We're good but now we have to scrape the profile photo and send notifications.
|
||||||
|
|
||||||
|
require_once("Photo.php");
|
||||||
|
|
||||||
|
$photo_failure = false;
|
||||||
|
|
||||||
|
$r = q("SELECT `photo` FROM `contact` WHERE `id` = %d LIMIT 1",
|
||||||
|
intval($dfrn_record));
|
||||||
|
if(count($r)) {
|
||||||
|
|
||||||
|
$filename = basename($r[0]['photo']);
|
||||||
|
$img_str = fetch_url($r[0]['photo'],true);
|
||||||
|
$img = new Photo($img_str);
|
||||||
|
if($img) {
|
||||||
|
|
||||||
|
$img->scaleImageSquare(175);
|
||||||
|
|
||||||
|
$hash = hash('md5',uniqid(mt_rand(),true));
|
||||||
|
|
||||||
|
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||||
|
`height`, `width`, `data`, `scale` )
|
||||||
|
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 4 )",
|
||||||
|
intval($local_uid),
|
||||||
|
dbesc($hash),
|
||||||
|
datetime_convert(),
|
||||||
|
datetime_convert(),
|
||||||
|
dbesc(basename($r[0]['photo'])),
|
||||||
|
intval($img->getHeight()),
|
||||||
|
intval($img->getWidth()),
|
||||||
|
dbesc($img->imageString())
|
||||||
|
);
|
||||||
|
if($r === false)
|
||||||
|
$photo_failure = true;
|
||||||
|
$img->scaleImage(80);
|
||||||
|
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||||
|
`height`, `width`, `data`, `scale` )
|
||||||
|
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 5 )",
|
||||||
|
intval($local_uid),
|
||||||
|
dbesc($hash),
|
||||||
|
datetime_convert(),
|
||||||
|
datetime_convert(),
|
||||||
|
dbesc(basename($r[0]['photo'])),
|
||||||
|
intval($img->getHeight()),
|
||||||
|
intval($img->getWidth()),
|
||||||
|
dbesc($img->imageString())
|
||||||
|
);
|
||||||
|
if($r === false)
|
||||||
|
$photo_failure = true;
|
||||||
|
|
||||||
|
$photo = $a->get_baseurl() . '/photo/' . $hash . '-4.jpg';
|
||||||
|
$thumb = $a->get_baseurl() . '/photo/' . $hash . '-5.jpg';
|
||||||
|
|
||||||
|
}
|
||||||
|
else
|
||||||
|
$photo_failure = true;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
$photo_failure = true;
|
||||||
|
|
||||||
|
if($photo_failure) {
|
||||||
|
$photo = $a->get_baseurl() . '/images/default-profile.jpg';
|
||||||
|
$thumb = $a->get_baseurl() . '/images/default-profile-sm.jpg';
|
||||||
|
}
|
||||||
|
|
||||||
|
$r = q("UPDATE `contact` SET `photo` = '%s', `thumb` = '%s', `blocked` = 0 WHERE `id` = %d LIMIT 1",
|
||||||
|
dbesc($photo),
|
||||||
|
dbesc($thumb),
|
||||||
|
intval($dfrn_record)
|
||||||
|
);
|
||||||
|
if($r === false)
|
||||||
|
$_SESSION['sysmsg'] .= "Unable to set contact photo info." . EOL;
|
||||||
|
|
||||||
|
// Otherwise everything seems to have worked and we are almost done. Yay!
|
||||||
|
// Send an email notification
|
||||||
|
|
||||||
|
$r = q("SELECT * FROM `contact` LEFT JOIN `user` ON `contact`.`uid` = `user`.`uid`
|
||||||
|
WHERE `contact`.`id` = %d LIMIT 1",
|
||||||
|
intval($dfrn_record));
|
||||||
|
|
||||||
|
$tpl = file_get_contents('view/intro_complete_eml.tpl');
|
||||||
|
|
||||||
|
$email_tpl = replace_macros($tpl, array(
|
||||||
|
'$sitename' => $a->config['sitename'],
|
||||||
|
'$siteurl' => $a->get_baseurl(),
|
||||||
|
'$username' => $r[0]['username'],
|
||||||
|
'$email' => $r[0]['email'],
|
||||||
|
'$fn' => $r[0]['name'],
|
||||||
|
'$dfrn_url' => $r[0]['url'],
|
||||||
|
'$uid' => $newuid ));
|
||||||
|
|
||||||
|
|
||||||
|
$res = mail($r[0]['email'],"Introduction accepted at {$a->config['sitename']}",
|
||||||
|
$email_tpl,"From: Administrator@{$_SERVER[SERVER_NAME]}");
|
||||||
|
if(!$res) {
|
||||||
|
$_SESSION['sysmsg'] .= "Email notification failed." . EOL;
|
||||||
|
}
|
||||||
|
xml_status(0); // Success
|
||||||
|
|
||||||
|
return; // NOTREACHED
|
||||||
|
|
||||||
|
}
|
||||||
|
else
|
||||||
|
xml_status(2); // Hopefully temporary problem that can be retried.
|
||||||
|
|
||||||
|
return; // NOTREACHED
|
||||||
|
|
||||||
|
////////////////////// End of this scenario ///////////////////////////////////////////////
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
// We are processing a local confirmation initiated on this system by our user to an external introduction.
|
||||||
|
|
||||||
|
$uid = $_SESSION['uid'];
|
||||||
|
|
||||||
|
if(! $uid) {
|
||||||
|
$_SESSION['sysmsg'] = 'Unauthorised.';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$dfrn_id = ((x($_POST,'dfrn_id')) ? notags(trim($_POST['dfrn_id'])) : "");
|
||||||
|
$intro_id = intval($_POST['intro_id']);
|
||||||
|
|
||||||
|
$r = q("SELECT * FROM `contact` WHERE `issued-id` = '%s' AND `uid` = %d LIMIT 1",
|
||||||
|
dbesc($dfrn_id),
|
||||||
|
intval($uid)
|
||||||
|
);
|
||||||
|
|
||||||
|
if((! $r) || (! count($r))) {
|
||||||
|
$_SESSION['sysmsg'] = 'Node does not exist.' . EOL ;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$contact_id = $r[0]['id'];
|
||||||
|
$site_pubkey = $r[0]['site-pubkey'];
|
||||||
|
$dfrn_confirm = $r[0]['confirm'];
|
||||||
|
$aes_allow = $r[0]['aes_allow'];
|
||||||
|
|
||||||
|
$res=openssl_pkey_new(array(
|
||||||
|
'digest_alg' => 'whirlpool',
|
||||||
|
'private_key_bits' => 4096,
|
||||||
|
'encrypt_key' => false ));
|
||||||
|
|
||||||
|
|
||||||
|
$private_key = '';
|
||||||
|
|
||||||
|
openssl_pkey_export($res, $private_key);
|
||||||
|
|
||||||
|
|
||||||
|
$pubkey = openssl_pkey_get_details($res);
|
||||||
|
$public_key = $pubkey["key"];
|
||||||
|
|
||||||
|
$r = q("UPDATE `contact` SET `pubkey` = '%s', `prvkey` = '%s' WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||||
|
dbesc($public_key),
|
||||||
|
dbesc($private_key),
|
||||||
|
intval($contact_id),
|
||||||
|
intval($uid)
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
$params = array();
|
||||||
|
|
||||||
|
$src_aes_key = random_string();
|
||||||
|
$result = "";
|
||||||
|
|
||||||
|
openssl_private_encrypt($dfrn_id,$result,$a->user['prvkey']);
|
||||||
|
|
||||||
|
$params['dfrn_id'] = $result;
|
||||||
|
$params['public_key'] = $public_key;
|
||||||
|
|
||||||
|
|
||||||
|
openssl_public_encrypt($_SESSION['my_url'], $params['source_url'], $site_pubkey);
|
||||||
|
|
||||||
|
if($aes_allow && function_exists('openssl_encrypt')) {
|
||||||
|
openssl_public_encrypt($src_aes_key, $params['aes_key'], $site_pubkey);
|
||||||
|
$params['public_key'] = openssl_encrypt($public_key,'AES-256-CBC',$src_aes_key);
|
||||||
|
}
|
||||||
|
|
||||||
|
$res = post_url($dfrn_confirm,$params);
|
||||||
|
|
||||||
|
// uncomment the following two lines and comment the following xml/status lines
|
||||||
|
// to debug the remote confirmation section (when both confirmations
|
||||||
|
// and responses originate on this system)
|
||||||
|
|
||||||
|
// echo $res;
|
||||||
|
// $status = 0;
|
||||||
|
|
||||||
|
$xml = simplexml_load_string($res);
|
||||||
|
$status = (int) $xml->status;
|
||||||
|
switch($status) {
|
||||||
|
case 0:
|
||||||
|
$_SESSION['sysmsg'] .= "Confirmation completed successfully" . EOL;
|
||||||
|
break;
|
||||||
|
case 1:
|
||||||
|
|
||||||
|
// birthday paradox - generate new dfrn-id and fall through.
|
||||||
|
|
||||||
|
$new_dfrn_id = random_string();
|
||||||
|
$r = q("UPDATE contact SET `issued-id` = '%s' WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||||
|
dbesc($new_dfrn_id),
|
||||||
|
intval($contact_id),
|
||||||
|
intval($uid)
|
||||||
|
);
|
||||||
|
|
||||||
|
case 2:
|
||||||
|
$_SESSION['sysmsg'] .= "Temporary failure. Please wait and try again." . EOL;
|
||||||
|
break;
|
||||||
|
|
||||||
|
|
||||||
|
case 3:
|
||||||
|
$_SESSION['sysmsg'] .= "Introduction failed or was revoked. Cannot complete." . EOL;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(($status == 0 || $status == 3) && ($intro_id)) {
|
||||||
|
|
||||||
|
//delete the notification
|
||||||
|
|
||||||
|
$r = q("DELETE FROM `intro` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||||
|
intval($intro_id),
|
||||||
|
intval($uid)
|
||||||
|
);
|
||||||
|
|
||||||
|
}
|
||||||
|
if($status != 0)
|
||||||
|
return;
|
||||||
|
|
||||||
|
|
||||||
|
require_once("Photo.php");
|
||||||
|
|
||||||
|
$photo_failure = false;
|
||||||
|
|
||||||
|
$r = q("SELECT `photo` FROM `contact` WHERE `id` = %d LIMIT 1",
|
||||||
|
intval($contact_id));
|
||||||
|
if(count($r)) {
|
||||||
|
|
||||||
|
$filename = basename($r[0]['photo']);
|
||||||
|
$img_str = fetch_url($r[0]['photo'],true);
|
||||||
|
$img = new Photo($img_str);
|
||||||
|
if($img) {
|
||||||
|
|
||||||
|
$img->scaleImageSquare(175);
|
||||||
|
|
||||||
|
$hash = hash('md5',uniqid(mt_rand(),true));
|
||||||
|
|
||||||
|
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||||
|
`height`, `width`, `data`, `scale` )
|
||||||
|
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 4 )",
|
||||||
|
intval($local_uid),
|
||||||
|
dbesc($hash),
|
||||||
|
datetime_convert(),
|
||||||
|
datetime_convert(),
|
||||||
|
dbesc(basename($r[0]['photo'])),
|
||||||
|
intval($img->getHeight()),
|
||||||
|
intval($img->getWidth()),
|
||||||
|
dbesc($img->imageString())
|
||||||
|
);
|
||||||
|
if($r === false)
|
||||||
|
$photo_failure = true;
|
||||||
|
$img->scaleImage(80);
|
||||||
|
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||||
|
`height`, `width`, `data`, `scale` )
|
||||||
|
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 5 )",
|
||||||
|
intval($local_uid),
|
||||||
|
dbesc($hash),
|
||||||
|
datetime_convert(),
|
||||||
|
datetime_convert(),
|
||||||
|
dbesc(basename($r[0]['photo'])),
|
||||||
|
intval($img->getHeight()),
|
||||||
|
intval($img->getWidth()),
|
||||||
|
dbesc($img->imageString())
|
||||||
|
);
|
||||||
|
if($r === false)
|
||||||
|
$photo_failure = true;
|
||||||
|
|
||||||
|
$photo = $a->get_baseurl() . '/photo/' . $hash . '-4.jpg';
|
||||||
|
$thumb = $a->get_baseurl() . '/photo/' . $hash . '-5.jpg';
|
||||||
|
|
||||||
|
}
|
||||||
|
else
|
||||||
|
$photo_failure = true;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
$photo_failure = true;
|
||||||
|
|
||||||
|
if($photo_failure) {
|
||||||
|
$photo = $a->get_baseurl() . '/images/default-profile.jpg';
|
||||||
|
$thumb = $a->get_baseurl() . '/images/default-profile-sm.jpg';
|
||||||
|
}
|
||||||
|
|
||||||
|
$r = q("UPDATE `contact` SET `photo` = '%s', `thumb` = '%s', `blocked` = 0 WHERE `id` = %d LIMIT 1",
|
||||||
|
dbesc($photo),
|
||||||
|
dbesc($thumb),
|
||||||
|
intval($contact_id)
|
||||||
|
);
|
||||||
|
if($r === false)
|
||||||
|
$_SESSION['sysmsg'] .= "Unable to set contact photo info." . EOL;
|
||||||
|
}
|
||||||
|
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
function dfrn_poll_init(&$a) {
|
||||||
|
|
||||||
|
if(x($_GET,'dfrn_id'))
|
||||||
|
$dfrn_id = $a->config['dfrn_poll_dfrn_id'] = $_GET['dfrn_id'];
|
||||||
|
if(x($_GET,'type'))
|
||||||
|
$type = $a->config['dfrn_poll_type'] = $_GET['type'];
|
||||||
|
if(x($_GET,'last_update'))
|
||||||
|
$last_update = $a->config['dfrn_poll_last_update'] = $_GET['last_update'];
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if(! x($dfrn_id))
|
||||||
|
return;
|
||||||
|
|
||||||
|
|
||||||
|
if((x($type)) && ($type == 'profile')) {
|
||||||
|
|
||||||
|
$r = q("SELECT `contact`.*, `user`.`nickname`
|
||||||
|
FROM `contact` LEFT JOIN `user` ON `contact`.`uid` = `user`.`uid`
|
||||||
|
WHERE `issued-id` = '%s' LIMIT 1",
|
||||||
|
dbesc($dfrn_id));
|
||||||
|
if(count($r)) {
|
||||||
|
$s = fetch_url($r[0]['poll'] . '?dfrn_id=' . $dfrn_id . '&type=profile-check');
|
||||||
|
if(strlen($s)) {
|
||||||
|
$xml = simplexml_load_string($s);
|
||||||
|
if((int) $xml->status == 1) {
|
||||||
|
$_SESSION['authenticated'] = 1;
|
||||||
|
$_SESSION['visitor_id'] = $r[0]['id'];
|
||||||
|
$_SESSION['sysmsg'] .= "Hi {$r[0]['name']}" . EOL;
|
||||||
|
// Visitors get 1 day session.
|
||||||
|
$session_id = session_id();
|
||||||
|
$expire = time() + 86400;
|
||||||
|
q("UPDATE `session` SET `expire` = '%s' WHERE `sid` = '%s' LIMIT 1",
|
||||||
|
dbesc($expire),
|
||||||
|
dbesc($session_id));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$profile = ((strlen($r[0]['nickname'])) ? $r[0]['nickname'] : $r[0]['uid']);
|
||||||
|
goaway($a->get_baseurl() . "/profile/$profile");
|
||||||
|
}
|
||||||
|
goaway($a->get_baseurl());
|
||||||
|
}
|
||||||
|
|
||||||
|
if((x($type)) && ($type == 'profile-check')) {
|
||||||
|
|
||||||
|
q("DELETE FROM `expire` WHERE `expire` < " . time());
|
||||||
|
$r = q("SELECT * FROM `profile_check` WHERE `dfrn_id` = '%s' ORDER BY `expire` DESC",
|
||||||
|
dbesc($dfrn_id));
|
||||||
|
if(count($r))
|
||||||
|
xml_status(1);
|
||||||
|
xml_status(0);
|
||||||
|
return; // NOTREACHED
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,290 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
if(! function_exists('dfrn_request_init')) {
|
||||||
|
function dfrn_request_init(&$a) {
|
||||||
|
|
||||||
|
if($_SESSION['authenticated']) {
|
||||||
|
// choose which page to show (could be remote auth)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if($a->argc > 1)
|
||||||
|
$which = $a->argv[1];
|
||||||
|
|
||||||
|
require_once('mod/profile.php');
|
||||||
|
profile_init($a,$which);
|
||||||
|
|
||||||
|
return;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('dfrn_request_post')) {
|
||||||
|
function dfrn_request_post(&$a) {
|
||||||
|
|
||||||
|
if(($a->argc != 2) || (! count($a->profile)))
|
||||||
|
return;
|
||||||
|
|
||||||
|
|
||||||
|
if($_POST['cancel']) {
|
||||||
|
goaway($a->get_baseurl());
|
||||||
|
}
|
||||||
|
|
||||||
|
// callback to local site after remote request and local confirm
|
||||||
|
|
||||||
|
if((x($_POST,'localconfirm')) && ($_POST['localconfirm'] == 1)
|
||||||
|
&& (x($_SESSION,'authenticated')) && (x($_SESSION,'uid'))
|
||||||
|
&& ($_SESSION['uid'] == $a->argv[1]) && (x($_POST,'dfrn_url'))) {
|
||||||
|
|
||||||
|
$dfrn_url = notags(trim($_POST['dfrn_url']));
|
||||||
|
$aes_allow = (((x($_POST,'aes_allow')) && ($_POST['aes_allow'] == 1)) ? 1 : 0);
|
||||||
|
$confirm_key = ((x($_POST,'confirm_key')) ? $_POST['confirm_key'] : "");
|
||||||
|
$failed = false;
|
||||||
|
|
||||||
|
require_once('Scrape.php');
|
||||||
|
|
||||||
|
if(x($dfrn_url)) {
|
||||||
|
|
||||||
|
$parms = scrape_dfrn($dfrn_url);
|
||||||
|
|
||||||
|
if(! count($parms)) {
|
||||||
|
$_SESSION['sysmsg'] .= 'URL is not valid or does not contain profile information.' . EOL ;
|
||||||
|
$failed = true;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if(! x($parms,'fn'))
|
||||||
|
$_SESSION['sysmsg'] .= 'Warning: DFRN profile has no identifiable owner name.' . EOL ;
|
||||||
|
if(! x($parms,'photo'))
|
||||||
|
$_SESSION['sysmsg'] .= 'Warning: DFRN profile has no profile photo.' . EOL ;
|
||||||
|
$invalid = validate_dfrn($parms);
|
||||||
|
if($invalid) {
|
||||||
|
echo $invalid . ' required DFRN parameter'
|
||||||
|
. (($invalid == 1) ? " was " : "s were " )
|
||||||
|
. "not found at the given URL" . '<br />';
|
||||||
|
|
||||||
|
$failed = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if(! $failed) {
|
||||||
|
|
||||||
|
$dfrn_request = $parms['dfrn-request'];
|
||||||
|
/////////////////////////
|
||||||
|
dbesc_array($parms);
|
||||||
|
////////////////////////
|
||||||
|
|
||||||
|
$r = q("INSERT INTO `contact` ( `uid`, `created`,`url`, `name`, `photo`, `site-pubkey`,
|
||||||
|
`request`, `confirm`, `notify`, `poll`, `aes_allow`)
|
||||||
|
VALUES ( %d, '%s', '%s', '%s' , '%s', '%s', '%s', '%s', '%s', '%s', %d)",
|
||||||
|
intval($_SESSION['uid']),
|
||||||
|
datetime_convert(),
|
||||||
|
dbesc($dfrn_url),
|
||||||
|
$parms['fn'],
|
||||||
|
$parms['photo'],
|
||||||
|
$parms['key'],
|
||||||
|
$parms['dfrn-request'],
|
||||||
|
$parms['dfrn-confirm'],
|
||||||
|
$parms['dfrn-notify'],
|
||||||
|
$parms['dfrn-poll'],
|
||||||
|
intval($aes_allow)
|
||||||
|
);
|
||||||
|
if($r === false)
|
||||||
|
$_SESSION['sysmsg'] .= "Failed to create contact." . EOL;
|
||||||
|
else
|
||||||
|
$_SESSION['sysmsg'] .= "Introduction complete.";
|
||||||
|
|
||||||
|
// Allow the blocked remote notification to complete
|
||||||
|
|
||||||
|
if(strlen($dfrn_request) && strlen($confirm_key))
|
||||||
|
$s = fetch_url($dfrn_request . '?confirm_key=' . $confirm_key);
|
||||||
|
|
||||||
|
goaway($dfrn_url);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// we are operating as a remote site and an introduction was requested of us.
|
||||||
|
// Scrape the originating DFRN-URL for everything we need. Create a contact record
|
||||||
|
// and an introduction to show our user next time he/she logs in.
|
||||||
|
// Finally redirect back to the originator so that their site can record the request.
|
||||||
|
// If our user confirms the request, a record of it will need to exist on the
|
||||||
|
// originator's site in order for the confirmation process to complete..
|
||||||
|
|
||||||
|
if($a->profile['nickname'])
|
||||||
|
$tailname = $a->profile['nickname'];
|
||||||
|
else
|
||||||
|
$tailname = $a->profile['uid'];
|
||||||
|
|
||||||
|
$uid = $a->profile['uid'];
|
||||||
|
|
||||||
|
$failed = false;
|
||||||
|
|
||||||
|
require_once('Scrape.php');
|
||||||
|
|
||||||
|
if( x($_POST,'dfrn_url')) {
|
||||||
|
|
||||||
|
$url = trim($_POST['dfrn_url']);
|
||||||
|
if(x($url)) {
|
||||||
|
$parms = scrape_dfrn($url);
|
||||||
|
|
||||||
|
if(! count($parms)) {
|
||||||
|
$_SESSION['sysmsg'] .= 'URL is not valid or does not contain profile information.' . EOL ;
|
||||||
|
$failed = true;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if(! x($parms,'fn'))
|
||||||
|
$_SESSION['sysmsg'] .= 'Warning: DFRN profile has no identifiable owner name.' . EOL ;
|
||||||
|
if(! x($parms,'photo'))
|
||||||
|
$_SESSION['sysmsg'] .= 'Warning: DFRN profile has no profile photo.' . EOL ;
|
||||||
|
$invalid = validate_dfrn($parms);
|
||||||
|
if($invalid) {
|
||||||
|
echo $invalid . ' required DFRN parameter'
|
||||||
|
. (($invalid == 1) ? " was " : "s were " )
|
||||||
|
. "not found at the given URL" . '<br />';
|
||||||
|
|
||||||
|
$failed = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$ret = q("SELECT `url` FROM `contact` WHERE `url` = '%s'", dbesc($url));
|
||||||
|
if($ret !== false && count($ret)) {
|
||||||
|
$_SESSION['sysmsg'] .= 'You have already introduced yourself here.' . EOL;
|
||||||
|
$failed = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if(! $failed) {
|
||||||
|
|
||||||
|
$parms['url'] = $url;
|
||||||
|
$parms['issued-id'] = random_string();
|
||||||
|
|
||||||
|
/////////////////////////
|
||||||
|
dbesc_array($parms);
|
||||||
|
////////////////////////
|
||||||
|
|
||||||
|
$ret = q("INSERT INTO `contact` ( `uid`, `created`, `url`, `name`, `issued-id`, `photo`, `site-pubkey`,
|
||||||
|
`request`, `confirm`, `notify`, `poll`, `visible` )
|
||||||
|
VALUES ( %d, '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', %d )",
|
||||||
|
intval($uid),
|
||||||
|
datetime_convert(),
|
||||||
|
$parms['url'],
|
||||||
|
$parms['fn'],
|
||||||
|
$parms['issued-id'],
|
||||||
|
$parms['photo'],
|
||||||
|
$parms['key'],
|
||||||
|
$parms['dfrn-request'],
|
||||||
|
$parms['dfrn-confirm'],
|
||||||
|
$parms['dfrn-notify'],
|
||||||
|
$parms['dfrn-poll'],
|
||||||
|
((x($_POST,'visible')) ? 1 : 0 )
|
||||||
|
);
|
||||||
|
|
||||||
|
}
|
||||||
|
if($ret === false) {
|
||||||
|
$_SESSION['sysmsg'] .= 'Failed to create contact record.' . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$ret = q("SELECT `id` FROM `contact`
|
||||||
|
WHERE `uid` = '%s' AND `url` = '%s' AND `issued-id` = '%s'
|
||||||
|
LIMIT 1",
|
||||||
|
intval($uid),
|
||||||
|
$parms['url'],
|
||||||
|
$parms['issued-id']
|
||||||
|
);
|
||||||
|
|
||||||
|
if(($ret !== NULL) && (count($ret)))
|
||||||
|
$contact_id = $ret[0]['id'];
|
||||||
|
|
||||||
|
$hash = random_string() . (string) time(); // Generate a confirm_key
|
||||||
|
|
||||||
|
if($contact_id) {
|
||||||
|
$ret = q("INSERT INTO `intro` ( `uid`, `contact-id`, `blocked`, `knowyou`, `note`, `hash`, `datetime`)
|
||||||
|
VALUES ( %d, %d, 1, %d, '%s', '%s', '%s' )",
|
||||||
|
intval($uid),
|
||||||
|
intval($contact_id),
|
||||||
|
((x($_POST,'knowyou') && ($_POST['knowyou'] == 1)) ? 1 : 0),
|
||||||
|
dbesc(trim($_POST['dfrn-request-message'])),
|
||||||
|
dbesc($hash),
|
||||||
|
dbesc(datetime_convert())
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// TODO: send an email notification if our user wants one
|
||||||
|
|
||||||
|
if(! $failed)
|
||||||
|
$_SESSION['sysmsg'] .= "Your introduction has been sent." . EOL;
|
||||||
|
|
||||||
|
// "Homecoming" - send the requestor back to their site to record the introduction.
|
||||||
|
|
||||||
|
$dfrn_url = bin2hex($a->get_baseurl() . "/profile/$tailname");
|
||||||
|
$aes_allow = ((function_exists('openssl_encrypt')) ? 1 : 0);
|
||||||
|
|
||||||
|
goaway($parms['dfrn-request'] . "?dfrn_url=$dfrn_url" . '&confirm_key=' . $hash . (($aes_allow) ? "&aes_allow=1" : ""));
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
if(! function_exists('dfrn_request_content')) {
|
||||||
|
function dfrn_request_content(&$a) {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if(($a->argc != 2) || (! count($a->profile)))
|
||||||
|
return "";
|
||||||
|
|
||||||
|
$a->page['template'] = 'profile';
|
||||||
|
|
||||||
|
// "Homecoming". Make sure we're logged in to this site as the correct user. Then offer a confirm button
|
||||||
|
// to send us to the post section to record the introduction.
|
||||||
|
|
||||||
|
if(x($_GET,'dfrn_url')) {
|
||||||
|
|
||||||
|
if(! x($_SESSION,'authenticated')) {
|
||||||
|
$_SESSION['sysmsg'] .= "Please login to confirm introduction." . EOL;
|
||||||
|
return login();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Edge case, but can easily happen in the wild. This person is authenticated,
|
||||||
|
// but not as the person who needs to deal with this request.
|
||||||
|
|
||||||
|
if (($_SESSION['uid'] != $a->argv[1]) && ($a->user['nickname'] != $a->argv[1])) {
|
||||||
|
$_SESSION['sysmsg'] .= "Incorrect identity currently logged in. Please login to <strong>this</strong> profile." . EOL;
|
||||||
|
return login();
|
||||||
|
}
|
||||||
|
|
||||||
|
$dfrn_url = notags(trim(pack("H*" , $_GET['dfrn_url'])));
|
||||||
|
$aes_allow = (((x($_GET,'aes_allow')) && ($_GET['aes_allow'] == 1)) ? 1 : 0);
|
||||||
|
$confirm_key = (x($_GET,'confirm_key') ? $_GET['confirm_key'] : "");
|
||||||
|
$o .= file_get_contents("view/dfrn_req_confirm.tpl");
|
||||||
|
$o = replace_macros($o,array(
|
||||||
|
'$dfrn_url' => $dfrn_url,
|
||||||
|
'$aes_allow' => (($aes_allow) ? '<input type="hidden" name="aes_allow" value="1" />' : "" ),
|
||||||
|
'$confirm_key' => $confirm_key,
|
||||||
|
'$username' => $a->user['username'],
|
||||||
|
'$uid' => $_SESSION['uid'],
|
||||||
|
'dfrn_rawurl' => $_GET['dfrn_url']
|
||||||
|
));
|
||||||
|
return $o;
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
// safe to send our user their introduction
|
||||||
|
if((x($_GET,'confirm_key')) && strlen($_GET['confirm_key'])) {
|
||||||
|
$r = q("UPDATE `intro` SET `blocked` = 0 WHERE `hash` = '%s' LIMIT 1",
|
||||||
|
dbesc($_GET['confirm_key'])
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Outside request. Display our user's introduction form.
|
||||||
|
|
||||||
|
|
||||||
|
$o = file_get_contents("view/dfrn_request.tpl");
|
||||||
|
$o = replace_macros($o,array('$uid' => $a->profile['uid']));
|
||||||
|
return $o;
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
if(! function_exists('home_init')) {
|
||||||
|
function home_init(&$a) {
|
||||||
|
|
||||||
|
if(x($_SESSION,'authenticated') && (x($_SESSION,'uid'))) {
|
||||||
|
if($a->user['nickname'])
|
||||||
|
goaway( $a->get_baseurl() . "/profile/" . $a->user['nickname'] );
|
||||||
|
else
|
||||||
|
goaway( $a->get_baseurl() . "/profile/" . $_SESSION['uid'] );
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('home_content')) {
|
||||||
|
function home_content(&$a) {
|
||||||
|
|
||||||
|
$a->page['footer'] .= "<div class=\"powered\" >Powered by <a href=\"http://dfrn.org\" name=\"DFRN.org\" >DFRN</a></div>";
|
||||||
|
$o .= '<h1>Welcome' . ((x($a->config,'sitename')) ? " to {$a->config['sitename']}" : "" ) . '</h1>';
|
||||||
|
$o .= login(1);
|
||||||
|
return $o;
|
||||||
|
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
@ -0,0 +1,68 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
function item_post(&$a) {
|
||||||
|
|
||||||
|
if((! local_user()) && (! remote_user()))
|
||||||
|
return;
|
||||||
|
|
||||||
|
require_once('include/security.php');
|
||||||
|
|
||||||
|
$uid = $_SESSION['uid'];
|
||||||
|
$parent = ((x($_POST,'parent')) ? intval($_POST['parent']) : 0);
|
||||||
|
$profile_uid = ((x($_POST,'profile_uid')) ? intval($_POST['profile_uid']) : 0);
|
||||||
|
if(! can_write_wall($a,$profile_uid)) {
|
||||||
|
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if((x($_SESSION,'visitor_id')) && (intval($_SESSION['visitor_id'])))
|
||||||
|
$contact_id = $_SESSION['visitor_id'];
|
||||||
|
else {
|
||||||
|
$r = q("SELECT `id` FROM `contact` WHERE `uid` = %d AND `self` = 1 LIMIT 1",
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
if(count($r))
|
||||||
|
$contact_id = $r[0]['id'];
|
||||||
|
|
||||||
|
if($_POST['type'] == 'jot') {
|
||||||
|
|
||||||
|
do {
|
||||||
|
$dups = false;
|
||||||
|
$hash = random_string();
|
||||||
|
$r = q("SELECT `id` FROM `item` WHERE `hash` = '%s' LIMIT 1",
|
||||||
|
dbesc($hash));
|
||||||
|
if(count($r))
|
||||||
|
$dups = true;
|
||||||
|
} while($dups == true);
|
||||||
|
|
||||||
|
$r = q("INSERT INTO `item` (`uid`,`type`,`contact-id`,`created`,`edited`,`hash`,`body`)
|
||||||
|
VALUES( %d, '%s', %d, '%s', '%s', '%s', '%s' )",
|
||||||
|
intval($profile_uid),
|
||||||
|
"jot",
|
||||||
|
intval($contact_id),
|
||||||
|
datetime_convert(),
|
||||||
|
datetime_convert(),
|
||||||
|
dbesc($hash),
|
||||||
|
dbesc(escape_tags(trim($_POST['body'])))
|
||||||
|
);
|
||||||
|
$r = q("SELECT `id` FROM `item` WHERE `hash` = '%s' LIMIT 1",
|
||||||
|
dbesc($hash));
|
||||||
|
if(count($r)) {
|
||||||
|
$post_id = $r[0]['id'];
|
||||||
|
if(! $parent)
|
||||||
|
$parent = $post_id;
|
||||||
|
$r = q("UPDATE `item` SET `parent` = %d, `visible` = 1
|
||||||
|
WHERE `id` = %d LIMIT 1",
|
||||||
|
intval($parent),
|
||||||
|
intval($post_id));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
goaway($a->get_baseurl() . "/profile/$uid");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function login_content(&$a) {
|
||||||
|
// return login($a->config['register_enabled']);
|
||||||
|
return login(1);
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,98 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
function notifications_post(&$a) {
|
||||||
|
|
||||||
|
if((! x($_SESSION,'authenticated')) || (! (x($_SESSION,'uid')))) {
|
||||||
|
goaway($a->get_baseurl());
|
||||||
|
}
|
||||||
|
|
||||||
|
$request_id = (($a->argc > 1) ? $a->argv[0] : 0);
|
||||||
|
|
||||||
|
if($request_id == "all")
|
||||||
|
return;
|
||||||
|
|
||||||
|
if($request_id) {
|
||||||
|
|
||||||
|
$r = q("SELECT `id` FROM `intro`
|
||||||
|
WHERE `request-id` = %d
|
||||||
|
AND `uid` = %d LIMIT 1",
|
||||||
|
intval($request_id),
|
||||||
|
intval($_SESSION['uid'])
|
||||||
|
);
|
||||||
|
|
||||||
|
if(count($r)) {
|
||||||
|
$intro_id = $r[0]['id'];
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$_SESSION['sysmsg'] .= "Invalid request identifier." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if($_POST['submit'] == 'Discard') {
|
||||||
|
$r = q("DELETE `intro` WHERE `id` = %d LIMIT 1", intval($intro_id));
|
||||||
|
$r = q("DELETE `contact` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||||
|
intval($request_id),
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if($_POST['submit'] == 'Ignore') {
|
||||||
|
$r = q("UPDATE `intro` SET `ignore` = 1 WHERE `id` = %d LIMIT 1",
|
||||||
|
intval($intro_id));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function notifications_content(&$a) {
|
||||||
|
|
||||||
|
$o = '';
|
||||||
|
|
||||||
|
if((! x($_SESSION,'authenticated')) || (! (x($_SESSION,'uid')))) {
|
||||||
|
goaway($a->get_baseurl());
|
||||||
|
}
|
||||||
|
|
||||||
|
if(($a->argc > 1) && ($a->argv[1] == 'all'))
|
||||||
|
$sql_extra = '';
|
||||||
|
else
|
||||||
|
$sql_extra = " AND `ignore` = 0 ";
|
||||||
|
|
||||||
|
|
||||||
|
$tpl = file_get_contents('view/intros-top.tpl');
|
||||||
|
$o .= replace_macros($tpl,array(
|
||||||
|
'$hide_url' => ((strlen($sql_extra)) ? 'notifications/all' : 'notifications' ),
|
||||||
|
'$hide_text' => ((strlen($sql_extra)) ? 'Show Ignored Requests' : 'Hide Ignored Requests')
|
||||||
|
));
|
||||||
|
dbg(2);
|
||||||
|
$r = q("SELECT `intro`.`id` AS `intro-id`, `intro`.*, `contact`.*
|
||||||
|
FROM `intro` LEFT JOIN `contact` ON `intro`.`contact-id` = `contact`.`id`
|
||||||
|
WHERE `intro`.`uid` = %d $sql_extra AND `intro`.`blocked` = 0 ",
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
dbg(0);
|
||||||
|
if(($r !== false) && (count($r))) {
|
||||||
|
|
||||||
|
|
||||||
|
$tpl = file_get_contents("view/intros.tpl");
|
||||||
|
|
||||||
|
foreach($r as $rr) {
|
||||||
|
|
||||||
|
$o .= replace_macros($tpl,array(
|
||||||
|
'$intro_id' => $rr['intro-id'],
|
||||||
|
'$dfrn-id' => $rr['issued-id'],
|
||||||
|
'$uid' => $_SESSION['uid'],
|
||||||
|
'$contact-id' => $rr['contact-id'],
|
||||||
|
'$photo' => ((x($rr,'photo')) ? $rr['photo'] : "images/default-profile.jpg"),
|
||||||
|
'$fullname' => $rr['name'],
|
||||||
|
'$knowyou' => (($rr['knowyou']) ? 'yes' : 'no'),
|
||||||
|
'$url' => $rr['url'],
|
||||||
|
'$note' => $rr['note']
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else
|
||||||
|
$_SESSION['sysmsg'] .= "No notifications." . EOL;
|
||||||
|
|
||||||
|
return $o;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
function photo_init(&$a) {
|
||||||
|
|
||||||
|
if($a->argc != 2) {
|
||||||
|
killme();
|
||||||
|
}
|
||||||
|
$resolution = 0;
|
||||||
|
$photo = $a->argv[1];
|
||||||
|
$photo = str_replace('.jpg','',$photo);
|
||||||
|
if(substr($photo,-2,1) == '-') {
|
||||||
|
$resolution = intval(substr($photo,-1,1));
|
||||||
|
$photo = substr($photo,0,-2);
|
||||||
|
}
|
||||||
|
$r = q("SELECT * FROM `photo` WHERE `resource-id` = '%s'
|
||||||
|
AND `scale` = %d LIMIT 1",
|
||||||
|
dbesc($photo),
|
||||||
|
intval($resolution));
|
||||||
|
if($r === NULL || (! count($r))) {
|
||||||
|
killme();
|
||||||
|
}
|
||||||
|
header("Content-type: image/jpeg");
|
||||||
|
echo $r[0]['data'];
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,136 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
if(! function_exists('profile_load')) {
|
||||||
|
function profile_load(&$a,$uid,$profile = 0) {
|
||||||
|
|
||||||
|
$sql_extra = (($uid) && (intval($uid))
|
||||||
|
? " WHERE `user`.`uid` = " . intval($uid)
|
||||||
|
: " WHERE `user`.`nickname` = '" . dbesc($uid) . "' " );
|
||||||
|
|
||||||
|
if(remote_user()) {
|
||||||
|
$r = q("SELECT `profile-id` FROM `contact` WHERE `id` = %d LIMIT 1",
|
||||||
|
intval($_SESSION['visitor_id']));
|
||||||
|
if(count($r))
|
||||||
|
$profile = $r[0]['profile-id'];
|
||||||
|
}
|
||||||
|
|
||||||
|
if($profile) {
|
||||||
|
$profile_int = intval($profile);
|
||||||
|
$sql_which = " AND `profile`.`id` = $profile_int ";
|
||||||
|
}
|
||||||
|
else
|
||||||
|
$sql_which = " AND `profile`.`is-default` = 1 ";
|
||||||
|
|
||||||
|
$r = q("SELECT `profile`.`uid` AS `profile_uid`, `profile`.* , `user`.* FROM `profile`
|
||||||
|
LEFT JOIN `user` ON `profile`.`uid` = `user`.`uid`
|
||||||
|
$sql_extra $sql_which LIMIT 1"
|
||||||
|
);
|
||||||
|
|
||||||
|
if(($r === false) || (! count($r))) {
|
||||||
|
$_SESSION['sysmsg'] .= "No profile" . EOL ;
|
||||||
|
$a->error = 404;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$a->profile = $r[0];
|
||||||
|
|
||||||
|
$a->page['template'] = 'profile';
|
||||||
|
|
||||||
|
$a->page['title'] = $a->profile['name'];
|
||||||
|
|
||||||
|
return;
|
||||||
|
}}
|
||||||
|
|
||||||
|
function profile_init(&$a) {
|
||||||
|
|
||||||
|
if($_SESSION['authenticated']) {
|
||||||
|
|
||||||
|
// choose which page to show (could be remote auth)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if($a->argc > 1)
|
||||||
|
$which = $a->argv[1];
|
||||||
|
else {
|
||||||
|
$_SESSION['sysmsg'] .= "No profile" . EOL ;
|
||||||
|
$a->error = 404;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
profile_load($a,$which);
|
||||||
|
|
||||||
|
$dfrn_pages = array('request', 'confirm', 'notify', 'poll');
|
||||||
|
foreach($dfrn_pages as $dfrn)
|
||||||
|
$a->page['htmlhead'] .= "<link rel=\"dfrn-{$dfrn}\" href=\"".$a->get_baseurl()."/dfrn_{$dfrn}/{$which}\" />\r\n";
|
||||||
|
}
|
||||||
|
|
||||||
|
function item_display($item,$template) {
|
||||||
|
|
||||||
|
$o .= replace_macros($template,array(
|
||||||
|
'$id' => $item['item_id'],
|
||||||
|
'$profile_url' => $item['url'],
|
||||||
|
'$name' => $item['name'],
|
||||||
|
'$thumb' => $item['thumb'],
|
||||||
|
'$body' => bbcode($item['body']),
|
||||||
|
'$ago' => relative_date($item['created'])
|
||||||
|
));
|
||||||
|
|
||||||
|
|
||||||
|
return $o;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function profile_content(&$a) {
|
||||||
|
|
||||||
|
require_once("include/bbcode.php");
|
||||||
|
require_once('include/security.php');
|
||||||
|
|
||||||
|
// $tpl = file_get_contents('view/profile_tabs.tpl');
|
||||||
|
|
||||||
|
|
||||||
|
if(can_write_wall($a,$a->profile['profile_uid'])) {
|
||||||
|
$tpl = file_get_contents('view/jot-header.tpl');
|
||||||
|
|
||||||
|
$a->page['htmlhead'] .= replace_macros($tpl, array('$baseurl' => $a->get_baseurl()));
|
||||||
|
|
||||||
|
$tpl = file_get_contents("view/jot.tpl");
|
||||||
|
$o .= replace_macros($tpl,array(
|
||||||
|
'$baseurl' => $a->get_baseurl(),
|
||||||
|
'$profile_uid' => $a->profile['profile_uid']
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if($a->profile['is-default']) {
|
||||||
|
|
||||||
|
// TODO left join with contact which will carry names and photos. (done)Store local users in contact as well as user.(done)
|
||||||
|
// Alter registration and settings
|
||||||
|
// and profile to update contact table when names and photos change.
|
||||||
|
// work on item_display and can_write_wall
|
||||||
|
|
||||||
|
// Add comments.
|
||||||
|
|
||||||
|
$r = q("SELECT `item`.*, `contact`.`name`, `contact`.`photo`, `contact`.`thumb`, `contact`.`id` AS `cid`
|
||||||
|
FROM `item` LEFT JOIN `contact` ON `contact`.`id` = `item`.`contact-id`
|
||||||
|
WHERE `item`.`uid` = %d AND `item`.`visible` = 1
|
||||||
|
AND `contact`.`blocked` = 0
|
||||||
|
AND `allow_uid` = '' AND `allow_gid` = '' AND `deny_uid` = '' AND `deny_gid` = ''
|
||||||
|
GROUP BY `item`.`parent`, `item`.`id`
|
||||||
|
ORDER BY `created` DESC LIMIT 0,30 ",
|
||||||
|
intval($a->profile['uid'])
|
||||||
|
);
|
||||||
|
|
||||||
|
$tpl = file_get_contents('view/wall_item.tpl');
|
||||||
|
|
||||||
|
if(count($r)) {
|
||||||
|
foreach($r as $rr) {
|
||||||
|
$o .= item_display($rr,$tpl);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $o;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,227 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
require_once("Photo.php");
|
||||||
|
|
||||||
|
function profile_photo_init(&$a) {
|
||||||
|
|
||||||
|
if((! x($_SESSION,'authenticated')) && (x($_SESSION,'uid'))) {
|
||||||
|
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||||
|
$a->error = 404;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
require_once("mod/profile.php");
|
||||||
|
profile_load($a,$_SESSION['uid']);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function profile_photo_post(&$a) {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if((! x($_SESSION,'authenticated')) && (! (x($_SESSION,'uid')))) {
|
||||||
|
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($a->argc > 1)
|
||||||
|
$profile_id = intval($a->argv[1]);
|
||||||
|
|
||||||
|
if(x($_POST,'xstart') !== false) {
|
||||||
|
// phase 2 - we have finished cropping
|
||||||
|
if($a->argc != 3) {
|
||||||
|
$_SESSION['sysmsg'] .= "Image uploaded but image cropping failed." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
$image_id = $a->argv[2];
|
||||||
|
if(substr($image_id,-2,1) == '-') {
|
||||||
|
$scale = substr($image_id,-1,1);
|
||||||
|
$image_id = substr($image_id,0,-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
$srcX = $_POST['xstart'];
|
||||||
|
$srcY = $_POST['ystart'];
|
||||||
|
$srcW = $_POST['xfinal'] - $srcX;
|
||||||
|
$srcH = $_POST['yfinal'] - $srcY;
|
||||||
|
|
||||||
|
$r = q("SELECT * FROM `photo` WHERE `resource-id` = '%s' AND `scale` = %d LIMIT 1",
|
||||||
|
dbesc($image_id),
|
||||||
|
intval($scale));
|
||||||
|
if($r !== NULL && (count($r))) {
|
||||||
|
$im = new Photo($r[0]['data']);
|
||||||
|
$im->cropImage(175,$srcX,$srcY,$srcW,$srcH);
|
||||||
|
$s = $im->imageString();
|
||||||
|
$x = $im->getWidth();
|
||||||
|
$y = $im->getHeight();
|
||||||
|
|
||||||
|
$ret = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||||
|
`height`, `width`, `data`, `scale` )
|
||||||
|
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 4 )",
|
||||||
|
intval($_SESSION['uid']),
|
||||||
|
dbesc($r[0]['resource-id']),
|
||||||
|
datetime_convert(),
|
||||||
|
datetime_convert(),
|
||||||
|
dbesc($r[0]['filename']),
|
||||||
|
intval($y),
|
||||||
|
intval($x),
|
||||||
|
dbesc($s));
|
||||||
|
if($r === NULL)
|
||||||
|
$_SESSION['sysmsg'] .= "Image size reduction (175) failed." . EOL;
|
||||||
|
|
||||||
|
$im->scaleImage(80);
|
||||||
|
$s = $im->imageString();
|
||||||
|
$x = $im->getWidth();
|
||||||
|
$y = $im->getHeight();
|
||||||
|
$ret = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||||
|
`height`, `width`, `data`, `scale` )
|
||||||
|
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 5 )",
|
||||||
|
intval($_SESSION['uid']),
|
||||||
|
dbesc($r[0]['resource-id']),
|
||||||
|
datetime_convert(),
|
||||||
|
datetime_convert(),
|
||||||
|
dbesc($r[0]['filename']),
|
||||||
|
intval($y),
|
||||||
|
intval($x),
|
||||||
|
dbesc($s));
|
||||||
|
if($r === NULL)
|
||||||
|
$_SESSION['sysmsg'] .= "Image size reduction (80) failed." . EOL;
|
||||||
|
$r = q("UPDATE `profile` SET `photo` = '%s', `thumb` = '%s' WHERE `id` = %d LIMIT 1",
|
||||||
|
dbesc($a->get_baseurl() . '/photo/' . $image_id . '-4.jpg'),
|
||||||
|
dbesc($a->get_baseurl() . '/photo/' . $image_id . '-5.jpg'),
|
||||||
|
intval($profile_id));
|
||||||
|
if($r === NULL)
|
||||||
|
$_SESSION['sysmsg'] .= "Failed to add image to profile." . EOL;
|
||||||
|
|
||||||
|
}
|
||||||
|
goaway($a->get_baseurl() . '/profiles');
|
||||||
|
}
|
||||||
|
|
||||||
|
$extra_sql = (($profile_id) ? " AND `id` = " . intval($profile_id) : " AND `is-default` = 1 " );
|
||||||
|
|
||||||
|
|
||||||
|
$r = q("SELECT `id` FROM `profile` WHERE `uid` = %d $extra_sql LIMIT 1", intval($_SESSION['uid']));
|
||||||
|
if($r === NULL || (! count($r))) {
|
||||||
|
$_SESSION['sysmsg'] .= "Profile unavailable." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$src = $_FILES['userfile']['tmp_name'];
|
||||||
|
$filename = basename($_FILES['userfile']['name']);
|
||||||
|
$filesize = intval($_FILES['userfile']['size']);
|
||||||
|
|
||||||
|
$imagedata = @file_get_contents($src);
|
||||||
|
$ph = new Photo($imagedata);
|
||||||
|
|
||||||
|
if(! ($image = $ph->getImage())) {
|
||||||
|
$_SESSION['sysmsg'] .= "Unable to process image." . EOL;
|
||||||
|
@unlink($src);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
@unlink($src);
|
||||||
|
$width = $ph->getWidth();
|
||||||
|
$height = $ph->getHeight();
|
||||||
|
|
||||||
|
if($width < 175 || $width < 175) {
|
||||||
|
$ph->scaleImageUp(200);
|
||||||
|
$width = $ph->getWidth();
|
||||||
|
$height = $ph->getHeight();
|
||||||
|
}
|
||||||
|
|
||||||
|
$hash = hash('md5',uniqid(mt_rand(),true));
|
||||||
|
|
||||||
|
$str_image = $ph->imageString();
|
||||||
|
$smallest = 0;
|
||||||
|
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||||
|
`height`, `width`, `data`, `scale` )
|
||||||
|
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 0 )",
|
||||||
|
intval($_SESSION['uid']),
|
||||||
|
dbesc($hash),
|
||||||
|
datetime_convert(),
|
||||||
|
datetime_convert(),
|
||||||
|
dbesc(basename($filename)),
|
||||||
|
intval($height),
|
||||||
|
intval($width),
|
||||||
|
dbesc($str_image));
|
||||||
|
if($r)
|
||||||
|
$_SESSION['sysmsg'] .= "Image uploaded successfully." . EOL;
|
||||||
|
else
|
||||||
|
$_SESSION['sysmsg'] .= "Image upload failed." . EOL;
|
||||||
|
|
||||||
|
if($width > 640 || $height > 640) {
|
||||||
|
$ph->scaleImage(640);
|
||||||
|
$str_image = $ph->imageString();
|
||||||
|
$width = $ph->getWidth();
|
||||||
|
$height = $ph->getHeight();
|
||||||
|
|
||||||
|
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||||
|
`height`, `width`, `data`, `scale` )
|
||||||
|
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 1 )",
|
||||||
|
intval($_SESSION['uid']),
|
||||||
|
dbesc($hash),
|
||||||
|
datetime_convert(),
|
||||||
|
datetime_convert(),
|
||||||
|
dbesc(basename($filename)),
|
||||||
|
intval($height),
|
||||||
|
intval($width),
|
||||||
|
dbesc($str_image));
|
||||||
|
if($r === NULL)
|
||||||
|
$_SESSION['sysmsg'] .= "Image size reduction (640) failed." . EOL;
|
||||||
|
else
|
||||||
|
$smallest = 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
$a->config['imagecrop'] = $hash;
|
||||||
|
$a->config['imagecrop_resolution'] = $smallest;
|
||||||
|
$a->page['htmlhead'] .= file_get_contents("view/crophead.tpl");
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('profile_photo_content')) {
|
||||||
|
function profile_photo_content(&$a) {
|
||||||
|
|
||||||
|
|
||||||
|
if(! x($a->config,'imagecrop')) {
|
||||||
|
if((! x($_SESSION['authenticated'])) && (! (x($_SESSION,'uid')))) {
|
||||||
|
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($a->argc > 1)
|
||||||
|
$profile_id = intval($a->argv[1]);
|
||||||
|
|
||||||
|
$extra_sql = (($profile_id) ? " AND `id` = $profile_id " : " AND `is-default` = 1 " );
|
||||||
|
|
||||||
|
|
||||||
|
$r = q("SELECT `id` FROM `profile` WHERE `uid` = %d $extra_sql LIMIT 1", intval($_SESSION['uid']));
|
||||||
|
if($r === NULL || (! count($r))) {
|
||||||
|
$_SESSION['sysmsg'] .= "Profile unavailable." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$o = file_get_contents('view/profile_photo.tpl');
|
||||||
|
|
||||||
|
$o = replace_macros($o,array(
|
||||||
|
'$profile_id' => $r[0]['id'],
|
||||||
|
'$uid' => $_SESSION['uid'],
|
||||||
|
));
|
||||||
|
|
||||||
|
return $o;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$filename = $a->config['imagecrop'] . '-' . $a->config['imagecrop_resolution'] . '.jpg';
|
||||||
|
$resolution = $a->config['imagecrop_resolution'];
|
||||||
|
$o = file_get_contents("view/cropbody.tpl");
|
||||||
|
$o = replace_macros($o,array(
|
||||||
|
'$filename' => $filename,
|
||||||
|
'$profile_id' => $a->argv[1],
|
||||||
|
'$resource' => $a->config['imagecrop'] . '-' . $a->config['imagecrop_resolution'],
|
||||||
|
'$image_url' => $a->get_baseurl() . '/photo/' . $filename
|
||||||
|
));
|
||||||
|
|
||||||
|
return $o;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
@ -0,0 +1,190 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
function profiles_post(&$a) {
|
||||||
|
|
||||||
|
if(! local_user()) {
|
||||||
|
$_SESSION['sysmsg'] .= "Unauthorised." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// todo - delete... ensure that all contacts using the to-be-deleted profile are moved to the default.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if(($a->argc > 1) && ($a->argv[1] != "new") && intval($a->argv[1])) {
|
||||||
|
$r = q("SELECT * FROM `profile` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||||
|
intval($a->argv[1]),
|
||||||
|
intval($_SESSION['uid'])
|
||||||
|
);
|
||||||
|
if(! count($r)) {
|
||||||
|
$_SESSION['sysmsg'] .= "Profile not found." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$profile_name = notags(trim($_POST['profile_name']));
|
||||||
|
if(! strlen($profile_name)) {
|
||||||
|
$a->$_SESSION['sysmsg'] .= "Profile Name is required." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$name = notags(trim($_POST['name']));
|
||||||
|
$gender = notags(trim($_POST['gender']));
|
||||||
|
$address = notags(trim($_POST['address']));
|
||||||
|
$locality = notags(trim($_POST['locality']));
|
||||||
|
$region = notags(trim($_POST['region']));
|
||||||
|
$postal_code = notags(trim($_POST['postal_code']));
|
||||||
|
$country_name = notags(trim($_POST['country_name']));
|
||||||
|
$marital = notags(trim(implode(', ',$_POST['marital'])));
|
||||||
|
$homepage = notags(trim($_POST['homepage']));
|
||||||
|
$about = str_replace(array('<','>','&'),array('<','>','&'),trim($_POST['about']));
|
||||||
|
|
||||||
|
if(! in_array($gender,array('','Male','Female','Other')))
|
||||||
|
$gender = '';
|
||||||
|
|
||||||
|
$r = q("UPDATE `profile`
|
||||||
|
SET `profile-name` = '%s',
|
||||||
|
`name` = '%s',
|
||||||
|
`gender` = '%s',
|
||||||
|
`address` = '%s',
|
||||||
|
`locality` = '%s',
|
||||||
|
`region` = '%s',
|
||||||
|
`postal-code` = '%s',
|
||||||
|
`country-name` = '%s',
|
||||||
|
`marital` = '%s',
|
||||||
|
`homepage` = '%s',
|
||||||
|
`about` = '%s'
|
||||||
|
WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||||
|
dbesc($profile_name),
|
||||||
|
dbesc($name),
|
||||||
|
dbesc($gender),
|
||||||
|
dbesc($address),
|
||||||
|
dbesc($locality),
|
||||||
|
dbesc($region),
|
||||||
|
dbesc($postal_code),
|
||||||
|
dbesc($country_name),
|
||||||
|
dbesc($marital),
|
||||||
|
dbesc($homepage),
|
||||||
|
dbesc($about),
|
||||||
|
intval($a->argv[1]),
|
||||||
|
intval($_SESSION['uid'])
|
||||||
|
);
|
||||||
|
|
||||||
|
if($r)
|
||||||
|
$_SESSION['sysmsg'] .= "Profile updated." . EOL;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function profiles_content(&$a) {
|
||||||
|
if(! local_user()) {
|
||||||
|
$_SESSION['sysmsg'] .= "Unauthorised." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(($a->argc > 1) && ($a->argv[1] == 'new')) {
|
||||||
|
|
||||||
|
$r0 = q("SELECT `id` FROM `profile` WHERE `uid` = %d",
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
$num_profiles = count($r0);
|
||||||
|
|
||||||
|
$name = "Profile-" . ($num_profiles + 1);
|
||||||
|
|
||||||
|
$r1 = q("SELECT `name`, `photo`, `thumb` FROM `profile` WHERE `uid` = %d AND `is-default` = 1 LIMIT 1",
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
|
||||||
|
$r2 = q("INSERT INTO `profile` (`uid` , `profile-name` , `name`, `photo`, `thumb`)
|
||||||
|
VALUES ( %d, '%s', '%s', '%s', '%s' )",
|
||||||
|
intval($_SESSION['uid']),
|
||||||
|
dbesc($name),
|
||||||
|
dbesc($r1[0]['name']),
|
||||||
|
dbesc($r1[0]['photo']),
|
||||||
|
dbesc($ra[0]['thumb'])
|
||||||
|
);
|
||||||
|
|
||||||
|
$r3 = q("SELECT `id` FROM `profile` WHERE `uid` = %d AND `profile-name` = '%s' LIMIT 1",
|
||||||
|
intval($_SESSION['uid']),
|
||||||
|
dbesc($name)
|
||||||
|
);
|
||||||
|
$_SESSION['sysmsg'] .= "New profile created." . EOL;
|
||||||
|
if(count($r3) == 1)
|
||||||
|
goaway($a->get_baseurl() . '/profiles/' . $r3[0]['id']);
|
||||||
|
goaway($a->get_baseurl() . '/profiles');
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if(intval($a->argv[1])) {
|
||||||
|
$r = q("SELECT * FROM `profile` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||||
|
intval($a->argv[1]),
|
||||||
|
intval($_SESSION['uid'])
|
||||||
|
);
|
||||||
|
if(! count($r)) {
|
||||||
|
$_SESSION['sysmsg'] .= "Profile not found." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
require_once('mod/profile.php');
|
||||||
|
profile_load($a,$_SESSION['uid'],$r[0]['id']);
|
||||||
|
|
||||||
|
require_once('view/profile_selectors.php');
|
||||||
|
|
||||||
|
$tpl = file_get_contents('view/jot-header.tpl');
|
||||||
|
$profile_in_dir = file_get_contents("view/profile-in-directory.tpl");
|
||||||
|
|
||||||
|
$a->page['htmlhead'] .= replace_macros($tpl, array('$baseurl' => $a->get_baseurl()));
|
||||||
|
|
||||||
|
$a->page['aside'] = file_get_contents('view/sidenote.tpl');
|
||||||
|
$is_default = (($r[0]['is-default']) ? 1 : 0);
|
||||||
|
$tpl = file_get_contents("view/profile_edit.tpl");
|
||||||
|
$o .= replace_macros($tpl,array(
|
||||||
|
'$baseurl' => $a->get_baseurl(),
|
||||||
|
'$profile_id' => $r[0]['id'],
|
||||||
|
'$profile_name' => $r[0]['profile-name'],
|
||||||
|
'$default' => (($is_default) ? "<p id=\"profile-edit-default-desc\">This is your <strong>public</strong> profile.</p>" : ""),
|
||||||
|
'$name' => $r[0]['name'],
|
||||||
|
'$dob' => $r[0]['dob'],
|
||||||
|
'$address' => $r[0]['address'],
|
||||||
|
'$locality' => $r[0]['locality'],
|
||||||
|
'$region' => $r[0]['region'],
|
||||||
|
'$postal_code' => $r[0]['postal-code'],
|
||||||
|
'$country_name' => $r[0]['country-name'],
|
||||||
|
'$age' => $r[0]['age'],
|
||||||
|
'$gender' => gender_selector($r[0]['gender']),
|
||||||
|
'$marital' => marital_selector($r[0]['marital']),
|
||||||
|
'$about' => $r[0]['about'],
|
||||||
|
'$homepage' => $r[0]['homepage'],
|
||||||
|
'$profile_in_dir' => (($is_default) ? $profile_in_dir : '')
|
||||||
|
));
|
||||||
|
|
||||||
|
return $o;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
$r = q("SELECT * FROM `profile` WHERE `uid` = %d",
|
||||||
|
$_SESSION['uid']);
|
||||||
|
if(count($r)) {
|
||||||
|
|
||||||
|
$o .= file_get_contents('view/profile_listing_header.tpl');
|
||||||
|
$tpl_default = file_get_contents('view/profile_entry_default.tpl');
|
||||||
|
$tpl = file_get_contents('view/profile_entry.tpl');
|
||||||
|
|
||||||
|
foreach($r as $rr) {
|
||||||
|
$template = (($rr['is-default']) ? $tpl_default : $tpl);
|
||||||
|
$o .= replace_macros($template, array(
|
||||||
|
'$photo' => $rr['thumb'],
|
||||||
|
'$id' => $rr['id'],
|
||||||
|
'$profile_name' => $rr['profile-name']
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return $o;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
function redir_init(&$a) {
|
||||||
|
|
||||||
|
if((! local_user()) || (! ($a->argc == 2)) || (! intval($a->argv[1])))
|
||||||
|
goaway($a->get_baseurl());
|
||||||
|
$r = q("SELECT `dfrn-id`, `poll` FROM `contact` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||||
|
intval($a->argv[1]),
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
if(! count($r))
|
||||||
|
goaway($a->get_baseurl());
|
||||||
|
q("INSERT INTO `profile_check` ( `uid`, `dfrn_id`, `expire`)
|
||||||
|
VALUES( %d, '%s', %d )",
|
||||||
|
intval($_SESSION['uid']),
|
||||||
|
dbesc($r[0]['dfrn-id']),
|
||||||
|
intval(time() + 30));
|
||||||
|
goaway ($r[0]['poll'] . '?dfrn_id=' . $r[0]['dfrn-id'] . '&type=profile');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,175 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
if(! function_exists('register_post')) {
|
||||||
|
function register_post(&$a) {
|
||||||
|
|
||||||
|
$verified = 0;
|
||||||
|
$blocked = 1;
|
||||||
|
|
||||||
|
switch($a->config['register_policy']) {
|
||||||
|
|
||||||
|
|
||||||
|
case REGISTER_OPEN:
|
||||||
|
$blocked = 0;
|
||||||
|
$verified = 1;
|
||||||
|
break;
|
||||||
|
|
||||||
|
case REGISTER_VERIFY:
|
||||||
|
$blocked = 1;
|
||||||
|
$verify = 0;
|
||||||
|
break;
|
||||||
|
|
||||||
|
default:
|
||||||
|
case REGISTER_CLOSED:
|
||||||
|
if((! x($_SESSION,'authenticated') && (! x($_SESSION,'administrator')))) {
|
||||||
|
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
$blocked = 0;
|
||||||
|
$verified = 0;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(x($_POST,'username'))
|
||||||
|
$username = notags(trim($_POST['username']));
|
||||||
|
if(x($_POST,'email'))
|
||||||
|
$email =notags(trim($_POST['email']));
|
||||||
|
|
||||||
|
if((! x($username)) || (! x($email))) {
|
||||||
|
$_SESSION['sysmsg'] .= "Please enter the required information.". EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$err = '';
|
||||||
|
|
||||||
|
if(!eregi('[A-Za-z0-9._%-]+@[A-Za-z0-9._%-]+\.[A-Za-z]{2,6}',$email))
|
||||||
|
$err .= " Not valid email.";
|
||||||
|
if(strlen($username) > 40)
|
||||||
|
$err .= " Please use a shorter name.";
|
||||||
|
if(strlen($username) < 3)
|
||||||
|
$err .= " Name too short.";
|
||||||
|
$r = q("SELECT `uid` FROM `user`
|
||||||
|
WHERE `email` = '%s' LIMIT 1",
|
||||||
|
dbesc($email)
|
||||||
|
);
|
||||||
|
if($r !== false && count($r))
|
||||||
|
$err .= " This email address is already registered." . EOL;
|
||||||
|
if(strlen($err)) {
|
||||||
|
$_SESSION['sysmsg'] .= $err;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
$new_password = autoname(6) . mt_rand(100,9999);
|
||||||
|
$new_password_encoded = hash('whirlpool',$new_password);
|
||||||
|
|
||||||
|
$res=openssl_pkey_new(array(
|
||||||
|
'digest_alg' => 'whirlpool',
|
||||||
|
'private_key_bits' => 4096,
|
||||||
|
'encrypt_key' => false ));
|
||||||
|
|
||||||
|
// Get private key
|
||||||
|
|
||||||
|
$prvkey = '';
|
||||||
|
|
||||||
|
openssl_pkey_export($res, $prvkey);
|
||||||
|
|
||||||
|
// Get public key
|
||||||
|
|
||||||
|
$pkey = openssl_pkey_get_details($res);
|
||||||
|
$pubkey = $pkey["key"];
|
||||||
|
|
||||||
|
$r = q("INSERT INTO `user` ( `username`, `password`, `email`,
|
||||||
|
`pubkey`, `prvkey`, `verified`, `blocked` )
|
||||||
|
VALUES ( '%s', '%s', '%s', '%s', '%s', %d, %d )",
|
||||||
|
dbesc($username),
|
||||||
|
dbesc($new_password_encoded),
|
||||||
|
dbesc($email),
|
||||||
|
dbesc($pubkey),
|
||||||
|
dbesc($prvkey),
|
||||||
|
intval($verified),
|
||||||
|
intval($blocked)
|
||||||
|
);
|
||||||
|
|
||||||
|
if($r) {
|
||||||
|
$r = q("SELECT `uid` FROM `user`
|
||||||
|
WHERE `username` = '%s' AND `password` = '%s' LIMIT 1",
|
||||||
|
dbesc($username),
|
||||||
|
dbesc($new_password_encoded)
|
||||||
|
);
|
||||||
|
if($r !== false && count($r))
|
||||||
|
$newuid = intval($r[0]['uid']);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$_SESSION['sysmsg'] .= "An error occurred during registration. Please try again." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(x($newuid) !== NULL) {
|
||||||
|
$r = q("INSERT INTO `profile` ( `uid`, `profile-name`, `is-default`, `name`, `photo`, `thumb` )
|
||||||
|
VALUES ( %d, '%s', %d, '%s', '%s', '%s' ) ",
|
||||||
|
intval($newuid),
|
||||||
|
'default',
|
||||||
|
1,
|
||||||
|
dbesc($username),
|
||||||
|
dbesc($a->get_baseurl() . '/images/default-profile.jpg'),
|
||||||
|
dbesc($a->get_baseurl() . '/images/default-profile-sm.jpg')
|
||||||
|
);
|
||||||
|
if($r === false) {
|
||||||
|
$_SESSION['sysmsg'] .= "An error occurred creating your default profile. Please try again." . EOL ;
|
||||||
|
// Start fresh next time.
|
||||||
|
$r = q("DELETE FROM `user` WHERE `uid` = %d",
|
||||||
|
intval($newuid));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
$r = q("INSERT INTO `contact` ( `uid`, `created`, `self`, `name`, `photo`, `thumb`, `blocked` )
|
||||||
|
VALUES ( %d, '%s', 1, '%s', '%s', '%s', 0 ) ",
|
||||||
|
intval($newuid),
|
||||||
|
datetime_convert(),
|
||||||
|
dbesc($username),
|
||||||
|
dbesc($a->get_baseurl() . '/images/default-profile.jpg'),
|
||||||
|
dbesc($a->get_baseurl() . '/images/default-profile-sm.jpg')
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if( $a->config['register_policy'] == REGISTER_OPEN ) {
|
||||||
|
$email_tpl = file_get_contents("view/register_open_eml.tpl");
|
||||||
|
$email_tpl = replace_macros($email_tpl, array(
|
||||||
|
'$sitename' => $a->config['sitename'],
|
||||||
|
'$siteurl' => $a->get_baseurl(),
|
||||||
|
'$username' => $username,
|
||||||
|
'$email' => $email,
|
||||||
|
'$password' => $new_password,
|
||||||
|
'$uid' => $newuid ));
|
||||||
|
|
||||||
|
$res = mail($email,"Registration details for {$a->config['sitename']}",$email_tpl,"From: Administrator@{$_SERVER[SERVER_NAME]}");
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if($res) {
|
||||||
|
$_SESSION['sysmsg'] .= "Registration successful. Please check your email for further instructions." . EOL ;
|
||||||
|
goaway($a->get_baseurl());
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$_SESSION['sysmsg'] .= "Failed to send email message. Here is the message that failed. $email_tpl " . EOL;
|
||||||
|
}
|
||||||
|
|
||||||
|
return;
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('register_content')) {
|
||||||
|
function register_content(&$a) {
|
||||||
|
|
||||||
|
$o = file_get_contents("view/register.tpl");
|
||||||
|
$o = replace_macros($o, array('$registertext' =>((x($a->config,'register_text'))? $a->config['register_text'] : "" )));
|
||||||
|
return $o;
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,170 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
function settings_init(&$a) {
|
||||||
|
|
||||||
|
if((! x($_SESSION,'authenticated')) && (x($_SESSION,'uid'))) {
|
||||||
|
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||||
|
$a->error = 404;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
require_once("mod/profile.php");
|
||||||
|
profile_load($a,$_SESSION['uid']);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function settings_post(&$a) {
|
||||||
|
|
||||||
|
if((! x($_SESSION['authenticated'])) && (! (x($_SESSION,'uid')))) {
|
||||||
|
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(count($a->user) && x($a->user,'uid') && $a->user['uid'] != $_SESSION['uid']) {
|
||||||
|
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if((x($_POST,'password')) || (x($_POST,'confirm'))) {
|
||||||
|
|
||||||
|
$newpass = trim($_POST['password']);
|
||||||
|
$confirm = trim($_POST['confirm']);
|
||||||
|
|
||||||
|
$err = false;
|
||||||
|
if($newpass != $confirm ) {
|
||||||
|
$_SESSION['sysmsg'] .= "Passwords do not match. Password unchanged." . EOL;
|
||||||
|
$err = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
if((! x($newpass)) || (! x($confirm))) {
|
||||||
|
$_SESSION['sysmsg'] .= "Empty passwords are not allowed. Password unchanged." . EOL;
|
||||||
|
$err = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(! $err) {
|
||||||
|
$password = hash('whirlpool',$newpass);
|
||||||
|
$r = q("UPDATE `user` SET `password` = '%s' WHERE `uid` = %d LIMIT 1",
|
||||||
|
dbesc($password),
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
if($r)
|
||||||
|
$_SESSION['sysmsg'] .= "Password changed." . EOL;
|
||||||
|
else
|
||||||
|
$_SESSION['sysmsg'] .= "Password update failed. Please try again." . EOL;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$username = notags(trim($_POST['username']));
|
||||||
|
$email = notags(trim($_POST['email']));
|
||||||
|
if(x($_POST,'nick'))
|
||||||
|
$nick = notags(trim($_POST['nick']));
|
||||||
|
$timezone = notags(trim($_POST['timezone']));
|
||||||
|
|
||||||
|
$username_changed = false;
|
||||||
|
$email_changed = false;
|
||||||
|
$nick_changed = false;
|
||||||
|
$zone_changed = false;
|
||||||
|
$err = '';
|
||||||
|
|
||||||
|
if($username != $a->user['username']) {
|
||||||
|
$username_changed = true;
|
||||||
|
if(strlen($username) > 40)
|
||||||
|
$err .= " Please use a shorter name.";
|
||||||
|
if(strlen($username) < 3)
|
||||||
|
$err .= " Name too short.";
|
||||||
|
}
|
||||||
|
if($email != $a->user['email']) {
|
||||||
|
$email_changed = true;
|
||||||
|
if(!eregi('[A-Za-z0-9._%-]+@[A-Za-z0-9._%-]+\.[A-Za-z]{2,6}',$email))
|
||||||
|
$err .= " Not valid email.";
|
||||||
|
$r = q("SELECT `uid` FROM `user`
|
||||||
|
WHERE `email` = '%s' LIMIT 1",
|
||||||
|
dbesc($email)
|
||||||
|
);
|
||||||
|
if($r !== NULL && count($r))
|
||||||
|
$err .= " This email address is already registered." . EOL;
|
||||||
|
}
|
||||||
|
if((x($nick)) && ($nick != $a->user['nickname'])) {
|
||||||
|
$nick_changed = true;
|
||||||
|
if(! preg_match("/^[a-zA-Z][a-zA-Z0-9\-\_]*$/",$nick))
|
||||||
|
$err .= " Nickname must start with a letter and contain only contain letters, numbers, dashes, and underscore.";
|
||||||
|
$r = q("SELECT `uid` FROM `user`
|
||||||
|
WHERE `nickname` = '%s' LIMIT 1",
|
||||||
|
dbesc($nick)
|
||||||
|
);
|
||||||
|
if($r !== NULL && count($r))
|
||||||
|
$err .= " Nickname is already registered. Try another." . EOL;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
$nick = $a->user['nickname'];
|
||||||
|
|
||||||
|
if(strlen($err)) {
|
||||||
|
$_SESSION['sysmsg'] .= $err . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if($timezone != $a->user['timezone']) {
|
||||||
|
$zone_changed = true;
|
||||||
|
if(strlen($timezone))
|
||||||
|
date_default_timezone_set($timezone);
|
||||||
|
}
|
||||||
|
if($email_changed || $username_changed || $nick_changed || $zone_changed ) {
|
||||||
|
$r = q("UPDATE `user` SET `username` = '%s', `email` = '%s', `nickname` = '%s', `timezone` = '%s' WHERE `uid` = %d LIMIT 1",
|
||||||
|
dbesc($username),
|
||||||
|
dbesc($email),
|
||||||
|
dbesc($nick),
|
||||||
|
dbesc($timezone),
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
if($r)
|
||||||
|
$_SESSION['sysmsg'] .= "Settings updated." . EOL;
|
||||||
|
}
|
||||||
|
if($email_changed && $a->config['register_policy'] == REGISTER_VERIFY) {
|
||||||
|
|
||||||
|
// FIXME - set to un-verified, blocked and redirect to logout
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Refresh the content display with new data
|
||||||
|
|
||||||
|
$r = q("SELECT * FROM `user` WHERE `uid` = %d LIMIT 1",
|
||||||
|
intval($_SESSION['uid']));
|
||||||
|
if(count($r))
|
||||||
|
$a->user = $r[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if(! function_exists('settings_content')) {
|
||||||
|
function settings_content(&$a) {
|
||||||
|
|
||||||
|
if((! x($_SESSION['authenticated'])) && (! (x($_SESSION,'uid')))) {
|
||||||
|
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
$username = $a->user['username'];
|
||||||
|
$email = $a->user['email'];
|
||||||
|
$nickname = $a->user['nickname'];
|
||||||
|
$timezone = $a->user['timezone'];
|
||||||
|
|
||||||
|
|
||||||
|
if(x($nickname))
|
||||||
|
$nickname_block = file_get_contents("view/settings_nick_set.tpl");
|
||||||
|
else
|
||||||
|
$nickname_block = file_get_contents("view/settings_nick_unset.tpl");
|
||||||
|
|
||||||
|
$nickname_block = replace_macros($nickname_block,array(
|
||||||
|
'$nickname' => $nickname,
|
||||||
|
'$baseurl' => $a->get_baseurl()));
|
||||||
|
|
||||||
|
$o = file_get_contents('view/settings.tpl');
|
||||||
|
|
||||||
|
$o = replace_macros($o,array(
|
||||||
|
'$baseurl' => $a->get_baseurl(),
|
||||||
|
'$uid' => $_SESSION['uid'],
|
||||||
|
'$username' => $username,
|
||||||
|
'$email' => $email,
|
||||||
|
'$nickname_block' => $nickname_block,
|
||||||
|
'$timezone' => $timezone,
|
||||||
|
'$zoneselect' => select_timezone($timezone)
|
||||||
|
));
|
||||||
|
|
||||||
|
return $o;
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
<?php
|
||||||
|
function test_content(&$a) {
|
||||||
|
print_r($a->user);
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
|
||||||
|
<?php
|
||||||
|
$a->page['nav'] .= "<span id=\"nav-link-wrapper\" >\r\n";
|
||||||
|
|
||||||
|
if(x($_SESSION,'uid')) {
|
||||||
|
|
||||||
|
$a->page['nav'] .= "<a id=\"nav-notify-link\" class=\"nav-commlink\" href=\"notifications\">Notifications</a>\r\n";
|
||||||
|
|
||||||
|
$a->page['nav'] .= "<a id=\"nav-messages-link\" class=\"nav-commlink\" href=\"Messages\">Messages</a>\r\n";
|
||||||
|
|
||||||
|
|
||||||
|
$a->page['nav'] .= "<a id=\"nav-logout-link\" class=\"nav-link\" href=\"logout\">Logout</a>\r\n";
|
||||||
|
|
||||||
|
$a->page['nav'] .= "<a id=\"nav-settings-link\" class=\"nav-link\" href=\"settings\">Settings</a>\r\n";
|
||||||
|
|
||||||
|
$a->page['nav'] .= "<a id=\"nav-profiles-link\" class=\"nav-link\" href=\"profiles\">Profiles</a>\r\n";
|
||||||
|
|
||||||
|
$a->page['nav'] .= "<a id=\"nav-contacts-link\" class=\"nav-link\" href=\"contacts\">Contacts</a>\r\n";
|
||||||
|
|
||||||
|
$a->page['nav'] .= "<a id=\"nav-home-link\" class=\"nav-link\" href=\"profile/{$_SESSION['uid']}\">Home</a>\r\n";
|
||||||
|
|
||||||
|
}
|
||||||
|
$a->page['nav'] .= "</span>\r\n<span id=\"nav-end\"></span>\r\n";
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,105 @@
|
||||||
|
body {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
scrollbar-3dlight-color: #F0F0EE;
|
||||||
|
scrollbar-arrow-color: #676662;
|
||||||
|
scrollbar-base-color: #F0F0EE;
|
||||||
|
scrollbar-darkshadow-color: #DDDDDD;
|
||||||
|
scrollbar-face-color: #E0E0DD;
|
||||||
|
scrollbar-highlight-color: #F0F0EE;
|
||||||
|
scrollbar-shadow-color: #F0F0EE;
|
||||||
|
scrollbar-track-color: #F5F5F5;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.example1 {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 14px
|
||||||
|
}
|
||||||
|
|
||||||
|
.example2 {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #FF0000
|
||||||
|
}
|
||||||
|
|
||||||
|
.tablerow1 {
|
||||||
|
background-color: #BBBBBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
thead {
|
||||||
|
background-color: #FFBBBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
tfoot {
|
||||||
|
background-color: #BBBBFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Basic formats */
|
||||||
|
|
||||||
|
.bold {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.italic {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.underline {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Global align classes */
|
||||||
|
|
||||||
|
.left {
|
||||||
|
text-align: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.full {
|
||||||
|
text-align: justify
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Image and table specific aligns */
|
||||||
|
|
||||||
|
img.left, table.left {
|
||||||
|
float: left;
|
||||||
|
text-align: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.center, table.center {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
text-align: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.center {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.right, table.right {
|
||||||
|
float: right;
|
||||||
|
text-align: inherit;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,53 @@
|
||||||
|
body {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
scrollbar-3dlight-color: #F0F0EE;
|
||||||
|
scrollbar-arrow-color: #676662;
|
||||||
|
scrollbar-base-color: #F0F0EE;
|
||||||
|
scrollbar-darkshadow-color: #DDDDDD;
|
||||||
|
scrollbar-face-color: #E0E0DD;
|
||||||
|
scrollbar-highlight-color: #F0F0EE;
|
||||||
|
scrollbar-shadow-color: #F0F0EE;
|
||||||
|
scrollbar-track-color: #F5F5F5;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {margin:0; padding:0;}
|
||||||
|
|
||||||
|
td {
|
||||||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.example1 {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 14px
|
||||||
|
}
|
||||||
|
|
||||||
|
.example2 {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #FF0000
|
||||||
|
}
|
||||||
|
|
||||||
|
.tablerow1 {
|
||||||
|
background-color: #BBBBBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
thead {
|
||||||
|
background-color: #FFBBBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
tfoot {
|
||||||
|
background-color: #BBBBFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,107 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<title>Custom formats example</title>
|
||||||
|
|
||||||
|
<!-- TinyMCE -->
|
||||||
|
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
tinyMCE.init({
|
||||||
|
// General options
|
||||||
|
mode : "textareas",
|
||||||
|
theme : "advanced",
|
||||||
|
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
|
||||||
|
|
||||||
|
// Theme options
|
||||||
|
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
|
||||||
|
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
|
||||||
|
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
|
||||||
|
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
|
||||||
|
theme_advanced_toolbar_location : "top",
|
||||||
|
theme_advanced_toolbar_align : "left",
|
||||||
|
theme_advanced_statusbar_location : "bottom",
|
||||||
|
theme_advanced_resizing : true,
|
||||||
|
|
||||||
|
// Example content CSS (should be your site CSS)
|
||||||
|
content_css : "css/content.css",
|
||||||
|
|
||||||
|
// Drop lists for link/image/media/template dialogs
|
||||||
|
template_external_list_url : "lists/template_list.js",
|
||||||
|
external_link_list_url : "lists/link_list.js",
|
||||||
|
external_image_list_url : "lists/image_list.js",
|
||||||
|
media_external_list_url : "lists/media_list.js",
|
||||||
|
|
||||||
|
// Style formats
|
||||||
|
style_formats : [
|
||||||
|
{title : 'Bold text', inline : 'b'},
|
||||||
|
{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
|
||||||
|
{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
|
||||||
|
{title : 'Example 1', inline : 'span', classes : 'example1'},
|
||||||
|
{title : 'Example 2', inline : 'span', classes : 'example2'},
|
||||||
|
{title : 'Table styles'},
|
||||||
|
{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
|
||||||
|
],
|
||||||
|
|
||||||
|
formats : {
|
||||||
|
alignleft : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'left'},
|
||||||
|
aligncenter : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'center'},
|
||||||
|
alignright : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'right'},
|
||||||
|
alignfull : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'full'},
|
||||||
|
bold : {inline : 'span', 'classes' : 'bold'},
|
||||||
|
italic : {inline : 'span', 'classes' : 'italic'},
|
||||||
|
underline : {inline : 'span', 'classes' : 'underline', exact : true},
|
||||||
|
strikethrough : {inline : 'del'}
|
||||||
|
},
|
||||||
|
|
||||||
|
// Replace values for the template plugin
|
||||||
|
template_replace_values : {
|
||||||
|
username : "Some User",
|
||||||
|
staffid : "991234"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<!-- /TinyMCE -->
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||||
|
<div>
|
||||||
|
<h3>Custom formats example</h3>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
This example shows you how to override the default formats for bold, italic, underline, strikethough and alignment to use classes instead of inline styles.
|
||||||
|
There are more examples on how to use TinyMCE in the <a href="http://tinymce.moxiecode.com/examples/">Wiki</a>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
|
||||||
|
<div>
|
||||||
|
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
|
||||||
|
<p>
|
||||||
|
This is some example text that you can edit inside the <strong>TinyMCE editor</strong>.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
|
||||||
|
</p>
|
||||||
|
</textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Some integration calls -->
|
||||||
|
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').show();">[Show]</a>
|
||||||
|
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').hide();">[Hide]</a>
|
||||||
|
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').execCommand('Bold');">[Bold]</a>
|
||||||
|
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').getContent());">[Get contents]</a>
|
||||||
|
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getContent());">[Get selected HTML]</a>
|
||||||
|
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getContent({format : 'text'}));">[Get selected text]</a>
|
||||||
|
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getNode().nodeName);">[Get selected element]</a>
|
||||||
|
<a href="javascript:;" onmousedown="tinyMCE.execCommand('mceInsertContent',false,'<b>Hello world!!</b>');">[Insert HTML]</a>
|
||||||
|
<a href="javascript:;" onmousedown="tinyMCE.execCommand('mceReplaceContent',false,'<b>{$selection}</b>');">[Replace selection]</a>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
<input type="submit" name="save" value="Submit" />
|
||||||
|
<input type="reset" name="reset" value="Reset" />
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,96 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<title>Full featured example</title>
|
||||||
|
|
||||||
|
<!-- TinyMCE -->
|
||||||
|
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
tinyMCE.init({
|
||||||
|
// General options
|
||||||
|
mode : "textareas",
|
||||||
|
theme : "advanced",
|
||||||
|
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
|
||||||
|
|
||||||
|
// Theme options
|
||||||
|
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
|
||||||
|
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
|
||||||
|
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
|
||||||
|
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
|
||||||
|
theme_advanced_toolbar_location : "top",
|
||||||
|
theme_advanced_toolbar_align : "left",
|
||||||
|
theme_advanced_statusbar_location : "bottom",
|
||||||
|
theme_advanced_resizing : true,
|
||||||
|
|
||||||
|
// Example content CSS (should be your site CSS)
|
||||||
|
content_css : "css/content.css",
|
||||||
|
|
||||||
|
// Drop lists for link/image/media/template dialogs
|
||||||
|
template_external_list_url : "lists/template_list.js",
|
||||||
|
external_link_list_url : "lists/link_list.js",
|
||||||
|
external_image_list_url : "lists/image_list.js",
|
||||||
|
media_external_list_url : "lists/media_list.js",
|
||||||
|
|
||||||
|
// Style formats
|
||||||
|
style_formats : [
|
||||||
|
{title : 'Bold text', inline : 'b'},
|
||||||
|
{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
|
||||||
|
{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
|
||||||
|
{title : 'Example 1', inline : 'span', classes : 'example1'},
|
||||||
|
{title : 'Example 2', inline : 'span', classes : 'example2'},
|
||||||
|
{title : 'Table styles'},
|
||||||
|
{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
|
||||||
|
],
|
||||||
|
|
||||||
|
// Replace values for the template plugin
|
||||||
|
template_replace_values : {
|
||||||
|
username : "Some User",
|
||||||
|
staffid : "991234"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<!-- /TinyMCE -->
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||||
|
<div>
|
||||||
|
<h3>Full featured example</h3>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
This page shows all available buttons and plugins that are included in the TinyMCE core package.
|
||||||
|
There are more examples on how to use TinyMCE in the <a href="http://tinymce.moxiecode.com/examples/">Wiki</a>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
|
||||||
|
<div>
|
||||||
|
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
|
||||||
|
<p>
|
||||||
|
This is some example text that you can edit inside the <strong>TinyMCE editor</strong>.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
|
||||||
|
</p>
|
||||||
|
</textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Some integration calls -->
|
||||||
|
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').show();">[Show]</a>
|
||||||
|
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').hide();">[Hide]</a>
|
||||||
|
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').execCommand('Bold');">[Bold]</a>
|
||||||
|
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').getContent());">[Get contents]</a>
|
||||||
|
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getContent());">[Get selected HTML]</a>
|
||||||
|
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getContent({format : 'text'}));">[Get selected text]</a>
|
||||||
|
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getNode().nodeName);">[Get selected element]</a>
|
||||||
|
<a href="javascript:;" onmousedown="tinyMCE.execCommand('mceInsertContent',false,'<b>Hello world!!</b>');">[Insert HTML]</a>
|
||||||
|
<a href="javascript:;" onmousedown="tinyMCE.execCommand('mceReplaceContent',false,'<b>{$selection}</b>');">[Replace selection]</a>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
<input type="submit" name="save" value="Submit" />
|
||||||
|
<input type="reset" name="reset" value="Reset" />
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>TinyMCE examples</title>
|
||||||
|
</head>
|
||||||
|
<frameset cols="180,80%">
|
||||||
|
<frame src="menu.html" name="menu" />
|
||||||
|
<frame src="full.html" name="main" />
|
||||||
|
</frameset>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system.
|
||||||
|
// There images will be displayed as a dropdown in all image dialogs if the "external_link_image_url"
|
||||||
|
// option is defined in TinyMCE init.
|
||||||
|
|
||||||
|
var tinyMCEImageList = new Array(
|
||||||
|
// Name, URL
|
||||||
|
["Logo 1", "media/logo.jpg"],
|
||||||
|
["Logo 2 Over", "media/logo_over.jpg"]
|
||||||
|
);
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system.
|
||||||
|
// There links will be displayed as a dropdown in all link dialogs if the "external_link_list_url"
|
||||||
|
// option is defined in TinyMCE init.
|
||||||
|
|
||||||
|
var tinyMCELinkList = new Array(
|
||||||
|
// Name, URL
|
||||||
|
["Moxiecode", "http://www.moxiecode.com"],
|
||||||
|
["Freshmeat", "http://www.freshmeat.com"],
|
||||||
|
["Sourceforge", "http://www.sourceforge.com"]
|
||||||
|
);
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system.
|
||||||
|
// There flash movies will be displayed as a dropdown in all media dialog if the "media_external_list_url"
|
||||||
|
// option is defined in TinyMCE init.
|
||||||
|
|
||||||
|
var tinyMCEMediaList = [
|
||||||
|
// Name, URL
|
||||||
|
["Some Flash", "media/sample.swf"],
|
||||||
|
["Some Quicktime", "media/sample.mov"],
|
||||||
|
["Some AVI", "media/sample.avi"]
|
||||||
|
];
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system.
|
||||||
|
// There templates will be displayed as a dropdown in all media dialog if the "template_external_list_url"
|
||||||
|
// option is defined in TinyMCE init.
|
||||||
|
|
||||||
|
var tinyMCETemplateList = [
|
||||||
|
// Name, URL, Description
|
||||||
|
["Simple snippet", "templates/snippet1.htm", "Simple HTML snippet."],
|
||||||
|
["Layout", "templates/layout1.htm", "HTML Layout."]
|
||||||
|
];
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1 @@
|
||||||
|
http://streaming.uga.edu/samples/ayp_lan.rm
|
||||||
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user