From d8eb1a6b20e5418114189c37553ffb72125d7eab Mon Sep 17 00:00:00 2001
From: Shish <shish@shishnet.org>
Date: Mon, 26 Apr 2010 06:00:41 +0100
Subject: [PATCH] a bunch of autocompletion

---
 ext/index/theme.php    | 11 ++++++++++-
 ext/tag_edit/theme.php | 23 ++++++++++++++++++++++-
 ext/upload/theme.php   | 29 ++++++++++++++++++++++++++---
 3 files changed, 58 insertions(+), 5 deletions(-)

diff --git a/ext/index/theme.php b/ext/index/theme.php
index e2efd36d..a303af08 100644
--- a/ext/index/theme.php
+++ b/ext/index/theme.php
@@ -81,7 +81,16 @@ EOD;
 		$h_search = "
 			<script><!--
 			$(document).ready(function() {
-				$(\"#search_input\").DefaultValue(\"Search\");
+				$('#search_input').DefaultValue('Search');
+				$('#search_input').autocomplete('".make_link("api/internal/tag_list/complete")."', {
+					width: 320,
+					max: 15,
+					highlight: false,
+					multiple: true,
+					multipleSeparator: ' ',
+					scroll: true,
+					scrollHeight: 300
+				});
 			});
 			//--></script>
 			<p><form action='$h_search_link' method='GET'>
diff --git a/ext/tag_edit/theme.php b/ext/tag_edit/theme.php
index 3023d388..a25a7304 100644
--- a/ext/tag_edit/theme.php
+++ b/ext/tag_edit/theme.php
@@ -19,8 +19,29 @@ class TagEditTheme extends Themelet {
 	}
 
 	public function get_tag_editor_html(Image $image) {
+		$script = "
+			<script type='text/javascript'>
+			$().ready(function() {
+				$('#tag_editor').autocomplete('".make_link("api/internal/tag_list/complete")."', {
+					width: 320,
+					max: 15,
+					highlight: false,
+					multiple: true,
+					multipleSeparator: ' ',
+					scroll: true,
+					scrollHeight: 300
+				});
+			});
+			</script>
+		";
 		$h_tags = html_escape($image->get_tag_list());
-		return "<tr><td width='50px'>Tags</td><td width='300px'><input type='text' name='tag_edit__tags' value='$h_tags'></td></tr>";
+		return "
+			<tr>
+				<td width='50px'>Tags</td>
+				<td width='300px'><input type='text' name='tag_edit__tags' value='$h_tags' id='tag_editor'></td>
+			</tr>
+			$script
+		";
 	}
 
 	public function get_source_editor_html(Image $image) {
diff --git a/ext/upload/theme.php b/ext/upload/theme.php
index 7074b8b2..50036c6c 100644
--- a/ext/upload/theme.php
+++ b/ext/upload/theme.php
@@ -35,15 +35,29 @@ class UploadTheme extends Themelet {
 		$max_size = $config->get_int('upload_size');
 		$max_kb = to_shorthand_int($max_size);
 		$html = "
+			<script>
+			$(document).ready(function() {
+				$('#tag_box').DefaultValue('tagme');
+				$('#tag_box').autocomplete('".make_link("api/internal/tag_list/complete")."', {
+					width: 320,
+					max: 15,
+					highlight: false,
+					multiple: true,
+					multipleSeparator: ' ',
+					scroll: true,
+					scrollHeight: 300
+				});
+			});
+			</script>
 			<form enctype='multipart/form-data' action='".make_link("upload")."' method='POST'>
 				<table id='large_upload_form'>
 					$upload_list
-					<tr><td>Tags</td><td colspan='3'><input id='tagBox' name='tags' type='text' value='tagme' autocomplete='off'></td></tr>
+					<tr><td>Tags</td><td colspan='3'><input id='tag_box' name='tags' type='text'></td></tr>
 					<tr><td>Source</td><td colspan='3'><input name='source' type='text'></td></tr>
 					<tr><td colspan='4'><input id='uploadbutton' type='submit' value='Post'></td></tr>
 				</table>
 			</form>
-			<div id='upload_completions' style='clear: both;'><small>(Max file size is $max_kb)</small></div>
+			<small>(Max file size is $max_kb)</small>
 		";
 
 		if($tl_enabled) {
@@ -93,7 +107,16 @@ class UploadTheme extends Themelet {
 		return "
 			<script>
 			$(document).ready(function() {
-				$(\"#tag_input\").DefaultValue(\"tagme\");
+				$('#tag_input').DefaultValue('tagme');
+				$('#tag_input').autocomplete('".make_link("api/internal/tag_list/complete")."', {
+					width: 320,
+					max: 15,
+					highlight: false,
+					multiple: true,
+					multipleSeparator: ' ',
+					scroll: true,
+					scrollHeight: 300
+				});
 			});
 			</script>
 			<form enctype='multipart/form-data' action='".make_link("upload")."' method='POST'>