<commit_before><!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="utf-8">
    <title>Template</title>

    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.13/datatables.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.3/angular-material.css">
    <style type="text/css" media="screen">

        /**
        * background: #3e8196;
        * color: #fff;
        * border: ???;
        */
        * {
            margin: 0;
            padding: 0;
            font-family: 'Raleway', sans-serif;
        }

        html, body {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        body {
            display: flex;
            flex-flow: column;
        }

        nav.navbar {
            background: #3e8196;
            border-radius: inherit;
            margin: 0;
        }

        footer {
            background: #3e8196;
            height: 35px;
            line-height: 2.4;
        }

        a.project-link {
            color: #fff;
            font-size: 2em;
            font-weight: 700;
        }

        a.project-link:hover {
        }

        #dataTable {
            width: 100%;
        }

        #footerCaptionText {
            text-align: center;
            color: #fff;
            margin: 0;
        }

        #footerCaptionWrapper {

        }

        #graphAlpha {

        }

        #graphBeta {

        }

        .graph {
            height: 100%;
        }

        #graphs {
            flex: 0 1 340px;
            border: 1px solid #e6e6e6;

        }

        #main {
            display: flex;
            flex-flow: column;
        }

        .rand-h1 {
            font-size: 22px;
            font-weight: 800;
            color: #fff;
        }

        .row-graphs {
            height: 100%;
        }

        .slight-padding {
            padding: 5px;
        }

        .stabilize-container {
            margin: 0;
            width: 100%;
        }

        .standard-side-padding {
            padding: 0 60px;
        }

        #table {
            flex: 1 1;
            overflow-y: scroll;
        }

        .wrapper {
            height: 100%;
        }
    </style>
</head>
<body ng-controller="RandoptCtrl" ng-cloak>
<!--     <nav>
        <section id="headerLeft" class="header-component">
            <h1>Randopt</h1>
        </section>
    </nav> -->
    <nav id="nav" class="navbar standard-side-padding">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand project-link" href="#">Randopt</a>
        </div>
      </div><!--/.container-fluid -->
    </nav>

    <div id="main" class="wrapper standard-side-padding">
        <!-- Graphs -->
        <section id="graphs" class="container stabilize-container">
            <div class="row row-graphs">
                <section class="graph-wrapper col-md-6" >
                    <figure id="graphAlpha" class="graph">
                        <!-- <figcaption>explanatory caption</figcaption> -->

                    </figure>
                </section>
                <section class="graph-wrapper col-md-6">
                    <figure id="graphBeta" class="graph">
                        <!-- <figcaption>explanatory caption</figcaption> -->

                    </figure>
                </section>
            </div>
        </section>

        <!-- Data table -->
        <section id="table">
            <md-content laout="column" flex>
                <md-card>
                    <div layout="row" layout-wrap class="checkboxes">
                      <md-checkbox ng-model="options.rowSelection">Row Selection</md-checkbox>
                      <md-checkbox ng-model="options.multiSelect">Multiple Selection</md-checkbox>
                      <md-checkbox ng-model="options.autoSelect">Auto Selection</md-checkbox>
                      <md-checkbox ng-model="options.decapitate">Decapitate</md-checkbox>
                      <md-checkbox ng-model="options.largeEditDialog">Lard Edit Dialogs</md-checkbox>
                      <md-checkbox ng-model="options.boundaryLinks">Pagination Boundary Links</md-checkbox>
                      <md-checkbox ng-model="options.limitSelect" ng-click="toggleLimitOptions()">Pagination Limit Select</md-checkbox>
                      <md-checkbox ng-model="options.pageSelect">Pagination Page Select</md-checkbox>
                    </div>
                </md-card>

                <md-card>
                    <md-toolbar class="md-table-toolbar md-default" ng-hide="options.rowSelection && selected.length">
                        <div class="md-toolbar-tools">
                            <span>Nutrition</span>
                            <div flex></div>
                            <md-button class="md-icon-button" ng-click="loadStuff()">
                                <md-icon>refresh</md-icon>
                            </md-button>
                        </div>
                    </md-toolbar>

                    <md-toolbar class="md-table-toolbar alternate" ng-show="options.rowSelection && selected.length">
                        <div class="md-toolbar-tools">
                            <span>{{selected.length}} {{selected.length > 1 ? 'items' : 'item'}} selected</span>
                        </div>
                    </md-toolbar>

                    <md-table-container>
                        <table id="dataTable" md-table md-row-select="options.rowSelection" multiple="{{options.multiSelect}}" ng-model="selected" md-progress="promise">
                            <thead ng-if="!options.decapitate" md-head md-order="query.order" md-on-reorder="logOrder">
                                <tr md-row><commit_msg>more UI improvements for the table<commit_after><!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="utf-8">
    <title>Template</title>

    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.13/datatables.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.3/angular-material.css">
    <style type="text/css" media="screen">

        /**
        * background: #3e8196;
        * color: #fff;
        * border: ???;
        */
        * {
            margin: 0;
            padding: 0;
            font-family: 'Raleway', sans-serif;
        }

        html, body {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        body {
            display: flex;
            flex-flow: column;
        }

        nav.navbar {
            background: #3e8196;
            border-radius: inherit;
            margin: 0;
        }

        footer {
            background: #3e8196;
            height: 35px;
            line-height: 2.4;
        }

        a.project-link {
            color: #fff;
            font-size: 2em;
            font-weight: 700;
        }

        a.project-link:hover {
        }

        #dataTable {
            width: 100%;
        }

        #dataTable tbody {

        }

        #footerCaptionText {
            text-align: center;
            color: #fff;
            margin: 0;
        }

        #footerCaptionWrapper {

        }

        #graphAlpha {

        }

        #graphBeta {

        }

        .graph {
            height: 100%;
        }

        #graphs {
            flex: 0 1 340px;
            border: 1px solid #e6e6e6;

        }

        #main {
            display: flex;
            flex-flow: column;
        }

        md-checkbox .md-container {
            width: 0;
            height: 0;
        }

        .rand-h1 {
            font-size: 22px;
            font-weight: 800;
            color: #fff;
        }

        .row-graphs {
            height: 100%;
        }

        .slight-padding {
            padding: 5px;
        }

        .stabilize-container {
            margin: 0;
            width: 100%;
        }

        .standard-side-padding {
            padding: 0 60px;
        }

        #table {
            flex: 1 1;
            overflow-y: scroll;
        }

        #tableContainer {
            padding: 0 10px;
        }

        .wrapper {
            height: 100%;
        }
    </style>
