issue_label.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. // when dom ready, init issue label events
  2. $(document).ready(function(){
  3. var labelColors = ["#e11d21","#EB6420","#FBCA04","#009800",
  4. "#006B75","#207DE5","#0052cc","#53E917",
  5. "#F6C6C7","#FAD8C7","#FEF2C0","#BFE5BF",
  6. "#BFDADC","#C7DEF8","#BFD4F2","#D4C5F9"];
  7. var colorDropHtml = "";
  8. labelColors.forEach(function(item){
  9. colorDropHtml += '<a class="color" style="background-color:'+item+'" data-color-hex="'+item+'"></a>';
  10. });
  11. // render label color input
  12. var color_input = $('#label-add-color');
  13. var color_label = $('#label-color-drop label');
  14. color_label.css("background-color",labelColors[0]);
  15. color_input.val(labelColors[0]);
  16. // render label color drop
  17. $('#label-color-drop .drop-down')
  18. .html(colorDropHtml)
  19. .on("click","a",function(){
  20. var color = $(this).data("color-hex");
  21. color_label.css("background-color",color);
  22. color_input.val(color);
  23. });
  24. // color drop visible
  25. var form = $('#label-add-form');
  26. $('#label-new-btn').on("click",function(){
  27. if(form.hasClass("hidden")){
  28. form.removeClass("hidden");
  29. }
  30. });
  31. $('#label-cancel-btn').on("click",function(){
  32. form.addClass("hidden");
  33. })
  34. });