issue assignee ui

This commit is contained in:
FuXiaoHei 2014-05-08 21:01:47 +08:00
parent 495d939ca5
commit 11ca10ab2f
3 changed files with 54 additions and 3 deletions

View file

@ -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 {

View file

@ -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"));
}
});
}

View file

@ -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>