From 4b9563abd45dafced0521deedb53ea2f872f5639 Mon Sep 17 00:00:00 2001
From: Tom Willemse
Date: Wed, 24 Jul 2013 20:42:13 +0200
Subject: Show assigned gravatar in story and task lists

---
 static/js/main.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

(limited to 'static/js/main.js')

diff --git a/static/js/main.js b/static/js/main.js
index 444f06a..68ea997 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -24,6 +24,25 @@ var StateIcon = React.createClass({
     }
 });
 
+var AssigneeIcon = React.createClass({
+    render: function() {
+        var icon;
+
+        if (this.props.assignee)
+            icon = <img src={"https://secure.gravatar.com/avatar/" +
+                             this.props.md5 + '?s=24'}
+                        title={this.props.assignee}
+                        alt={this.props.assignee} />;
+        else
+            icon = (<span title="Unknown" class="icon-stack">
+                      <i class="icon-sign-blank icon-stack-base"></i>
+                      <i class="icon-question icon-light"></i>
+                    </span>);
+
+        return icon;
+    }
+});
+
 var StoryTaskRow = React.createClass({
     changeState: React.autoBind(function(event) {
         $.post("/tasks/state", {'id': this.props.task.id})
@@ -58,6 +77,10 @@ var StoryTaskRow = React.createClass({
                 <i class="icon-arrow-down clickable"
                    onClick={this.moveDown}></i>
               </td>
+              <td class="span1">
+                <AssigneeIcon assignee={this.props.task.assignee}
+                              md5={this.props.task.md5} />
+              </td>
               <td class="span2">
                 <span onClick={this.changeState} class="clickable">
                   <StateIcon state={this.state.state} /> {" "}
@@ -182,6 +205,10 @@ var StoryRow = React.createClass({
                 <i class="icon-arrow-down clickable"
                    onClick={this.moveDown}></i>
               </td>
+              <td class="span1">
+                <AssigneeIcon assignee={this.props.story.assignee}
+                              md5={this.props.story.md5} />
+              </td>
               <td class="span2">
                 <span onClick={this.changeState} class="clickable">
                   <StateIcon state={this.state.state} /> {" "}
-- 
cgit v1.2.3-54-g00ecf