social tag - add UI

view/jot-header.tpl

@@ -214,6 +214,19 @@ function initEditor(cb){
 		}
 	}
 
+	function itemTag(id) {
+		$('#like-rotator-' + id).show();
+		reply = prompt("$term");
+		if(reply && reply.length) {
+			reply.replace('#','');
+			if(reply.length) {
+				$.get('tagger/' + id + '?term=' + reply, function(data) {
+					$('#like-rotator-' + id).hide();
+				});
+			}
+		}
+	}
+
 	function jotClearLocation() {
 		$('#jot-coord').val('');
 		$('#profile-nolocation-wrapper').hide();

view/theme/duepuntozero/style.css

@@ -958,6 +958,11 @@ input#dfrn-url {
 	margin-left: 10px;
 	float: left;	
 }
+.tag-item {
+	margin-left: 10px;
+	float: left;	
+}
+
 
 .wall-item-links-wrapper {
 	float: left;

view/theme/duepuntozero/wall_item.tpl

@@ -49,6 +49,7 @@
 			 
 			{{ if $star }}
 			<a href="#" id="starred-$id" onclick="dostar($id); return false;" class="star-item icon $isstarred" title="$star.toggle"></a>
+			<a href="#" id="tagger-$id" onclick="itemTag($id); return false;" class="tag-item icon tagged" title="$star.tagger"></a>
 			{{ endif }}
 			
 			<div class="wall-item-delete-wrapper" id="wall-item-delete-wrapper-$id" >

view/wall_item.tpl

@@ -40,6 +40,7 @@
 			{{ if $star }}
 				<a href="#" id="star-$id" onclick="dostar($id); return false;"  class="$star.classdo"  title="$star.do">$star.do</a>
 				<a href="#" id="unstar-$id" onclick="dostar($id); return false;"  class="$star.classundo"  title="$star.undo">$star.undo</a>
+				<a href="#" id="tagger-$id" onclick="itemTag($id); return false;" class="$star.classtagger" title="$star.tagger">$star.tagger</a>
 			{{ endif }}
 			
 			{{ if $vote }}