|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<title>CSV Data Table</title> |
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> |
|
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.css" /> |
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}"> |
|
|
|
</head> |
|
<body> |
|
<h2 class="title">Benchmark Data Table - {% if active_tab == 'TextEval' %}TextEval{% else %}AGIEval{% endif %}</h2> |
|
<ul class="nav nav-tabs"> |
|
<li class="nav-item"> |
|
<a class="nav-link {% if active_tab == 'TextEval' %}active{% endif %}" data-toggle="tab" href="?tab=TextEval">TextEval</a> |
|
</li> |
|
<li class="nav-item"> |
|
<a class="nav-link {% if active_tab == 'AGIEval' %}active{% endif %}" data-toggle="tab" href="?tab=AGIEval">AGIEval</a> |
|
</li> |
|
</ul> |
|
|
|
<div id="demo_info" class="container"> |
|
<table class="table table-bordered table-hover" id="csvDataTable"> |
|
<thead class="thead-dark"> |
|
<tr> |
|
{% for header in header_row %} |
|
<th>{{ header }}</th> |
|
{% endfor %} |
|
</tr> |
|
</thead> |
|
<tbody> |
|
{% for row in data %} |
|
<tr> |
|
{% for cell in row %} |
|
<td>{{ cell }}</td> |
|
{% endfor %} |
|
</tr> |
|
{% endfor %} |
|
</tbody> |
|
</table> |
|
</div> |
|
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> |
|
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.js"></script> |
|
<script src="{{ url_for('static', filename='js/script.js') }}"></script> |
|
</body> |
|
</html> |
|
|
