issue assignee ui

public/css/gogs.css

@@ -1441,6 +1441,28 @@ html, body {
     margin-left: .8em;
 }
 
+#issue .assignee,#issue .assignee ul{
+    padding: 0;
+    margin: 0;
+    min-width: 300px;
+}
+
+#issue .assignee li{
+    padding: 4px 12px;
+    line-height: 30px;
+}
+
+#issue .assignee li:hover{
+    background-color: #e8f0ff;
+    cursor: pointer;
+}
+
+#issue .assignee li img{
+    width: 28px;
+    height: 28px;
+    margin-right: 12px;
+}
+
 /* wrapper and footer */
 
 #wrapper {

public/js/app.js

@@ -532,7 +532,20 @@ function initIssue() {
         $('.issue-write a[data-toggle]').on("click", function () {
             $('.issue-preview-content').html("loading...");
         });
-    }())
+    }());
+
+    // assignee
+    $('.assignee', '#issue').on('click', 'li', function () {
+        var uid = $(this).data("uid");
+        $('#assignee').val(uid);
+        if (uid > 0) {
+            $('.clear-assignee').toggleShow();
+            $('#assigned').text($(this).find("strong").text())
+        } else {
+            $('.clear-assignee').toggleHide();
+            $('#assigned').text($('#assigned').data("no-assigned"));
+        }
+    });
 
 }
 

templates/issue/create.tmpl

@@ -14,6 +14,22 @@
                 <div class="form-group panel-body">
                     <input class="form-control input-lg" type="text" name="title" required="required" placeholder="Title" value="{{.title}}" />
                 </div>
+                <div class="form-group panel-body">
+                    <span><strong id="assigned" data-no-assigned="No one">No one</strong> will be assigned</span>
+                    <input type="hidden" name="assigned" value="0" id="assignee"/>&nbsp;&nbsp;
+                    <div style="display: inline-block;position: relative">
+                        <button type="button" class="dropdown-toggle btn btn-default btn-sm" data-toggle="dropdown">
+                            <i class="fa fa-group"></i>
+                            <span class="caret"></span>
+                        </button>
+                        <div class="dropdown-menu assignee">
+                            <ul class="list-unstyled">
+                                <li data-uid="0" class="clear-assignee hidden"><i class="fa fa-times-circle-o"></i> Clear assignee</li>
+                                <li data-uid="123"><img src="//1.gravatar.com/avatar/f72f7454ce9d710baa506394f68f4132"><strong>fuxiaohei</strong> nickname</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
                 <div class="form-group panel-body">
                     <div class="md-help pull-right"><!-- todo help link -->
                         Content with <a href="https://help.github.com/articles/markdown-basics">Markdown</a>