| <!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> |
|
|
