<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
    JDK: 8.0.0 to 8.0.0-deterministic
</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" />
<!-- {{{ Styles -->
<style type="text/css">
    body {
        font-family:Arial, sans-serif;
        font-size:11px;
        background-color:White;
        color:Black;
    }
    a {
        text-decoration: none;
    }
    a:hover {
        text-decoration: underline;
    }
    th.file-column {
        text-align: left;
    }
    td.type-column {
        text-align: center;
        color: #c0c0c0;
    }
    td.file-column {
        text-align: left;
        font-size: 0.875em;
        font-family: Consolas, 'DejaVu Sans Mono', 'Droid Sans Mono', Monaco, Monospace;
        white-space: normal;
        word-wrap: break-word;
    }
    td.status-column {
        text-align: center;
    }
    td.change-column {
        text-align: center;
    }
    td.diff-column {
        text-align: center;
    }
    table.summary {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    span.status {
        padding: 5px 10px;
        border-radius: 2px;
        min-width: 50px;
        display: inline-block;
    }
    span.status-added {
        background-color: #00d800;
    }
    span.status-changed {
        background-color: #e8b411;
    }
    span.status-removed {
        background-color: #c00000;
        color: #ffffff;
    }
    span.status-moved {
        background-color: #e8b411;
    }
    span.status-renamed {
        background-color: #e8b411;
    }
    span.status-exclusions {
        background-color: #c00000;
        color: #ffffff;
    }
    span.status-unchanged {
        background-color: #00d800;
    }
    th input[type="text"] {
        outline: none;
        width: 100%;
        padding: 5px;
        border: 1px solid #e8e8e8;
    }
</style>
<!-- Styles }}} -->
<!-- {{{ Scripts -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="JavaScript">
<!--
$(function() {
    var dataset = [
        // {{{ Dataset

        /* DATASET */

        // Dataset }}}
    ];

    var statusRenderFunc = function (data, type, row, meta) {
        return '<span class="status status-' + data + '">' + data + '</span>';
    };
    var diffRenderFunc = function (data, type, row, meta) {
        if (data) {
            if (data.endsWith('.java')) {
                return '<a href="exclusions.'+data.replace(/\//g, '.')+'" target="_blank">(view)</a>';
            } else {
                return '<a href="pkgdiff_reports.jdk.8.0.0_to_8.0.0-deterministic.diffs.'+data.replace(/\//g, '.')+'-diff.html" target="_blank">(view)</a>';
            }
        } else {
            return '';
        }
    };

    $('.summary tfoot th').each( function () {
        var title = $(this).text();
        $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
    });

    var table = $('.summary').DataTable({
        'order': [[ 1, 'asc' ]],
        'pageLength': 100,
        'lengthMenu': [ 10, 25, 50, 100, 1000, 10000, 25000 ],
        'data': dataset,
        'columns': [
            { 'title': 'Type', 'className': 'type-column' },
            { 'title': 'File', 'width': '70%', 'className': 'file-column' },
            { 'title': 'Status', 'className': 'status-column', 'render': statusRenderFunc },
            { 'title': 'Change', 'className': 'change-column' },
            { 'title': 'Differences', 'className': 'diff-column', 'render': diffRenderFunc },
        ]
    });

    table.columns().every( function () {
        var that = this;
        $( 'input', this.footer() ).on( 'keyup change', function () {
            if ( that.search() !== this.value ) {
                that
                    .search( this.value )
                    .draw();
            }
        } );
    } );
});
-->
</script>
<!-- Scripts }}} -->
</head>
<body>
    <table class="summary">
        <tfoot>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
        </tfoot>
    </table>
</body>
</html>