The tags interface is a lot prettier now.

scrumdo-web/apps/projects/story_views.py

@@ -224,10 +224,12 @@ def story(request, group_slug, story_id):
         read_access_or_403(project,request.user)
         form = StoryForm(project, instance=story )
 
+    tags = project.tags.all().order_by("name")
     return   render_to_response("stories/story.html", {
         "story": story,
         "form": form,
         "project": project,
+        "tags": tags,
         "return_type": return_type
       }, context_instance=RequestContext(request))
 

scrumdo-web/media/css/tagit.css

@@ -1,28 +1,16 @@
 /* @override http://localhost:8000/site_media/static/css/tagit.css */
-
 .ui-autocomplete {
-	background-color: #eee;
-	position: absolute;
-	cursor: default;
-}
-.ui-autocomplete .ui-menu-item {
-}
-.ui-autocomplete  .ui-menu-item a {
-	display:block;
-	padding:4px 6px;
-	text-decoration:none;
-	line-height:12px;
-}
-.ui-autocomplete .ui-menu-item a.ui-state-hover,
-.ui-autocomplete .ui-menu-item a.ui-state-active {
-	background-color:#78959D;
-	color:#fff;
-	margin:0;
-}
-.ui-autocomplete-loading {
-	background: white url(images/ui-anim_basic_16x16.gif) right center no-repeat;
+		max-height: 200px;
+		overflow-y: auto;
+		/* prevent horizontal scrollbar */
+		overflow-x: hidden;
+		/* add padding to account for vertical scrollbar */
+		padding-right: 20px;
 }
 
+li.ui-menu-item {
+	font-size: 10px;
+}
 ul.tagit {
 	padding:1px 5px;
 	border-style:solid;

scrumdo-web/media/js/scrumdo.js

@@ -1,4 +1,7 @@
 
+scrumdo_special_tags = [ {label:"Bug", desc:"Represents a bug report.", value:"Bug"}                         
+                        ];
+
 function setupAutoClose( divID )
 {  
   setTimeout( "$('body').one('click',function() { $(\"" + divID + "\").fadeOut(100); });" , 100);

scrumdo-web/media/js/tag-it.js

@@ -62,18 +62,36 @@
 		});
 
          tag_input.autocomplete({
+         minLength: 0,
          source: options.availableTags, 
          select: function(event,ui){
              if (is_new (ui.item.value)) {
                  create_choice (ui.item.value);
              }
              // Cleaning the input.
-             tag_input.val("");
-
+             tag_input.val("");        
              // Preventing the tag input to be update with the chosen value.
              return false;
          }
-        });
+        }).data( "autocomplete" )._renderItem = function( ul, item ) {
+            if( item.desc )
+            {
+         			return $( "<li></li>" )
+         				.data( "item.autocomplete", item )
+         				.append( "<a><b>" + item.label + "</b><br><i>" + item.desc + "</i></a>" )
+         				.appendTo( ul );
+         	}
+         	else
+         	{
+     			return $( "<li></li>" )
+     				.data( "item.autocomplete", item )
+     				.append( "<a><b>" + item.label + "</b></a>" )
+     				.appendTo( ul );         	    
+         	}
+        };
+
+        $(tag_input).focus( function() { tag_input.autocomplete( "search", "" ); });
+
 
         function serializeTags()
         {

scrumdo-web/templates/base.html

@@ -10,7 +10,7 @@
         <link rel="stylesheet" href="{{ STATIC_URL }}css/layout.css" />
         <link rel="stylesheet" href="{{ STATIC_URL }}css/tipTip.css" />
         <link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.confirm.css" />
-        <link rel="stylesheet" href="{{ STATIC_URL }}css/redmond/jquery-ui-1.8.6.custom.css" />
+        <link rel="stylesheet" href="{{STATIC_URL}}css/smoothness/jquery-ui-1.8.12.custom.css" />
 
 
 

scrumdo-web/templates/stories/story.html

@@ -74,9 +74,17 @@ <h2>Comments {% silk "comments" %}</h2>
 </div>
 
 <script type="text/javascript" charset="utf-8">
+      var project_tags = [
+        {% for tag in tags %}
+        {label:"{{tag.name}}",value:"{{tag.name}}"},        
+        {% endfor %}
+        {label:"", value:""}
+      ];
+
+      var all_tags = scrumdo_special_tags.concat( project_tags );
 
       $("#story_details #id_tags2").tagit({
-          availableTags:["one","two"], 
+          availableTags:all_tags, 
           input_field:"#facebox #story_details #id_tags"
           });
 

scrumdo-web/templates/unauthenticated_homepage.html

@@ -11,7 +11,7 @@
 
 
 
-        <link rel="stylesheet" href="{{STATIC_URL}}css/redmond/jquery-ui-1.8.6.custom.css" />
+        <link rel="stylesheet" href="{{STATIC_URL}}css/smoothness/jquery-ui-1.8.12.custom.css" />
 
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script>