@(title: String, milestones: List[models.Milestone], project: Project, param: MilestoneApp.MilestoneCondition) @import scala.collection.immutable._ @import utils.TemplateHelper._ @urlToList = {@routes.MilestoneApp.milestones(project.owner, project.name)} @makeFilterLink(fieldName:String, orderBy:String, orderDir:String, fieldText:String) = { @if(orderBy.equals(fieldName)) { <a href="@urlToList?orderBy=@fieldName&orderDir=@if(orderDir.equals("desc")){asc}else{desc}" class="filter active"><i class="ico btn-gray-arrow @if(orderDir.equals("desc")){ down }"></i>@fieldText</a> } else { <a href="@urlToList?orderBy=@fieldName&orderDir=asc" class="filter"><i class="ico btn-gray-arrow"></i>@fieldText</a> } } @makeMilestoneListLink(_state: String) = @{ buildQueryString(routes.MilestoneApp.milestones(project.owner, project.name), Map("state"->_state) ) } @makeIssuesLink(mId: Long, _state: String) = @{ buildQueryString(routes.IssueApp.issues(project.owner, project.name, _state), Map("milestone"->mId.toString) ) } @main(title, project, utils.MenuType.MILESTONE) { <div class="page"> @prjmenu(project, utils.MenuType.MILESTONE, "") <div class="tab-wrap"> <div class="pull-right btns"> <a href="@routes.MilestoneApp.newMilestoneForm(project.owner, project.name)" class="nbtn medium orange">@Messages("milestone.menu.new")</a> </div> <ul class="nav nav-tabs"> <li class="@if(param.state.equals("all")){active}"> <a href="@makeMilestoneListLink("all")">@Messages("milestone.state.all")</a> </li> <li class="@if(param.state.equals("open")){active}"> <a href="@makeMilestoneListLink("open")">@Messages("milestone.state.open")</a> </li> <li class="@if(param.state.equals("closed")){active}"> <a href="@makeMilestoneListLink("closed")">@Messages("milestone.state.closed")</a> </li> </ul> </div> @if(milestones == null || milestones.isEmpty()){ <div class="error-wrap"> <i class="ico ico-err1"></i> <p>@Messages("milestone.is.empty")</p> </div> } else { @if(milestones.length > 1){ <div class="filter-wrap milestone"> <div class="filters"> @makeFilterLink("dueDate", param.orderBy, param.orderDir, Messages("order.dueDate")) @makeFilterLink("completionRate", param.orderBy, param.orderDir, Messages("order.completionRate")) </div> <div class="legend"> <i class="gray"></i>@Messages("issue.state.open") <i class="blue"></i>@Messages("issue.state.assigned") <i class="orange"></i>@Messages("issue.state.closed") </div> </div> } <ul class="milestones"> @for(milestone <- milestones){ <li class="milestone"> <div class="infos"> @**<!-- <ul class="contributors"> <li class="contributor"> <a href="/uname" class="img-rounded"><img src="/assets/images/default-avatar-34.png"></a> </li> </ul> -->**@ <div class="meta-info"> <strong class="version"></strong> <a href="@routes.MilestoneApp.editMilestoneForm(project.owner, project.name, milestone.id)" class="title">@milestone.title</a> <span class="sp">|</span> <span class="due-date">@Messages("label.dueDate") <strong>@milestone.getDueDateString</strong></span> </div> <div class="progress-wrap"> <div class="progress"> <div class="bar orange" style="width: @milestone.getCompletionRate%;"></div> @** <!-- <div class="bar blue" style="width: 30%"></div> --> **@ </div> <div class="progress-label"> @** 0% 일 수도 있어서 최소한의 텍스트 영역 확보 **@ <div class="pull-left" style="width: @milestone.getCompletionRate%; min-width:100px;"> <a href="@makeIssuesLink(milestone.id,"closed")">@Messages("milestone.state.closed") <strong>@milestone.getCompletionRate%</strong></a> </div> <div class="pull-right"> <a href="@makeIssuesLink(milestone.id,"open")">@Messages("issue.state.open") <strong>@{100 - milestone.getCompletionRate}%</strong></a> </div> </div> </div> <div class="desc"> @milestone.contents </div> <div class="actrow"> <a href="@routes.MilestoneApp.editMilestoneForm(project.owner, project.name, milestone.id)" class="nbtn medium black"><i class="ico ico-delete-small"></i>@Messages("button.delete")</a><!-- --><a href="@routes.MilestoneApp.editMilestoneForm(project.owner, project.name, milestone.id)" class="nbtn medium white"><i class="ico ico-edit-small"></i>@Messages("button.edit")</a> </div> </div> <div class="completion-rate @if(milestone.getCompletionRate == 100){done}"><!-- -->@milestone.getCompletionRate<!-- --><i>%</i> </div> </li> } </ul> } }