playground
/
gogs
mirror of https://github.com/gogits/gogs.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

add milestone issue view ui

pull/201/head
FuXiaoHei 11 years ago
parent
9100786beb
commit
4a4392192b
3 changed files with 119 additions and 8 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 43
      public/css/gogs.css
  2. 36
      public/js/app.js
  3. 48
      templates/issue/view.tmpl

43
public/css/gogs.css
Unescape View File

@ -1441,7 +1441,7 @@ html, body {
margin-left: .8em;
}
#issue .assignee.dropdown-menu, #issue .assignee ul {
#issue .assignee.dropdown-menu, #issue .assignee ul, #issue .milestone ul {
padding: 0;
margin: 0;
min-width: 300px;
@ -1451,17 +1451,33 @@ html, body {
min-width: 160px;
}
#issue .issue-bar .assignee .dropdown-menu{
#issue .issue-bar .assignee .dropdown-menu, #issue .issue-bar .milestone .dropdown-menu {
padding: 0;
margin: 0;
}
#issue .assignee li {
#issue .assignee li, #issue .milestone li.clear-milestone {
padding: 4px 12px;
line-height: 30px;
}
#issue .assignee li:hover {
#issue .milestone .milestone-item {
padding: 8px 12px;
}
#issue .milestone li.milestone-item {
border-bottom: 1px solid #CCC;
}
#issue .milestone li.milestone-item:last-child {
border-bottom: none;
}
#issue .milestone .milestone-item p {
margin-bottom: 0;
}
#issue .assignee li:hover, #issue .milestone li.clear-milestone:hover, #issue .milestone li.milestone-item:hover {
background-color: #e8f0ff;
cursor: pointer;
}
@ -1474,7 +1490,7 @@ html, body {
#issue .issue-bar > div {
padding-bottom: 8px;
margin-bottom: 8px;
margin-bottom: 40px;
border-bottom: 1px solid #CCC;
}
@ -1482,11 +1498,26 @@ html, body {
line-height: 30px;
}
#issue .issue-bar .assignee .action{
#issue .issue-bar .assignee .action, #issue .issue-bar .milestone .action {
position: relative;
margin-top: -8px;
}
#issue .issue-bar .milestone .completion {
margin-top: 20px;
margin-bottom: 12px;
}
#issue .issue-bar .milestone .completion span {
display: block;
height: 12px;
background-color: #77c64a;
}
#issue .issue-bar .milestone .nav-tabs a {
padding: 4px 8px;
}
/* wrapper and footer */
#wrapper {

36
public/js/app.js
Unescape View File

@ -528,7 +528,7 @@ function initIssue() {
var $this = $(this);
$this.toggleAjax(function (resp) {
$($this.data("preview")).html(resp);
},function(){
}, function () {
$($this.data("preview")).html("no content");
})
});
@ -569,6 +569,40 @@ function initIssue() {
}
});
// milestone
$('.issue-bar .dropdown-menu a[data-toggle="tab"]').on("click", function (e) {
e.stopPropagation();
$(this).tab('show');
return false;
});
var $m = $('.milestone');
if ($m.data("milestone") > 0) {
$('.clear-milestone').toggleShow();
}
$('.milestone', '#issue').on('click', 'li.milestone-item', function () {
var id = $(this).data("id");
if (is_issue_bar) {
var m = $m.data("milestone");
if (id != m) {
$.post($m.data("ajax"), {
issue: $('#issue').data("id"),
milestone: id
}, function (json) {
if (json.ok) {
window.location.reload();
if (id > 0) {
$('.clear-milestone').toggleShow();
} else {
$('.clear-milestone').toggleHide();
}
}
})
}
}
return;
});
}
function initRelease() {

48
templates/issue/view.tmpl
Unescape View File

@ -100,6 +100,52 @@
</div>
<div class="issue-bar col-md-2">
<div class="milestone" data-milestone="0" data-ajax="{url}">
<div class="pull-right action">
<button class="btn btn-default btn-sm" data-toggle="dropdown">
<i class="fa fa-check-square-o"></i>
<span class="caret"></span>
</button>
<div class="dropdown-menu dropdown-menu-right">
<ul class="list-unstyled">
<li data-id="0" class="clear-milestone hidden"><i class="fa fa-times-circle-o"></i> Clear milestone </li>
<li class="milestone-list">
<ul class="nav nav-tabs" data-init="tabs">
<li class="active"><a href="#milestone-open" data-toggle="tab">Open</a></li>
<li><a href="#milestone-close" data-toggle="tab">Closed</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="milestone-open">
<p class="milestone-item">Nothing to show</p>
<ul class="list-unstyled">
<li class="milestone-item" data-id="1">
<p><strong>Milestone name</strong></p>
<p>due to 3 days later</p>
</li>
<li class="milestone-item" data-id="1">
<p><strong>Milestone name</strong></p>
<p>due to 3 days later</p>
</li>
</ul>
</div>
<div class="tab-pane" id="milestone-close">
<ul class="list-unstyled">
<li class="milestone-item" data-id="1">
<p><strong>Milestone name</strong></p>
<p>closed 3 days ago</p>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
<h4>Milestone</h4>
<p class="completion"><span style="width:80%">&nbsp;</span></p>
<p class="name"><strong><a href="#">Milestone name</a></strong></p>
<p class="name">No milestone</p>
</div>
<div class="assignee" data-assigned="{{if .Issue.Assignee}}{{.Issue.Assignee.Id}}{{else}}0{{end}}" data-ajax="{{.Issue.Index}}/assignee">{{if .IsRepositoryOwner}}
<div class="pull-right action">
<button type="button" class="dropdown-toggle btn btn-default btn-sm" data-toggle="dropdown">
@ -110,7 +156,7 @@
<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>
<li data-uid="{{.Id}}"><img src="{{.AvatarLink}}"><strong>{{.Name}}</strong></li>
{{end}}
</ul>
</div>

Write Preview
Loading…
Cancel
Save