base.html 3.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <link rel="stylesheet" href="../static/css/style.css">
  6. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  7. </head>
  8. <body class="bg-faded">
  9. <!-- top fixed bar -->
  10. <nav class="navbar black sticky-top">
  11. <a class="navbar-brand nav_text" href="#" style="color: white">
  12. <img src="../static/img/zebra_white.png" alt="Zebra Logo" class="zebra_img" class="d-inline-block align-top">
  13. EMC Engineering Code Statistics
  14. </a>
  15. </nav>
  16. <!-- sidebar menu -->
  17. <aside class="sidebar">
  18. <div id="leftside-navigation" class="nano">
  19. <ul class="nano-content">
  20. <li class="sub-menu">
  21. <a href="#"><i class="fa fa-home"></i><span>Home</span><i class="arrow fa"></i></a>
  22. </li>
  23. <li class="sub-menu">
  24. <a href="javascript:void(0);"><i class="fa fa-cogs"></i><span>Sub-Repos</span><i class="arrow fa fa-angle-right pull-right"></i></a>
  25. <ul>
  26. <li><a href="#">Mini Repo 1</a>
  27. </li>
  28. <li><a href="#">Mini Repo 2</a>
  29. </li>
  30. <li><a href="#">Mini Repo 3</a>
  31. </li>
  32. </ul>
  33. </li>
  34. <li class="sub-menu">
  35. <a href="#"><i class="fa fa-terminal"></i><span>Lines</span><i class="arrow fa"></i></a>
  36. </li>
  37. <li class="sub-menu">
  38. <a href="#"><i class="fa fa-user"></i><span>Authors</span><i class="arrow fa "></i></a>
  39. </li>
  40. </ul>
  41. </div>
  42. </aside>
  43. {% block content %}{% endblock %}
  44. <!-- bootstrap -->
  45. <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
  46. <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
  47. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
  48. <!-- for nav bar accordion -->
  49. <script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  50. <script src='//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script>
  51. <!-- for visualizations -->
  52. <script src="http://d3js.org/d3.v4.js"></script>
  53. <script src="../static/js/script.js" type="text/javascript"></script>
  54. <script type="text/javascript">
  55. // generateHeatMap(["../static/data/data_dummy.tsv", "../static/data/data2_dummy.tsv"], "#chart");
  56. // generateBarChart("../static/data/day_of_week_copy.tsv", "#day_of_week");
  57. // generateLineChart("../static/data/commits_by_author_copy.tsv", "#lineChart");
  58. // generateLineChart("../static/data/lines_of_code_by_author_copy.tsv", "#lineChart2");
  59. generateHeatMap(['{{data.heatmap.data_path1}}', '{{data.heatmap.data_path2}}'], "#{{data.heatmap.divID}}");
  60. generateBarChart('{{data.barchart.data_path}}', "#{{data.barchart.divID}}");
  61. generateLineChart('{{data.linegraph1.data_path}}', "#{{data.linegraph1.divID}}");
  62. generateLineChart('{{data.linegraph2.data_path}}', "#{{data.linegraph2.divID}}");
  63. </script>
  64. </body>
  65. </html>