this is a very simple ticket finder, an input field for ticket

and a image button with jQuery to redirect to ticket view page.

wp-trac-client/css/trac_ticket.css

@@ -393,3 +393,22 @@ h1 span, h2 span { color: gray; font-size: 90%;}
 .ui-autocomplete-loading {
   background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
 }
+
+/* for ticket finder */
+#findTicket {
+    height: 28px;
+    padding: 10px 2px 2px 5px;
+}
+#ticketnumber {
+  border: 1px solid #DADBD5;
+  height: 17px;
+  width: 49px;
+  display: inline-block;
+}
+#ticketGo{
+  float: left;
+  margin: 0;
+  padding: 0 0 0 6px;
+  position: relative;
+  display: inline-block;
+}

wp-trac-client/templates/page-ticket-details.php

@@ -45,6 +45,10 @@
       <h2 class='widgettitle'>Sprint Navigation</h2>
       <?php echo wptc_widget_version_nav($ticket['project'])?>
       </div>
+      <div id='ticket-finder' class="widget">
+        <h2 class='widgettitle'>Ticket Finder</h2>
+        <?php echo wptc_widget_ticket_finder('trac/ticket')?>
+      </div>
     </div>
   </div>
 

wp-trac-client/templates/page-tickets.php

@@ -35,7 +35,7 @@
       </div>
       <div id='ticket-finder' class="widget">
         <h2 class='widgettitle'>Ticket Finder</h2>
-        <p>Place Holder for Find Ticket Function</p> 
+        <?php echo wptc_widget_ticket_finder('trac/ticket')?>
       </div>
     </div>
   </div> <?php // END left_column ?>

wp-trac-client/widgets.php

@@ -206,6 +206,48 @@ function wptc_widget_version_nav($project) {
     return apply_filters('wptc_widget_version_nav', $ret);
 }
 
+/**
+ * the ticket finder widget.
+ * this is more like a sample.
+ */
+function wptc_widget_ticket_finder($page_slug=null) {
+
+    global $post, $current_blog;
+    $blog_path = $current_blog->path;
+    $goImageUrl = plugins_url('wp-trac-client/images/ticketGo.gif');
+    if($page_slug == null) {
+        // using the current page to display the ticket.
+        $page_slug = $post->post_name;
+    }
+
+    $form = <<<EOT
+<div id="findTicket">
+  <div style="float: left;">
+  <label for="ticketnumber"><b>Find Ticket by ID: </b></label>
+  <input id="ticketnumber" type="text" 
+    maxlength="10" size="8" name="ticket_id">
+  </div>
+  <input id="ticketGo" type="image" alt="Go to Ticket" 
+    name="ticketGo" src="{$goImageUrl}" 
+    title="Go to Ticket">
+
+  <script>
+    jQuery("#ticketGo").click(function(){
+        var ticket_id = jQuery("#ticketnumber").val();
+        if((ticket_id != "") && jQuery.isNumeric(ticket_id)) {
+            // only handle number 
+            // redirect to ticket details page.
+            ticket_url = "{$blog_path}{$page_slug}?id=" + ticket_id;
+            window.location = ticket_url;
+        }
+    })
+  </script>
+</div>
+EOT;
+
+    return apply_filters('wptc_widget_ticket_finder', $form);
+}
+
 /**
  * preparing the user href by using wordpress user information.
  */