add milestone in new-issue page

This commit is contained in:
FuXiaoHei 2014-05-14 22:01:20 +08:00
parent 99f2400e3b
commit a1bb3741d5
4 changed files with 62 additions and 5 deletions

View file

@ -1441,7 +1441,7 @@ html, body {
margin-left: .8em; margin-left: .8em;
} }
#issue .assignee.dropdown-menu, #issue .assignee ul, #issue .milestone ul { #issue .assignee.dropdown-menu, #issue .assignee ul, #issue .milestone.dropdown-menu, #issue .milestone ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
min-width: 300px; min-width: 300px;
@ -1514,8 +1514,14 @@ html, body {
background-color: #77c64a; background-color: #77c64a;
} }
#issue .issue-bar .milestone .nav-tabs a { #issue .milestone .nav-tabs a {
padding: 4px 8px; padding: 4px 8px;
border-top: none;
}
#milestone {
margin-left: 24px;
margin-right: 12px;
} }
/* wrapper and footer */ /* wrapper and footer */

View file

@ -571,7 +571,7 @@ function initIssue() {
// milestone // milestone
$('.issue-bar .dropdown-menu a[data-toggle="tab"]').on("click", function (e) { $('#issue .dropdown-menu a[data-toggle="tab"]').on("click", function (e) {
e.stopPropagation(); e.stopPropagation();
$(this).tab('show'); $(this).tab('show');
return false; return false;
@ -580,6 +580,7 @@ function initIssue() {
var $m = $('.milestone'); var $m = $('.milestone');
if ($m.data("milestone") > 0) { if ($m.data("milestone") > 0) {
$('.clear-milestone').toggleShow(); $('.clear-milestone').toggleShow();
console.log("show");
} }
$('.milestone', '#issue').on('click', 'li.milestone-item', function () { $('.milestone', '#issue').on('click', 'li.milestone-item', function () {
var id = $(this).data("id"); var id = $(this).data("id");
@ -600,8 +601,16 @@ function initIssue() {
} }
}) })
} }
return;
}
$('#milestone-id').val(id);
if (id > 0) {
$('.clear-milestone').toggleShow();
$('#milestone').text($(this).find("strong").text())
} else {
$('.clear-milestone').toggleHide();
$('#milestone').text($('#milestone').data("no-milestone"));
} }
return;
}); });
} }

View file

@ -31,6 +31,48 @@
</ul> </ul>
</div> </div>
</div> </div>
<span><strong id="milestone" data-no-milestone="No milestone">No milestone</strong></span>
<input type="hidden" name="milestoneid" value="0" id="milestone-id"/>
<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-check-square-o"></i>
<span class="caret"></span>
</button>
<div class="dropdown-menu milestone">
<ul class="list-unstyled">
<li data-id="0" class="clear-milestone milestone-item 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>
</div> </div>
<div class="form-group panel-body"> <div class="form-group panel-body">
<div class="md-help pull-right"><!-- todo help link --> <div class="md-help pull-right"><!-- todo help link -->

View file

@ -108,7 +108,7 @@
</button> </button>
<div class="dropdown-menu dropdown-menu-right"> <div class="dropdown-menu dropdown-menu-right">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li data-id="0" class="clear-milestone hidden"><i class="fa fa-times-circle-o"></i> Clear milestone </li> <li data-id="0" class="clear-milestone milestone-item hidden"><i class="fa fa-times-circle-o"></i> Clear milestone </li>
<li class="milestone-list"> <li class="milestone-list">
<ul class="nav nav-tabs" data-init="tabs"> <ul class="nav nav-tabs" data-init="tabs">
<li class="active"><a href="#milestone-open" data-toggle="tab">Open</a></li> <li class="active"><a href="#milestone-open" data-toggle="tab">Open</a></li>