</head>
<body ng-controller="RandoptCtrl" ng-cloak>
<!--     <nav>
        <section id="headerLeft" class="header-component">
            <h1>Randopt</h1>
        </section>
    </nav> -->
    <nav id="nav" class="navbar standard-side-padding">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand project-link" href="#">Randopt</a>
        </div>
      </div><!--/.container-fluid -->
    </nav>

    <div id="main" class="wrapper standard-side-padding">
        <!-- Graphs -->
        <section id="graphs" class="container stabilize-container">
            <div class="row row-graphs">
                <section class="graph-wrapper col-md-6" >
                    <figure id="graphAlpha" class="graph">
                        <!-- <figcaption>explanatory caption</figcaption> -->

                    </figure>
                </section>
                <section class="graph-wrapper col-md-6">
                    <figure id="graphBeta" class="graph">
                        <!-- <figcaption>explanatory caption</figcaption> -->

                    </figure>
                </section>
            </div>
        </section>

        <!-- Data table -->
        <section id="table">
            <md-content laout="column" flex>
                <md-card>
                    <div layout="row" layout-wrap class="checkboxes">
                      <md-checkbox ng-model="options.rowSelection">Row Selection</md-checkbox>
                      <md-checkbox ng-model="options.multiSelect">Multiple Selection</md-checkbox>
                      <md-checkbox ng-model="options.autoSelect">Auto Selection</md-checkbox>
                      <md-checkbox ng-model="options.decapitate">Decapitate</md-checkbox>
                      <md-checkbox ng-model="options.largeEditDialog">Lard Edit Dialogs</md-checkbox>
                      <md-checkbox ng-model="options.boundaryLinks">Pagination Boundary Links</md-checkbox>
                      <md-checkbox ng-model="options.limitSelect" ng-click="toggleLimitOptions()">Pagination Limit Select</md-checkbox>
                      <md-checkbox ng-model="options.pageSelect">Pagination Page Select</md-checkbox>
                    </div>
                </md-card>

                <md-card>
                    <md-toolbar class="md-table-toolbar md-default" ng-hide="options.rowSelection && selected.length">
                        <div class="md-toolbar-tools">
                            <span>Nutrition</span>
                            <div flex></div>
                            <md-button class="md-icon-button" ng-click="loadStuff()">
                                <md-icon>refresh</md-icon>
                            </md-button>
                        </div>
                    </md-toolbar>

                    <md-toolbar class="md-table-toolbar alternate" ng-show="options.rowSelection && selected.length">
                        <div class="md-toolbar-tools">
                            <span>{{selected.length}} {{selected.length > 1 ? 'items' : 'item'}} selected</span>
                        </div>
                    </md-toolbar>

                    <md-table-container id="tableContainer">
                        <table id="dataTable" md-table md-row-select="options.rowSelection" multiple="{{options.multiSelect}}" ng-model="selected" md-progress="promise">
                            <thead ng-if="!options.decapitate" md-head md-order="query.order" md-on-reorder="logOrder">
                                <tr md-row>
{'fraction_non_alphanumeric': 0.14039634146341465, 'fraction_numerical': 0.013948170731707317, 'mean_word_length': 1.388241718238078, 'pattern_counts': {'":': 0, '<': 215, '<?xml version=': 0, '>': 217, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '869289', 'n_tokens_mistral': 3877, 'n_tokens_neox': 3533, 'n_words': 629}