index.js 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. /* code here... */
  2. var _gaq = _gaq || [];
  3. var widthOffset = 375;
  4. var heightOffset = 90
  5. /**
  6. * @type {DataConverter}
  7. * 对数据内容进行转换
  8. */
  9. var d = new DataConverter('converter');
  10. var sidebar = $('#header');
  11. var win = $(window);
  12. var base = $('#pageContainer');
  13. var w = base.width() - widthOffset;
  14. var h = win.height() - heightOffset;
  15. //重载页面,解决无法显示textarea问题
  16. d.create(w, h);
  17. d.resize(w, h);
  18. sidebar.height(h);
  19. $(".settingsElement").change(updateSettings);
  20. /**
  21. * win发生窗口变化的时候,验证窗口的高宽
  22. * 修正sidebar的高宽
  23. */
  24. $(window).bind('resize', function () {
  25. w = base.width() - widthOffset;
  26. h = win.height() - heightOffset;
  27. d.resize(w, h);
  28. sidebar.height(h);
  29. });
  30. /**
  31. * 监听dom树,修改设置内容
  32. * 定界符
  33. * 第一行标题
  34. * 输出格式内容
  35. * @param evt
  36. */
  37. function updateSettings(evt) {
  38. if (evt) {
  39. _gaq.push(['_trackEvent', 'Settings', evt.currentTarget.id]);
  40. }
  41. d.includeWhiteSpace = $('#includeWhiteSpaceCB').prop('checked');
  42. if (d.includeWhiteSpace) {
  43. $("input[name=indentType]").removeAttr("disabled");
  44. var indentType = $('input[name=indentType]:checked').val();
  45. if (indentType === "tabs") {
  46. d.indent = "\t";
  47. } else if (indentType === "spaces") {
  48. d.indent = " "
  49. }
  50. } else {
  51. $("input[name=indentType]").attr("disabled", "disabled");
  52. }
  53. d.headersProvided = $('#headersProvidedCB').prop('checked');
  54. if (d.headersProvided) {
  55. $("input[name=headerModifications]").removeAttr("disabled");
  56. var hm = $('input[name=headerModifications]:checked').val();
  57. if (hm === "downcase") {
  58. d.downcaseHeaders = true;
  59. d.upcaseHeaders = false;
  60. } else if (hm === "upcase") {
  61. d.downcaseHeaders = false;
  62. d.upcaseHeaders = true;
  63. } else if (hm === "none") {
  64. d.downcaseHeaders = false;
  65. d.upcaseHeaders = false;
  66. }
  67. } else {
  68. $("input[name=headerModifications]").attr("disabled", "disabled");
  69. }
  70. d.delimiter = $('input[name=delimiter]:checked').val();
  71. d.decimal = $('input[name=decimal]:checked').val();
  72. d.useUnderscores = true;
  73. d.root = $('#root').val();
  74. d.child = $('#child').val();
  75. d.convert();
  76. };
  77. updateSettings();