{% extends "layout.html" %}
{% block content %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.6.0/cytoscape.min.js" integrity="sha256-uZV2wRlscgr52q3Wb3Oew0rKCPsM3g4aBTv46sF4qzg=" crossorigin="anonymous"></script>
<head>
<h2><b>Previous Searches</b></h2>
</head>
<style>
* {
box-sizing: border-box;
}
.column {
float: left;
padding: 10px;
}
.left {
width: 60%;
}
.middle {
width: 50%;
}
.right {
width: 40%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
tr:nth-child(even) {background-color: #f2f2f2;}
</style>
<div class="row">
<div class="column left" >
<h4> {{ message |safe}} </h4>
<body>
<table id="myRecords" border="1">
</table>
</body>
</div>
<div class="column right">
{{ message3 |safe}}
</div>
</div>
<script>{
{}
var table = document.getElementById('myRecords');
var header = table.createTHead();
var row = header.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = "<b>DATE</b>";
var cell = row.insertCell(1);
cell.innerHTML = "<b>GENES</b>";
var cell = row.insertCell(2);
cell.innerHTML = "<b>ONTOLOGY</b>";
var cell = row.insertCell(3);
cell.innerHTML = "<b>Delete</b>";
var i=0;
{%for i in range(0,len_dir)%}
var x=document.getElementById('myRecords').insertRow(1);
var y= x.insertCell(0);
y.innerHTML='<a href="{{url_for('date', selected_date=folder_list[i])}}">{{directory_list[i]}}</a>';
y= x.insertCell(1);
y.innerHTML='{{gene_list[i]}}';
y= x.insertCell(2);
y.innerHTML='{{onto_list[i]}}';
y= x.insertCell(3);
y.innerHTML='<a href="{{url_for('remove', remove_folder=folder_list[i])}}">Delete this search</a>';
{% endfor %}
}
</script>
{%endblock%}