test af overblik

2023-06-20 15:24:48 +02:00
parent 834c6de183
commit 127243803e
9 changed files with 246 additions and 13 deletions
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,7 +3,50 @@
 <head>
    <meta charset="UTF-8">
    <title>FlaskBlog</title>
-</head>
-<body>
-    </body>
-</html>
+    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+    <script type="text/javascript">
+      google.charts.load('current', {'packages':['gantt']});
+      google.charts.setOnLoadCallback(drawChart);
+  
+      function drawChart() {
+  
+        var data = new google.visualization.DataTable();
+        data.addColumn('string', 'Task ID');
+        data.addColumn('string', 'Task Name');
+        data.addColumn('string', 'Resource');
+        data.addColumn('date', 'Start Date');
+        data.addColumn('date', 'End Date');
+        data.addColumn('number', 'Duration');
+        data.addColumn('number', 'Percent Complete');
+        data.addColumn('string', 'Dependencies');
+  
+        data.addRows([
+        {% for job in test  %}
+          ['{{ job[0].name }}','{{ job[0].name }}','{{ job[0].name.split(' ')[4][:3] }}', new Date("{{ job[0].getMedianDag(2,0,30)[0][0] }}"),null,{{ job[0].getMedianDag(2,0,30)[0][1] }},100,''],
+        {% endfor %}
+        ['BI - Admin - Log Index Stats2','BI - Admin - Log Index Stats','Log', [new Date("1970-01-01 17:00:00"),new Date("1970-01-01 18:00:00")],null,259000,100,''],
+        ]);
+  
+        var paddingHeight = 50;
+          
+        var rowHeight = data.getNumberOfRows() * 25;
+          
+        var chartHeight = rowHeight + paddingHeight;
+        var options = {
+          height: chartHeight,
+          gantt: {
+            sortTasks: true,
+            trackHeight: 30
+          }
+        };
+  
+        var chart = new google.visualization.Gantt(document.getElementById('chart_div'));
+  
+        chart.draw(data, options);
+      }
+    </script>
+  </head>
+  <body>
+    <div id="chart_div"></div>
+  </body>
+  </html>