add milestone in new-issue page
This commit is contained in:
parent
99f2400e3b
commit
a1bb3741d5
4 changed files with 62 additions and 5 deletions
|
@ -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 */
|
||||||
|
|
|
@ -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;
|
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"));
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 -->
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue