assignee ui in issue view

This commit is contained in:
FuXiaoHei 2014-05-09 20:44:08 +08:00
parent 4ef9494637
commit 045c21de4f
3 changed files with 50 additions and 2 deletions

View file

@ -1447,6 +1447,15 @@ html, body {
min-width: 300px; min-width: 300px;
} }
#issue .issue-bar .assignee, #issue .issue-bar .assignee ul {
min-width: 160px;
}
#issue .issue-bar .assignee .dropdown-menu{
padding: 0;
margin: 0;
}
#issue .assignee li { #issue .assignee li {
padding: 4px 12px; padding: 4px 12px;
line-height: 30px; line-height: 30px;
@ -1473,6 +1482,11 @@ html, body {
line-height: 30px; line-height: 30px;
} }
#issue .issue-bar .assignee .action{
position: relative;
margin-top: -8px;
}
/* wrapper and footer */ /* wrapper and footer */
#wrapper { #wrapper {

View file

@ -535,8 +535,27 @@ function initIssue() {
}()); }());
// assignee // assignee
var is_issue_bar = $('.issue-bar').length > 0;
var $a = $('.assignee');
if($a.data("assigned") > 0){
$('.clear-assignee').toggleShow();
}
$('.assignee', '#issue').on('click', 'li', function () { $('.assignee', '#issue').on('click', 'li', function () {
var uid = $(this).data("uid"); var uid = $(this).data("uid");
if(is_issue_bar){
var assignee = $a.data("assigned");
if(uid != assignee){
$.post($a.data("ajax"), {
issue: $('#issue').data("id"),
assign: assignee
}, function (json) {
if (json.ok) {
window.location.reload();
}
})
}
return;
}
$('#assignee').val(uid); $('#assignee').val(uid);
if (uid > 0) { if (uid > 0) {
$('.clear-assignee').toggleShow(); $('.clear-assignee').toggleShow();

View file

@ -3,7 +3,7 @@
{{template "repo/nav" .}} {{template "repo/nav" .}}
{{template "repo/toolbar" .}} {{template "repo/toolbar" .}}
<div id="body" class="container"> <div id="body" class="container">
<div id="issue"> <div id="issue" data-id="{{.Issue.Id}}">
<div id="issue-{{.Issue.Id}}" class="issue-whole issue-is-opening"> <div id="issue-{{.Issue.Id}}" class="issue-whole issue-is-opening">
<div class="issue-wrap col-md-10"> <div class="issue-wrap col-md-10">
<div class="issue-head clearfix"> <div class="issue-head clearfix">
@ -100,7 +100,22 @@
</div> </div>
<div class="issue-bar col-md-2"> <div class="issue-bar col-md-2">
<div class="assignee"> <div class="assignee" data-assigned="{{if .Issue.Assignee}}{{.Issue.Assignee.Id}}{{else}}0{{end}}" data-ajax="{url}">{{if .IsRepositoryOwner}}
<div class="pull-right action">
<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 dropdown-menu-right">
<ul class="list-unstyled">
<li data-uid="0" class="clear-assignee hidden"><i class="fa fa-times-circle-o"></i> Clear assignee</li>
{{range .Collaborators}}
<li data-uid="{{.Id}}"><img src="{{.AvatarLink}}"><strong>{{.Name}}</strong> {{.FullName}}</li>
{{end}}
<li data-uid="1"><img src="//1.gravatar.com/avatar/f72f7454ce9d710baa506394f68f4132"><strong>fuxiaohei</strong></li>
</ul>
</div>
</div>{{end}}
<h4>Assignee</h4> <h4>Assignee</h4>
<p>{{if .Issue.Assignee}}<img src="{{.Issue.Assignee.AvatarLink}}"><strong>{{.Issue.Assignee.Name}}</strong>{{else}}No one assigned{{end}}</p> <p>{{if .Issue.Assignee}}<img src="{{.Issue.Assignee.AvatarLink}}"><strong>{{.Issue.Assignee.Name}}</strong>{{else}}No one assigned{{end}}</p>
</div> </div>