milestones.tmpl 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. {{template "base/head" .}}
  2. <div class="repository milestones">
  3. {{template "repo/header" .}}
  4. <div class="ui middle page grid body">
  5. <div class="navbar">
  6. {{template "repo/issue/navbar" .}}
  7. {{if .IsRepositoryAdmin}}
  8. <div class="ui right floated secondary menu">
  9. <a class="ui green button" href="{{$.Link}}/new">{{.i18n.Tr "repo.milestones.new"}}</a>
  10. </div>
  11. {{end}}
  12. </div>
  13. <div class="ui divider"></div>
  14. {{template "repo/issue/alert" .}}
  15. <div class="ui left">
  16. <div class="ui tiny buttons">
  17. <a class="ui green basic button {{if not .IsShowClosed}}active{{end}}" href="{{.RepoLink}}/milestones?state=open">
  18. <i class="octicon octicon-milestone"></i>
  19. {{.i18n.Tr "repo.milestones.open_tab" .OpenCount}}
  20. </a>
  21. <a class="ui red basic button {{if .IsShowClosed}}active{{end}}" href="{{.RepoLink}}/milestones?state=closed">
  22. <i class="octicon octicon-milestone"></i>
  23. {{.i18n.Tr "repo.milestones.close_tab" .ClosedCount}}
  24. </a>
  25. </div>
  26. </div>
  27. <div class="sixteen wide column">
  28. <div class="milestone list">
  29. {{range .Milestones}}
  30. <li class="item">
  31. <i class="octicon octicon-milestone"></i> <a href="{{$.RepoLink}}/issues?state={{$.State}}&milestone={{.ID}}">{{.Name}}</a>
  32. <div class="ui right blue progress" data-percent="{{.Completeness}}">
  33. <div class="bar" {{if not .Completeness}}style="background-color: transparent"{{end}}>
  34. <div class="progress"></div>
  35. </div>
  36. </div>
  37. <div class="meta">
  38. {{ $closedDate:= TimeSince .ClosedDate $.Lang }}
  39. {{if .IsClosed}}
  40. <span class="octicon octicon-clock"></span> {{$.i18n.Tr "repo.milestones.closed" $closedDate|Str2html}}
  41. {{else}}
  42. <span class="octicon octicon-calendar"></span>
  43. {{if .DeadlineString}}
  44. <span {{if .IsOverDue}}class="overdue"{{end}}>{{.DeadlineString}}</span>
  45. {{else}}
  46. {{$.i18n.Tr "repo.milestones.no_due_date"}}
  47. {{end}}
  48. {{end}}
  49. <span class="issue-stats">
  50. <i class="octicon octicon-issue-opened"></i> {{$.i18n.Tr "repo.issues.open_tab" .NumOpenIssues}}
  51. <i class="octicon octicon-issue-closed"></i> {{$.i18n.Tr "repo.issues.close_tab" .NumClosedIssues}}
  52. </span>
  53. </div>
  54. {{if $.IsRepositoryAdmin}}
  55. <div class="ui right operate">
  56. <a href="{{$.Link}}/{{.ID}}/edit" data-id={{.ID}} data-title={{.Name}}><i class="octicon octicon-pencil"></i> {{$.i18n.Tr "repo.issues.label_edit"}}</a>
  57. {{if .IsClosed}}
  58. <a href="{{$.Link}}/{{.ID}}/open" data-id={{.ID}} data-title={{.Name}}><i class="octicon octicon-check"></i> {{$.i18n.Tr "repo.milestones.open"}}</a>
  59. {{else}}
  60. <a href="{{$.Link}}/{{.ID}}/close" data-id={{.ID}} data-title={{.Name}}><i class="octicon octicon-x"></i> {{$.i18n.Tr "repo.milestones.close"}}</a>
  61. {{end}}
  62. <a class="delete-button" href="#" data-url="{{$.RepoLink}}/milestones/delete" data-id="{{.ID}}"><i class="octicon octicon-trashcan"></i> {{$.i18n.Tr "repo.issues.label_delete"}}</a>
  63. </div>
  64. {{if .Content}}
  65. <div class="content">
  66. {{.RenderedContent|Str2html}}
  67. </div>
  68. {{end}}
  69. {{end}}
  70. </li>
  71. {{end}}
  72. {{with .Page}}
  73. {{if gt .TotalPages 1}}
  74. <div class="center page buttons">
  75. <div class="ui borderless pagination menu">
  76. <a class="{{if not .HasPrevious}}disabled{{end}} item" {{if .HasPrevious}}href="{{$.Link}}?state={{$.State}}&page={{.Previous}}"{{end}}>
  77. <i class="left arrow icon"></i> {{$.i18n.Tr "repo.issues.previous"}}
  78. </a>
  79. {{range .Pages}}
  80. {{if eq .Num -1}}
  81. <a class="disabled item">...</a>
  82. {{else}}
  83. <a class="{{if .IsCurrent}}active{{end}} item" {{if not .IsCurrent}}href="{{$.Link}}?state={{$.State}}&page={{.Num}}"{{end}}>{{.Num}}</a>
  84. {{end}}
  85. {{end}}
  86. <a class="{{if not .HasNext}}disabled{{end}} item" {{if .HasNext}}href="{{$.Link}}?state={{$.State}}&page={{.Next}}"{{end}}>
  87. {{$.i18n.Tr "repo.issues.next"}} <i class="icon right arrow"></i>
  88. </a>
  89. </div>
  90. </div>
  91. {{end}}
  92. {{end}}
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. {{if .IsRepositoryAdmin}}
  98. <div class="ui basic delete modal">
  99. <div class="header">
  100. {{.i18n.Tr "repo.milestones.deletion"}}
  101. </div>
  102. <div class="content">
  103. <div class="image">
  104. <i class="trash icon"></i>
  105. </div>
  106. <div class="description">
  107. <p>{{.i18n.Tr "repo.milestones.deletion_desc"}}</p>
  108. </div>
  109. </div>
  110. <div class="actions">
  111. <div class="two fluid ui inverted buttons">
  112. <div class="ui red basic inverted button">
  113. <i class="remove icon"></i>
  114. {{.i18n.Tr "modal.no"}}
  115. </div>
  116. <div class="ui green basic inverted positive button">
  117. <i class="checkmark icon"></i>
  118. {{.i18n.Tr "modal.yes"}}
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. {{end}}
  124. {{template "base/footer" .}}