<commit_before><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
<t:genericpage-landing>

    <jsp:attribute name="title">Embryo Heat Map</jsp:attribute>
    <jsp:attribute name="header">
   <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.20/datatables.min.css"/>

<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.20/datatables.min.js"></script>


    </jsp:attribute>

    <jsp:attribute name="addToFooter">
<%--<style type="text/css" media="all">--%>

<%--        table{--%>
<%--  margin: 0 auto;--%>
<%--  width: 100%;--%>
<%--  clear: both;--%>
<%--  border-collapse: collapse;--%>
<%--  table-layout: fixed; // ***********add this--%>
<%--  word-wrap:break-word; // ***********and this--%>
<%--}--%>

<%--</style>--%>

        <script>

            $(document).ready( function () {
                var table = $('#heatmap').DataTable({
                    // "columnDefs": [
                    //     { "width": "2%", "targets": 0 }
                    // ], only use if scroll set to false
                    //"scrollX": true,
                    'createdRow': function(row, data, index){
                        //$(row).find('td:eq(1)').css('background-color', 'grey');

                        for(var i=1; i<data.length; i++) {
                            if (data[i] == 0) {
                                $(row).find('td:eq('+i+')').css('background-color', '#fff').css('color', 'rgba(0, 0, 0, 0.0)').css("pointer-events", "pointer");
                            }else
                            if (data[i] == 1) {
                                $(row).find('td:eq('+i+')').css('background-color', '#808080').css('color', 'rgba(0, 0, 0, 0.0)').css("pointer-events", "pointer");;
                            }else
                            if (data[i] == 2) {
                                $(row).find('td:eq('+i+')').css('background-color', '#17a2b8').css('color', 'rgba(0, 0, 0, 0.0)').css('cursor','pointer');
                            }else
                            if (data[i] == 4) {
                                $(row).find('td:eq('+i+')').css('background-color', '#ce6211').css('color', 'rgba(0, 0, 0, 0.0)').css('cursor','pointer');
                            }
                        }
                    },
                });

                $('#heatmap tbody').on('click', 'tr', function () {
                    var data = table.row( this ).data();
                    var isAnalysed= false;
                    var i;
                    for(i=0; i<data.length; i++){
                        if(data[i]==4){
                            isAnalysed=true;
                        }<commit_msg>embryo heatmap mouseover and links across entire row<commit_after><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
<t:genericpage-landing>

    <jsp:attribute name="title">Embryo Heat Map</jsp:attribute>
    <jsp:attribute name="header">
   <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.20/datatables.min.css"/>

<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.20/datatables.min.js"></script>


    </jsp:attribute>

    <jsp:attribute name="addToFooter">
<%--<style type="text/css" media="all">--%>

<%--        table{--%>
<%--  margin: 0 auto;--%>
<%--  width: 100%;--%>
<%--  clear: both;--%>
<%--  border-collapse: collapse;--%>
<%--  table-layout: fixed; // ***********add this--%>
<%--  word-wrap:break-word; // ***********and this--%>
<%--}--%>

<%--</style>--%>

        <script>

            $(document).ready( function () {
                var table = $('#heatmap').DataTable({
                    // "columnDefs": [
                    //     { "width": "2%", "targets": 0 }
                    // ], only use if scroll set to false
                    //"scrollX": true,
                    'createdRow': function(row, data, index){
                        //$(row).find('td:eq(1)').css('background-color', 'grey');
                        $(row).css("cursor", "pointer");
                        for(var i=1; i<data.length; i++) {
                            if (data[i] == 0) {
                                $(row).find('td:eq('+i+')').css('background-color', '#fff').css('color', 'rgba(0, 0, 0, 0.0)');
                            }else
                            if (data[i] == 1) {
                                $(row).find('td:eq('+i+')').css('background-color', '#808080').css('color', 'rgba(0, 0, 0, 0.0)');
                            }else
                            if (data[i] == 2) {
                                $(row).find('td:eq('+i+')').css('background-color', '#17a2b8').css('color', 'rgba(0, 0, 0, 0.0)');
                            }else
                            if (data[i] == 4) {
                                $(row).find('td:eq('+i+')').css('background-color', '#ce6211').css('color', 'rgba(0, 0, 0, 0.0)');
                            }
                        }
                    },
                });

                $('#heatmap tbody').on('click', 'tr', function () {
                    var data = table.row( this ).data();
                    var isAnalysed= false;
                    var i;
                    for(i=0; i<data.length; i++){
                        if(data[i]==4){
                            isAnalysed=true;
                        }
{'fraction_non_alphanumeric': 0.22662742382271467, 'fraction_numerical': 0.02008310249307479, 'mean_word_length': 1.487941429801895, 'pattern_counts': {'":': 8, '<': 59, '<?xml version=': 0, '>': 55, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '931068', 'n_tokens_mistral': 1977, 'n_tokens_neox': 1805, 'n_words': 287}