Code - yona-projects/yona

@(title: String, milestones: List[models.Milestone], projectInst: Project, mCondition: MilestoneApp.MilestoneCondition) @import scala.collection.immutable._ @import utils.TemplateHelper._ @makeSortLink(_sort:String) = @{ var _direction = "asc"; if(mCondition.sort.equals(_sort)) { if(_direction.equals(mCondition.direction)) { _direction = "desc" } } buildQueryString(routes.MilestoneApp.milestones(projectInst.owner, projectInst.name), Map("state"->mCondition.state, "sort"->_sort, "direction"->_direction) ) } @makeIssuesLink(mId: Long, _state: String) = @{ buildQueryString(routes.IssueApp.issues(projectInst.owner, projectInst.name, _state), Map("milestone"->mId.toString) ) } @sortMark(_sort: String) = @{ /* TODO It will be chnaged. */ if(mCondition.sort.equals(_sort)) { if(mCondition.direction.equals("desc")){ "down" } else { "up" } } else { /*"up hidden"*/ "up" } } @makeMilestoneListLink(_state: String) = @{ buildQueryString(routes.MilestoneApp.milestones(projectInst.owner, projectInst.name), Map("state"->_state) ) } @project.projectMngMain(title, projectInst) { @views.html.prjmenu(projectInst, utils.MenuType.PROJECT_SETTING, "") <div class="tab-wrap"> <div class="pull-right btns"> <a href="@routes.MilestoneApp.manageMilestones(projectInst.owner, projectInst.name)" class="n-btn small gray">@Messages("milestone.menu.manage")</a> <a href="@routes.MilestoneApp.newMilestoneForm(projectInst.owner, projectInst.name)" class="n-btn small orange">@Messages("milestone.menu.new")</a> </div> <ul class="nav nav-tabs hive-tabs"> <li class="@if(mCondition.state.equals("all")){active}"> <a href="@makeMilestoneListLink("all")">@Messages("milestone.state.all")</a> </li> <li class="@if(mCondition.state.equals("open")){active}"> <a href="@makeMilestoneListLink("open")">@Messages("milestone.state.open")</a> </li> <li class="@if(mCondition.state.equals("closed")){active}"> <a href="@makeMilestoneListLink("closed")">@Messages("milestone.state.closed")</a> </li> </ul> </div> <div class="filter-wrap milestone"> <div class="filters"> <a href="@makeSortLink("dueDate")" class="filter"><i class="ico ico-sort @sortMark("dueDate")"></i>완료일순</a> <a href="@makeSortLink("completionRate")" class="filter active"><i class="ico ico-sort @sortMark("completionRate")"></i>완료율순</a> </div> <div class="legend"> <i class="orange"></i>완료 <i class="blue"></i>진행중 <i class="gray"></i>미할당 </div> </div> @if(milestones == null || milestones.isEmpty()){ <div class="error-wrap"> <i class="ico ico-err1"></i> <p>@Messages("milestone.is.empty")</p> </div> } else { <ul class="milestones"> @for(milestone <- milestones){ <li class="milestone"> <div class="infos">  <div class="meta-info"> <strong class="version"></strong> <span class="title">@milestone.title</span> <span class="sp">|</span> <span class="due-date">완료일 <strong>@milestone.getDueDateString</strong></span> </div> <div class="progress-wrap"> <div class="progress"> <div class="bar orange" style="width: @milestone.getCompletionRate%;"></div>  </div> <div class="progress-label"> @** 0% 일 수도 있어서 최소한의 텍스트 영역 확보 **@ <div class="pull-left" style="width: @milestone.getCompletionRate%; min-width:100px;"> <a href="@makeIssuesLink(milestone.id,"closed")">완료 <strong>@milestone.getCompletionRate%</strong></a> </div>  <div class="pull-right"> <a href="@makeIssuesLink(milestone.id,"open")">미완료 <strong>@{100 - milestone.getCompletionRate}%</strong></a> </div> </div> </div> <div class="desc"> @milestone.contents </div> </div> <div class="completion-rate @if(milestone.getCompletionRate == 100){done}"> @milestone.getCompletionRate <i>%</i> </div> </li> } </ul> } }