Rewrite HTML export to support all node types (#3)

app/assets/export/html/css/simple-sidebar.css

@@ -4,6 +4,28 @@
  * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
  */
 
+@font-face {
+  font-family: 'Raleway';
+  src: url('../Raleway-Regular.ttf');
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src: url('../Raleway-Light.ttf');
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: 'Raleway';
+  src: url('../Raleway-Bold.ttf');
+  font-weight: bold;
+}
+
+body {
+  font-family: 'Raleway', sans-serif;
+}
+
  #wrapper {
     overflow-x: hidden;
  }
@@ -53,10 +75,13 @@
   margin-top: 20px;
   margin-bottom: 20px;
   height: 600px;
+  padding: 3px;
+  border: 2px solid darkgrey;
+  border-radius: 5px;
 }
 
 .file-ref {
-  border: 1px solid darkgray;
+  border: 2px solid darkgray;
   margin: 20px 0;
   border-radius: 5px;
   padding: 10px;
@@ -84,3 +109,16 @@
   border-radius: 4px;
   text-decoration: none !important;
 }
+
+.database-container {
+  width: 100%;
+  border: 2px solid darkgrey;
+  border-radius: 4px;
+  margin: 15px 5px;
+  padding: 5px;
+}
+
+.database-container .database-ref {
+  height: 600px;
+  width: 100%;
+}

app/assets/export/html/database.js

@@ -0,0 +1,19 @@
+(function() {
+    // specify the columns
+    const columnDefs = {{ COLUMN_DEFS }};
+
+    // specify the data
+    var rowData = {{ ROW_DATA }};
+
+    // let the grid know which columns and what data to use
+    var gridOptions = {
+        columnDefs: columnDefs,
+        rowData: rowData
+    };
+
+    // lookup the container we want the Grid to use
+    const eGridDiv = document.querySelector('#{{ GRID_ID }}');
+
+    // create the grid passing in the div to use together with the columns & data we want to use
+    new agGrid.Grid(eGridDiv, gridOptions);
+})();

app/assets/export/html/fonts.css

@@ -0,0 +1,17 @@
+@font-face {
+    font-family: 'Raleway';
+    src: url('./Raleway-Regular.ttf');
+    font-weight: normal;
+}
+
+@font-face {
+    font-family: 'Raleway';
+    src: url('./Raleway-Light.ttf');
+    font-weight: 100;
+}
+
+@font-face {
+    font-family: 'Raleway';
+    src: url('./Raleway-Bold.ttf');
+    font-weight: bold;
+}

app/assets/export/html/index.html

@@ -8,8 +8,12 @@
 
   <title>{{ PAGE_TITLE }} | {{ GROUP_TITLE }}</title>
 
+  <script src="vendor/aggrid/ag-grid-community.min.noStyle.js"></script>
+
   <!-- Bootstrap core CSS -->
   <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="vendor/aggrid/ag-grid.css">
+  <link rel="stylesheet" href="vendor/aggrid/ag-theme-balham.css">
 
   <!-- Custom styles for this template -->
   <link href="css/simple-sidebar.css" rel="stylesheet">