From 050dc3862dcd272e88bfb7844307c5f18b9c186e Mon Sep 17 00:00:00 2001
From: Gabriel Dunne <gdunne@quilime.com>
Date: Wed, 21 Dec 2011 07:33:59 -0800
Subject: [PATCH] working on tagging

---
 TODO       |  2 ++
 new.php    | 28 +++++++++++++++++-----------
 put.php    | 32 ++++++++++++++++----------------
 signup.php |  2 +-
 style.css  | 13 +++++++++++++
 5 files changed, 49 insertions(+), 28 deletions(-)

diff --git a/TODO b/TODO
index fa0a6fa..823a3a6 100644
--- a/TODO
+++ b/TODO
@@ -17,3 +17,5 @@ ref
 	http://code.google.com/p/mysqlicious/
 
 
+tag complete
+	http://jqueryui.com/demos/autocomplete/#multiple
diff --git a/new.php b/new.php
index 165980c..e3e5990 100644
--- a/new.php
+++ b/new.php
@@ -19,34 +19,40 @@ try {
 
             <p>
     		<label>title</label>
-    		<input type="text" name="title" value="<?=htmlentities($params['title'])?>">
+    		<input type="text" name="title" tabindex="1" value="<?=htmlentities($params['title'])?>">
             </p>
 
             <p>
     		<label>url</label>
-    		<input type="text" name="url" value="<?=$params['url']?>">    		
-            </p>
-    		
-            <p>
-    		<label>tags <span style="font-weight:normal">(space " " or comma "," delimited)</span></label>
-    		<input type="text" name="tags" value="">    		    		
+    		<input type="text" name="url" tabindex="2" value="<?=$params['url']?>">
             </p>
 
+    		<label>tags <a href="#" class="tag-help" onClick="$('#tag-help').toggle();return false;">how to tag &raquo;</a></label>
+            <ul id="tag-help" style="display:none">
+                <li><span class="bull">&bull;</span>tag characters: [a-z 0-9 + # - .]</li>
+                <li><span class="bull">&bull;</span>combine multiple words into single-words with dashes</li>
+                <li><span class="bull">&bull;</span>delimit tags by space, semicolon, or comma</li>
+            </ul>
+    		<input type="text" name="tags" tabindex="3" value="">
+
             <p>
             <label>description</label>
-            <input type="text" name="description" value="">                        
-            </p>            
+            <input type="text" name="description" tabindex="4" value="">
+            </p>
 
     		<br />
 
             <p>
-    		<input type="submit" value="save">
+    		<input type="submit" tabindex="5" value="save">
     		<a href="javascript:window.close();">cancel</a>
             </p>
 
     		<br />
     		<br />
 
+
+
+
     	</form>
 
     	<?php // include 'footer.html'; ?>
@@ -55,7 +61,7 @@ try {
     		window.onload = function() {
     			document.forms[0].tags.focus();
     		}
-	    </script>    	
+	    </script>
 
     	<?php
 
diff --git a/put.php b/put.php
index 942cd00..b4a1d11 100644
--- a/put.php
+++ b/put.php
@@ -26,28 +26,28 @@ try {
         #insert tags
         if (count($tags) > 0) {
             foreach($tags as $key => $tag) {
-                $q = $dbh->prepare("INSERT INTO `clmpr`.`tags` (`tag`, `count`) 
-                                    VALUES ( ?, 1 ) 
-                                    ON DUPLICATE KEY 
+                $q = $dbh->prepare("INSERT INTO `clmpr`.`tags` (`tag`, `count`)
+                                    VALUES ( ?, 1 )
+                                    ON DUPLICATE KEY
                                         UPDATE `count` = `count` + 1");
-                $q->execute( array( $tag ));
+                $q->execute(array($tag));
             }
         }
 
         # insert clump
-        $q = $dbh->prepare("INSERT INTO `clmpr`.`clumps` 
-                          ( `user_id`, 
-                            `title`, 
-                            `url`, 
-                            `tags`, 
-                            `description`, 
+        $q = $dbh->prepare("INSERT INTO `clmpr`.`clumps`
+                          ( `user_id`,
+                            `title`,
+                            `url`,
+                            `tags`,
+                            `description`,
                             `date` )
                         VALUES ( ?, ?, ?, ?, ?, NOW() ) ");
-        $insert = $q->execute( array( 
-                    $user['id'], 
-                    $params['title'], 
-                    $params['url'], 
-                    implode(" ", $tags), 
+        $insert = $q->execute( array(
+                    $user['id'],
+                    $params['title'],
+                    $params['url'],
+                    implode(" ", $tags),
                     htmlentities($params['description'])));
 
         echo "clumped.<br/><br/>";
@@ -55,7 +55,7 @@ try {
         echo '<script>window.close();</script>';
 
         $dbh = null;
-        $q = null;    
+        $q = null;
 
     } else {
         include 'signin.php';
diff --git a/signup.php b/signup.php
index 4702517..26370bd 100644
--- a/signup.php
+++ b/signup.php
@@ -50,4 +50,4 @@
         echo json_encode(array('success' => true, 'mssg' => $e->getMessage() ));
     }
 
-    exit;
\ No newline at end of file
+    exit;
diff --git a/style.css b/style.css
index 10f26c8..7f47499 100644
--- a/style.css
+++ b/style.css
@@ -24,6 +24,11 @@ hr {
     border-bottom:1px dotted #888;
 }
 
+.bull {
+    display:inline-block;
+    margin-right:0.6em;
+}
+
 
 .header, .header a {
      color: #888888;
@@ -126,6 +131,14 @@ ul.tags li:last-child:after {
     content:"";
 }
 
+.tag-help {
+    font-weight:normal;
+    font-size:12px;
+}
+#tag-help {
+    margin:0.1em 0 0.3em 0.5em;
+    font-size:12px;
+}
 
 #tags li {
     font-size:14px;
-- 
2.34.1