[COSE215] Update automata-viewer

Author: jhnaldo

_includes/automata-viewer.html

@@ -0,0 +1,29 @@
+<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.13/codemirror.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.13/mode/javascript/javascript.min.js"></script>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.13/codemirror.min.css">
+<script>
+  // Set the base path for the viewer
+  window.basePath = "/courses/cose215/viewer";
+</script>
+<script src="/courses/cose215/viewer/js/bundle.js"></script>
+<script src="/courses/cose215/viewer/js/tex-mml-chtml.js"></script>
+<link rel="stylesheet" type="text/css" href="/courses/cose215/viewer/css/style.css">
+<div id="viewer">
+  <div class="center">
+    <div id="kind" class="dropdown">
+      <span class="selected"></span>
+      <i class="arrow fa fa-angle-up transition-all ml-auto rotate-180"></i>
+      <ul style="display: none;"></ul>
+    </div>
+    <div id="example" class="dropdown">
+      <span class="selected"></span>
+      <i class="arrow fa fa-angle-up transition-all ml-auto rotate-180"></i>
+      <ul style="display: none;"></ul>
+    </div>
+    <button id="refresh"><i class="fa fa-refresh"></i></button>
+  </div>
+  <textarea id="data-editor"></textarea>
+  <input type="hidden" id="data" name="data" />
+  <div id="root"></div>
+</div>