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;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#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;
 | 
			
		||||
    margin: 0;
 | 
			
		||||
    min-width: 300px;
 | 
			
		||||
| 
						 | 
				
			
			@ -1514,8 +1514,14 @@ html, body {
 | 
			
		|||
    background-color: #77c64a;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#issue .issue-bar .milestone .nav-tabs a {
 | 
			
		||||
#issue .milestone .nav-tabs a {
 | 
			
		||||
    padding: 4px 8px;
 | 
			
		||||
    border-top: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#milestone {
 | 
			
		||||
    margin-left: 24px;
 | 
			
		||||
    margin-right: 12px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* wrapper and footer */
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -571,7 +571,7 @@ function initIssue() {
 | 
			
		|||
 | 
			
		||||
    // 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();
 | 
			
		||||
        $(this).tab('show');
 | 
			
		||||
        return false;
 | 
			
		||||
| 
						 | 
				
			
			@ -580,6 +580,7 @@ function initIssue() {
 | 
			
		|||
    var $m = $('.milestone');
 | 
			
		||||
    if ($m.data("milestone") > 0) {
 | 
			
		||||
        $('.clear-milestone').toggleShow();
 | 
			
		||||
        console.log("show");
 | 
			
		||||
    }
 | 
			
		||||
    $('.milestone', '#issue').on('click', 'li.milestone-item', function () {
 | 
			
		||||
        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;
 | 
			
		||||
    });
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -31,6 +31,48 @@
 | 
			
		|||
                            </ul>
 | 
			
		||||
                        </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 class="form-group panel-body">
 | 
			
		||||
                    <div class="md-help pull-right"><!-- todo help link -->
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -108,7 +108,7 @@
 | 
			
		|||
                        </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 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>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue