From 36b66dccb60a7d65724da542f9d7a2d6722fc6aa Mon Sep 17 00:00:00 2001
From: Mike Macgirvin <mike@macgirvin.com>
Date: Thu, 22 Jul 2010 22:41:45 -0700
Subject: [PATCH] ajaxify the wall poster

---
 images/pen.png      | Bin 0 -> 252 bytes
 images/penhover.png | Bin 0 -> 270 bytes
 mod/parse_url.php   |  32 ++++++++++++++++
 mod/wall_upload.php |  88 ++++++++++++++++++++++++++++++++++++++++++--
 view/jot-header.tpl |  20 ++++++++--
 view/jot.tpl        |   6 ++-
 view/style.css      |  11 +++++-
 view/wall_item.tpl  |   3 +-
 8 files changed, 148 insertions(+), 12 deletions(-)
 create mode 100644 images/pen.png
 create mode 100644 images/penhover.png
 create mode 100644 mod/parse_url.php

diff --git a/images/pen.png b/images/pen.png
new file mode 100644
index 0000000000000000000000000000000000000000..46b4049418dca0dc1aafab4384f66e16a9c0c310
GIT binary patch
literal 252
zcmeAS@N?(olHy`uVBq!ia0vp^LLkh-%)r2S`T62cKn_c~qpu?a!^VE@KZ&eBzCnOb
zh%1oZu=~oH%a3;+zBy&_k<h%g36+~R?!Wc_|9^|nxncQhmv6at{ob3ufB&`2IJ$P%
zjnD2+{{ZzcmIV0)GdMiEkp|)<dAqwXbg;^L06Clm9+AZi4BWyX%*Zfnjs#GUy~NYk
zmHiewKO2vU%)WU`fI_C8E{-7_*OL=~Akl%<qlTT0FGQ1FqLJ6ZWLLx09S3IeXz?6j
o5}$EW&p>QWV&eqi11sejj!k4O-J>NT0yKcZ)78&qol`;+06D!>B>(^b

literal 0
HcmV?d00001

diff --git a/images/penhover.png b/images/penhover.png
new file mode 100644
index 0000000000000000000000000000000000000000..be48d77b41c0f94fd4aa9c3b8bdfacdb8facc533
GIT binary patch
literal 270
zcmeAS@N?(olHy`uVBq!ia0vp^LLkh-%)r2S`T62cKn_c~qpu?a!^VE@KZ&eBzCnOb
zh%1oZu=~oH%a3;+zBy&_k<h%g36+~R?!Wc_|9^|nxncQhmv6at{ob3ufB&`2IJ$P%
zjnD2+{{ZzcCV9KNFm$lWdH^|`1s;*b3=G`DAk4@xYmNj^kiEpy*OmPiJ3kw*(#Jxn
zEkL0VPZ!4!j_a|fH}W1(;9+rCKa+P8lk^SQrS_pw+j{=8xiVaP-Qeyf{=R9(EyeS~
z7TXv;T++SNd+f~j`cy6JSz%`RIe)#@1z*&EDKs(5#q0LZ@3SiG^m~#It<#%+3TQrq
Mr>mdKI;Vst0J*GY{{R30

literal 0
HcmV?d00001

diff --git a/mod/parse_url.php b/mod/parse_url.php
new file mode 100644
index 000000000..33381a0d2
--- /dev/null
+++ b/mod/parse_url.php
@@ -0,0 +1,32 @@
+<?php
+
+require_once('library/HTML5/Parser.php');
+
+function parse_url_content(&$a) {
+	$url = trim($_GET['url']);
+
+	$template = "<a href=\"%s\" >%s</a>";
+
+	if($url) 
+		$s = fetch_url($url);
+	
+	if(! $s) {
+		echo sprintf($template,$url,$url);
+		killme();
+	}
+
+	$dom = HTML5_Parser::parse($s);
+
+	if(! $dom)
+		return $ret;
+
+	$items = $dom->getElementsByTagName('title');
+	
+	foreach($items as $item) {
+		$title = $item->textContent;
+		break;
+	}
+
+	echo sprintf($template,$url,$title);
+	killme();
+}
\ No newline at end of file
diff --git a/mod/wall_upload.php b/mod/wall_upload.php
index 769e5dcbc..d74eae302 100644
--- a/mod/wall_upload.php
+++ b/mod/wall_upload.php
@@ -1,16 +1,98 @@
 <?php
 
+require_once('Photo.php');
 
 function wall_upload_post(&$a) {
 
+        if(! local_user()) {
+                notice ( "Permission denied." . EOL );
+                return;
+        }
 
- $src      = $_FILES['userfile']['tmp_name'];
+	$src      = $_FILES['userfile']['tmp_name'];
+	$filename = basename($_FILES['userfile']['name']);
+	$filesize = intval($_FILES['userfile']['size']);
 
+	$imagedata = @file_get_contents($src);
+	$ph = new Photo($imagedata);
 
-unlink($src);
+	if(! ($image = $ph->getImage())) {
+		notice("Unable to process image." . EOL);
+		@unlink($src);
+		return;
+	}
 
+	@unlink($src);
 
-	echo "<img src=\"".$a->get_baseurl(). "/images/default-profile.jpg\" alt=\"default\" />";
+	$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)
+		notice("Image uploaded successfully." . EOL);
+	else
+		notice("Image upload failed." . EOL);
+
+	if($width > 640 || $height > 640) {
+		$ph->scaleImage(640);
+
+		$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($ph->getHeight()),
+			intval($ph->getWidth()),
+			dbesc($ph->imageString())
+		);
+		if($r === false)
+			notice("Image size reduction (640) failed." . EOL );
+		else
+			$smallest = 1;
+	}
+
+	if($width > 320 || $height > 320) {
+		$ph->scaleImage(320);
+
+		$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`, 
+			`height`, `width`, `data`, `scale` )
+			VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 2 )",
+			intval($_SESSION['uid']),
+			dbesc($hash),
+			datetime_convert(),
+			datetime_convert(),
+			dbesc(basename($filename)),
+			intval($ph->getHeight()),
+			intval($ph->getWidth()),
+			dbesc($ph->imageString())
+		);
+		if($r === false)
+			notice("Image size reduction (320) failed." . EOL );
+		else
+			$smallest = 2;
+	}
+
+	$basename = basename($filename);
+
+	echo "<img src=\"".$a->get_baseurl(). "/photo/{$hash}-{$smallest}.jpg\" alt=\"$basename\" />";
 	killme();
 
 }
\ No newline at end of file
diff --git a/view/jot-header.tpl b/view/jot-header.tpl
index 97e30cdae..3f8fe5302 100644
--- a/view/jot-header.tpl
+++ b/view/jot-header.tpl
@@ -27,16 +27,28 @@ tinyMCE.init({
 		var uploader = new window.AjaxUpload(
 			'wall-image-upload',
 			{ action: 'wall_upload',
-			name: 'userfile',
-			onComplete: function(file,response) {
-				tinyMCE.execCommand('mceInsertRawHTML',false,response);
-			}				 
+				name: 'userfile',
+				onSubmit: function(file,ext) { $('#profile-rotator').show(); },
+				onComplete: function(file,response) {
+					tinyMCE.execCommand('mceInsertRawHTML',false,response);
+					$('#profile-rotator').hide();
+				}				 
 			}
 		);
 
 	});
 
 
+	function jotGetLink() {
+		reply = prompt("Please enter a link URL:");
+		$('#profile-rotator').show();
+		$.get('parse_url?url=' + reply, function(data) {
+			tinyMCE.execCommand('mceInsertRawHTML',false,data);
+			$('#profile-rotator').hide();
+		});
+	}
+
+
 </script>
 
 <!--
diff --git a/view/jot.tpl b/view/jot.tpl
index 695ac19e0..24b6babcb 100644
--- a/view/jot.tpl
+++ b/view/jot.tpl
@@ -17,9 +17,11 @@ What's on your mind?
 		<div id="wall-image-upload-div" ><img id="wall-image-upload" src="images/camera-icon.gif" alt="Upload Photo" title="Upload Photo" /></div>
 	</div> 
 	<div id="profile-link-wrapper" style="display: $visitor;" >
-		<img id="profile-link" src="images/link-icon.gif" alt="Insert web link" title="Insert web link" />
+		<img id="profile-link" src="images/link-icon.gif" alt="Insert web link" title="Insert web link" onclick="jotGetLink();" />
+	</div> 
+	<div id="profile-rotator-wrapper" style="display: $visitor;" >
+		<img id="profile-rotator" src="images/rotator.gif" alt="Please wait" title="Please wait" style="display: none;" />
 	</div> 
-
 	<div id="profile-jot-perms" class="profile-jot-perms" style="display: $visitor;" ><img src="images/$lockstate_icon.gif" alt="Permission Settings" title="Permission Settings" onClick="openClose('profile-jot-acl-wrapper');" /></div>
 	<div id="profile-jot-perms-end"></div>
 	<div id="profile-jot-acl-wrapper" style="display: none;" >$acl</div>
diff --git a/view/style.css b/view/style.css
index faf1a091c..2fd5db1fb 100644
--- a/view/style.css
+++ b/view/style.css
@@ -493,6 +493,11 @@ input#dfrn-url {
 .wall-item-photo {
 	border: none;
 }
+.wall-item-body {
+	float: left;
+	margin-top: 30px;
+	margin-left: 10px;
+}
 
 .comment-edit-wrapper {
 	margin-top: 15px;
@@ -517,6 +522,10 @@ input#dfrn-url {
 	margin-left: 50px;
 }
 
+#profile-rotator {
+	float: left;
+	margin-left: 50px;
+}
 #profile-link-wrapper {
 	float: left;
 	margin-left: 20px;
@@ -524,7 +533,7 @@ input#dfrn-url {
 
 #profile-jot-perms {
 	float: left;
-	margin-left: 280px;
+	margin-left: 250px;
 }
 
 #profile-jot-perms-end {
diff --git a/view/wall_item.tpl b/view/wall_item.tpl
index 3babc8ead..56e182761 100644
--- a/view/wall_item.tpl
+++ b/view/wall_item.tpl
@@ -5,10 +5,9 @@
 </div>
 <div class="wall-item-wrapper" id="wall-item-wrapper-$id" >
 <a href="$profile_url" title="View $name's profile" class="wall-item-name-link"><span class="wall-item-name" id="wall-item-name-$id" >$name</span></a>
-<span class="wall-item-body" id="wall-item-body-$id" >$body</span>
 <div class="wall-item-ago"  id="wall-item-ago-$id">$ago</div>
-
 </div>
+<span class="wall-item-body" id="wall-item-body-$id" >$body</span>
 <div class="wall-item-wrapper-end"></div>
 <div class="wall-item-comment-separator"></div>
 $comment