labels.tmpl 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. {{template "base/head" .}}
  2. <div class="repository labels">
  3. {{template "repo/header" .}}
  4. <div class="ui container">
  5. <div class="navbar">
  6. {{template "repo/issue/navbar" .}}
  7. {{if .IsRepositoryWriter}}
  8. <div class="ui right">
  9. <div class="ui green new-label button">{{.i18n.Tr "repo.issues.new_label"}}</div>
  10. </div>
  11. {{end}}
  12. </div>
  13. <div class="ui new-label segment hide">
  14. <form class="ui form" action="{{$.RepoLink}}/labels/new" method="post">
  15. {{.CSRFTokenHTML}}
  16. <div class="ui grid">
  17. <div class="five wide column">
  18. <div class="ui small input">
  19. <input class="new-label-input" name="title" placeholder="{{.i18n.Tr "repo.issues.new_label_placeholder"}}" autofocus required>
  20. </div>
  21. </div>
  22. <div class="color picker column">
  23. <input class="color-picker" name="color" value="#70c24a" required>
  24. </div>
  25. <div class="column precolors">
  26. {{template "repo/issue/label_precolors"}}
  27. </div>
  28. <div class="buttons">
  29. <div class="ui blue small basic cancel button">{{.i18n.Tr "repo.milestones.cancel"}}</div>
  30. <button class="ui green small button">{{.i18n.Tr "repo.issues.create_label"}}</button>
  31. </div>
  32. </div>
  33. </form>
  34. </div>
  35. <div class="ui divider"></div>
  36. {{template "base/alert" .}}
  37. <div class="ui black label">{{.i18n.Tr "repo.issues.label_count" .NumLabels}}</div>
  38. <div class="label list">
  39. {{if and $.IsRepositoryWriter (eq .NumLabels 0)}}
  40. <div class="ui centered grid">
  41. <div class="twelve wide column eight wide computer column">
  42. <div class="ui attached left aligned segment">
  43. <h4 class="ui header">
  44. {{.i18n.Tr "repo.issues.label_templates.title"}}
  45. </h4>
  46. <p>{{.i18n.Tr "repo.issues.label_templates.info"}}</p>
  47. <br/>
  48. <form class="ui form center" action="{{.Link}}/initialize" method="post">
  49. {{.CSRFTokenHTML}}
  50. <div class="field">
  51. <div class="ui selection dropdown">
  52. <input type="hidden" name="template_name" value="Default">
  53. <div class="default text">{{.i18n.Tr "repo.issues.label_templates.helper"}}</div>
  54. <div class="menu">
  55. {{range .LabelTemplates}}
  56. <div class="item" data-value="{{.}}">{{.}}</div>
  57. {{end}}
  58. </div>
  59. </div>
  60. </div>
  61. <button type="submit" class="ui blue button">{{.i18n.Tr "repo.issues.label_templates.use"}}</button>
  62. </form>
  63. </div>
  64. </div>
  65. </div>
  66. {{end}}
  67. {{range .Labels}}
  68. <li class="item">
  69. <div class="ui label" style="color: {{.ForegroundColor}}; background-color: {{.Color}}"><i class="octicon octicon-tag"></i> {{.Name}}</div>
  70. {{if $.IsRepositoryWriter}}
  71. <a class="ui right delete-button" href="#" data-url="{{$.RepoLink}}/labels/delete" data-id="{{.ID}}"><i class="octicon octicon-trashcan"></i> {{$.i18n.Tr "repo.issues.label_delete"}}</a>
  72. <a class="ui right edit-label-button" href="#" data-id={{.ID}} data-title={{.Name}} data-color={{.Color}}><i class="octicon octicon-pencil"></i> {{$.i18n.Tr "repo.issues.label_edit"}}</a>
  73. {{end}}
  74. <a class="ui right open-issues" href="{{$.RepoLink}}/issues?labels={{.ID}}"><i class="octicon octicon-issue-opened"></i> {{$.i18n.Tr "repo.issues.label_open_issues" .NumOpenIssues}}</a>
  75. </li>
  76. {{end}}
  77. </div>
  78. </div>
  79. </div>
  80. {{if .IsRepositoryWriter}}
  81. <div class="ui small basic delete modal">
  82. <div class="ui icon header">
  83. <i class="trash icon"></i>
  84. {{.i18n.Tr "repo.issues.label_deletion"}}
  85. </div>
  86. <div class="content">
  87. <p>{{.i18n.Tr "repo.issues.label_deletion_desc"}}</p>
  88. </div>
  89. <div class="actions">
  90. <div class="ui red basic inverted cancel button">
  91. <i class="remove icon"></i>
  92. {{.i18n.Tr "modal.no"}}
  93. </div>
  94. <div class="ui green basic inverted ok button">
  95. <i class="checkmark icon"></i>
  96. {{.i18n.Tr "modal.yes"}}
  97. </div>
  98. </div>
  99. </div>
  100. <div class="ui small edit-label modal">
  101. <div class="header">
  102. {{.i18n.Tr "repo.issues.label_modify"}}
  103. </div>
  104. <div class="content">
  105. <form class="ui edit-label form" action="{{$.RepoLink}}/labels/edit" method="post">
  106. {{.CSRFTokenHTML}}
  107. <input id="label-modal-id" name="id" type="hidden">
  108. <div class="ui grid">
  109. <div class="five wide column">
  110. <div class="ui small input">
  111. <input class="new-label-input" name="title" placeholder="{{.i18n.Tr "repo.issues.new_label_placeholder"}}" autofocus required>
  112. </div>
  113. </div>
  114. <div class="color picker column">
  115. <input class="color-picker" name="color" value="#70c24a" required>
  116. </div>
  117. <div class="column precolors">
  118. {{template "repo/issue/label_precolors"}}
  119. </div>
  120. </div>
  121. </form>
  122. </div>
  123. <div class="actions">
  124. <div class="ui negative button">
  125. {{.i18n.Tr "modal.no"}}
  126. </div>
  127. <div class="ui positive right labeled icon button">
  128. {{.i18n.Tr "modal.modify"}}
  129. <i class="checkmark icon"></i>
  130. </div>
  131. </div>
  132. </div>
  133. {{end}}
  134. {{template "base/footer" .}}