labels.tmpl 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. {{template "ng/base/head" .}}
  2. {{template "ng/base/header" .}}
  3. <div id="repo-wrapper">
  4. {{template "repo/header" .}}
  5. <div class="issue-main container repo-wide-wrapper">
  6. <ul id="issue-list-nav" class="menu menu-line">
  7. <li><a href="#">Issue</a></li>
  8. <li><a href="#">Pull Request</a></li>
  9. <li class="current"><a href="#">Labels</a></li>
  10. <li><a href="#">Milestones</a></li>
  11. <li class="right" id="label-new"><a href="#"><button id="label-new-btn" class="btn btn-green text-bold">New Label</button></a></li>
  12. </ul>
  13. <form id="label-add-form" action="#" class="form clear hidden">
  14. <input type="text" class="ipt" name="name" placeholder="label name" id="label-add-name"/>
  15. <div class="inline down drop label-color-drop">
  16. <label for="label-add-color"></label>
  17. <input class="ipt" name="color" type="text" placeholder="color" id="label-add-color"/>
  18. <div class="drop-down">
  19. <a href="#" class="color" style="background: red"></a>
  20. <a href="#" class="color" style="background: green"></a>
  21. </div>
  22. </div>
  23. <button class="btn btn-gray right" type="button" id="label-cancel-btn">Cancel</button>
  24. <button class="btn btn-green right" id="label-add-btn">Create</button>
  25. </form>
  26. <div id="issue-list-container">
  27. <div id="issue-list-menu">
  28. <div class="left"><span class="label label-black" id="labels-num">6</span><strong>Labels</strong></div>
  29. <div class="clear"></div>
  30. </div>
  31. <ul id="label-list" class="list-no-style">
  32. <li class="item" id="label-id">
  33. <a class="right delete" href="#"><i class="octicon octicon-x"></i>Delete</a>
  34. <a class="right edit" href="#"><i class="octicon octicon-pencil"></i>Edit</a>
  35. <a class="right issue-num" href="#"><i class="octicon octicon-issue-opened"></i><strong class="num">12</strong>Issues</a>
  36. <a class="left label clear" href="#" style="background-color: #0052cc" data-color-hex="#0052cc"><i class="octicon octicon-tag"></i><strong>bug</strong></a>
  37. </li>
  38. <li class="item" id="label-id">
  39. <a class="right" href="#"><i class="octicon octicon-x"></i>Delete</a>
  40. <a class="right" href="#"><i class="octicon octicon-pencil"></i>Edit</a>
  41. <a class="right issue-num" href="#"><i class="octicon octicon-issue-opened"></i><strong class="num">12</strong>Issues</a>
  42. <a class="left label clear" href="#" style="background-color: red"><i class="octicon octicon-tag"></i><strong>bug</strong></a>
  43. </li>
  44. </ul>
  45. </div>
  46. </div>
  47. </div>
  48. <div id="label-edit-form-tpl" class="hidden">
  49. <li class="item"><form id="label-edit-form" action="#" class="form clear">
  50. <input type="text" class="ipt" name="name" placeholder="label name" id="label-edit-name"/>
  51. <input type="hidden" name="id" value="id"/>
  52. <div class="inline down drop label-color-drop">
  53. <label for="label-add-color"></label>
  54. <input class="ipt" name="color" type="text" placeholder="color" id="label-edit-color"/>
  55. <div class="drop-down">
  56. <a href="#" class="color" style="background: red"></a>
  57. <a href="#" class="color" style="background: green"></a>
  58. </div>
  59. </div>
  60. <button class="btn btn-gray right" type="button" id="label-edit-cancel-btn">Cancel</button>
  61. <button class="btn btn-green right" id="label-edit-btn">Save Changes</button>
  62. </form></li>
  63. </div>
  64. <div id="label-delete-form-tpl" class="hidden">
  65. <li class="item">
  66. <form id="label-delete-form" action="#">
  67. <input type="hidden" name="id" value="id"/>
  68. <span><strong class="text-red">Are you sure?</strong> Deleting a label will remove it from all issues and pull requests.</span>
  69. <button class="btn btn-gray right" type="button" id="label-del-cancel-btn">Cancel</button>
  70. <button class="btn btn-red right" id="label-del-btn">Delete</button>
  71. </form>
  72. </li>
  73. </div>
  74. {{template "ng/base/footer" .}}