html_template.erb 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <html>
  2. <head>
  3. <% unless kb.empty? %>
  4. <script>
  5. function showOverview() {
  6. var overview_info_button = document.getElementById('overview_info_button');
  7. overview_info_button.style.borderColor = "#ccc";
  8. overview_info_button.style.color = "#333";
  9. var knowledge_base_button = document.getElementById('knowledge_base_button');
  10. knowledge_base_button.style.borderColor = "#EEEEEE";
  11. knowledge_base_button.style.color = "#C4C4C4";
  12. document.getElementById('knowledge_base').style.display = "none";
  13. document.getElementById('overview_info').style.display = "inline";
  14. }
  15. function showKnowledge() {
  16. var overview_info_button = document.getElementById('overview_info_button');
  17. overview_info_button.style.borderColor = "#EEEEEE";
  18. overview_info_button.style.color = "#C4C4C4";
  19. var knowledge_base_button = document.getElementById('knowledge_base_button');
  20. knowledge_base_button.style.borderColor = "#ccc";
  21. knowledge_base_button.style.color = "#333";
  22. document.getElementById('overview_info').style.display = "none";
  23. document.getElementById('knowledge_base').style.display = "inline";
  24. }
  25. function initDoc() {
  26. var kb = document.getElementById('knowledge_base');
  27. var oi = document.getElementById('overview_info');
  28. oi.style.display = "none";
  29. kb.style.display = "inline";
  30. var kb_button = document.getElementById('knowledge_base_button');
  31. var oi_button = document.getElementById('overview_info_button');
  32. kb_button.style.borderColor = "#ccc";
  33. kb_button.style.color = "#333";
  34. oi_button.style.borderColor = "#EEEEEE";
  35. oi_button.style.color = "#C4C4C4";
  36. }
  37. </script>
  38. <% end %>
  39. <style>
  40. <%= load_css %>
  41. </style>
  42. </head>
  43. <body onload="initDoc()">
  44. <% unless kb.empty? %>
  45. <table border="0">
  46. <tr>
  47. <th>
  48. <div id="overview_info_button" onClick="showOverview()">Overview</a>
  49. </th>
  50. <th>
  51. <div id="knowledge_base_button" onClick="showKnowledge()">Knowledge Base</a>
  52. </th>
  53. </tr></table>
  54. <p></p>
  55. <% end %>
  56. <div id="overview_info">
  57. <%= r.render(md) %>
  58. </div>
  59. <% unless kb.empty? %>
  60. <div id="knowledge_base">
  61. <%= r.render(kb) %>
  62. </div>
  63. <% end %>
  64. </body>
  65. </html>