<commit_before><!DOCTYPE html>
<html ng-app="trifecta">
<head>
    <title>Trifecta: Dashboard</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <link href="/app/lib/css/bootstrap.min.css" type="text/css" rel="stylesheet" media=screen>
    <link href="/app/lib/js/tomorrow.min.css" type="text/css" rel="stylesheet" media=screen>
    <script src="/app/lib/js/jquery-2.1.1.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/angular.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/angular-resource.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/highlight.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/angular-highlightjs.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/ui-bootstrap-tpls.min.js" type="text/javascript"></script>

    <link href="/app/css/index.css" type="text/css" rel="stylesheet" media=screen>
    <link href="/app/css/inspect.css" type="text/css" rel="stylesheet" media=screen>
    <link href="/app/css/observe.css" type="text/css" rel="stylesheet" media=screen>
    <link href="/app/css/query.css" type="text/css" rel="stylesheet" media=screen>
    <script src="/app/js/TrifectaApp.js" type="text/javascript"></script>
    <script src="/app/js/Consumers.js" type="text/javascript"></script>
    <script src="/app/js/DashboardSvc.js" type="text/javascript"></script>
    <script src="/app/js/DashboardCtrl.js" type="text/javascript"></script>
    <script src="/app/js/DecoderMgmtDialog.js" type="text/javascript"></script>
    <script src="/app/js/InspectCtrl.js" type="text/javascript"></script>
    <script src="/app/js/MessageSearchDialog.js" type="text/javascript"></script>
    <script src="/app/js/ObserveCtrl.js" type="text/javascript"></script>
    <script src="/app/js/QueryCtrl.js" type="text/javascript"></script>
    <script src="/app/js/QuerySvc.js" type="text/javascript"></script>
    <script src="/app/js/Topics.js" type="text/javascript"></script>
    <script src="/app/js/WebSocketsSvc.js" type="text/javascript"></script>
</head>

<body ng-controller="DashboardCtrl">
    <h2><span class="title1">Tri</span><span class="title2">fec</span><span class="title3">ta</span> <span class="version">v{{ version }}</span></h2>

    <!-- global error messages -->
    <div ng-repeat="message in gloabalMessages" style="width: 100%">
        <div ng-class="'global_' + message.type" >
            <img class="middle" ng-src="/app/images/status/{{ message.type == 'error' ? 'redlight.png' : message.type == 'info' ? 'bluelight.png' : 'yellowlight.gif' }}">
            {{ message.text }}
            <img class="clickable middle" style="float: right"
                 src="/app/images/buttons/delete.png"
                 ng-click="removeMessage($index)">
        </div>
    </div>

    <!-- application tabs -->
    <div style="border: 1px solid #cccccc">
        <tabset>
            <tab ng-repeat="tab in tabs" active="tab.active" select="changeTab($index, $event)">
                <tab-heading><img class="tabs" ng-src="{{ tab.imageURL }}"> {{ tab.name }}</tab-heading>
            </tab>
        </tabset>
    </div>

    <!-- Inspect -->
    <div ng-controller="InspectCtrl" ng-show="tab.name == 'Inspect'" class="full_block">
        <div style="display: inline; width: 40%; float: left">
            <fieldset style="border-radius: 5px 5px 5px 5px">
                <legend>Topics</legend>
                <div class="topics_container">
                    <table style="width: 100%">
                        <tr ng-repeat="t in getTopics(hideEmptyTopics)|orderBy:'topic'" ng-class="t == topic ? 'highlighted' : ''">
                            <td style="width: 16px; height: 16px">
                                <img class="middle" ng-src="/app/images/status/{{t.totalMessages ? 'greenlight.png' : 'offlight.png'}}">
                            </td>
                            <td>
                                <a ng-click="updateTopic(t)">
                                    <span ng-class="t == topic ? 'highlighted' : ''">
                                        {{t.topic}}
                                        <span ng-show="t.totalMessages">
                                            (<span ng-show="t.totalMessages > 0" ng-class="t == topic ? 'highlighted' : 'messages'">{{t.totalMessages | number}}</span>)
                                        </span>
                                    </span>
                                </a>
                            </td>
                        </tr>
                    </table>
                </div>

                <div style="text-align: right; font-size: 10pt">
                    <a ng-click="hideEmptyTopics = !hideEmptyTopics">
                        <span ng-show="hideEmptyTopics">[Show empty topics]</span>
                        <span ng-show="!hideEmptyTopics">[Hide empty topics]</span>
                    </a>
                </div>
            </fieldset>

            <div class="separator">
                <fieldset style="border-radius: 5px 5px 5px 5px">
                    <legend>Messages and Offsets</legend>
                    <div class="messages_and_offsets">
                        <table style="width: 100%">
                            <tr>
                                <th>Partition</th>
                                <th>First Offset</th>
                                <th>Last Offset</th>
                                <th>Messages</th>
                            </tr>
                            <tr ng-repeat="p in topic.partitions" ng-class="p == partition ? 'highlighted' : ''">
                                <td>
                                    <a ng-click="updatePartition(p)">
                                        <span ng-class="p == partition ? 'highlighted' : ''" style="padding-left: 5px">{{p.partition}}</span>
                                    </a>
                                </td>
                                <td>
                                    <a ng-click="switchToMessage(topic.topic, p.partition, p.startOffset)">
                                        <span ng-class="p == partition ? 'highlighted' : ''">{{p.startOffset}}</span><commit_msg>simplified markup<commit_after><!DOCTYPE html>
<html ng-app="trifecta">
<head>
    <title>Trifecta: Dashboard</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <link href="/app/lib/css/bootstrap.min.css" type="text/css" rel="stylesheet" media=screen>
    <link href="/app/lib/js/tomorrow.min.css" type="text/css" rel="stylesheet" media=screen>
    <script src="/app/lib/js/jquery-2.1.1.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/angular.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/angular-resource.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/highlight.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/angular-highlightjs.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/app/lib/js/ui-bootstrap-tpls.min.js" type="text/javascript"></script>

    <link href="/app/css/index.css" type="text/css" rel="stylesheet" media=screen>
    <link href="/app/css/inspect.css" type="text/css" rel="stylesheet" media=screen>
    <link href="/app/css/observe.css" type="text/css" rel="stylesheet" media=screen>
    <link href="/app/css/query.css" type="text/css" rel="stylesheet" media=screen>
    <script src="/app/js/TrifectaApp.js" type="text/javascript"></script>
    <script src="/app/js/Consumers.js" type="text/javascript"></script>
    <script src="/app/js/DashboardSvc.js" type="text/javascript"></script>
    <script src="/app/js/DashboardCtrl.js" type="text/javascript"></script>
    <script src="/app/js/DecoderMgmtDialog.js" type="text/javascript"></script>
    <script src="/app/js/InspectCtrl.js" type="text/javascript"></script>
    <script src="/app/js/MessageSearchDialog.js" type="text/javascript"></script>
    <script src="/app/js/ObserveCtrl.js" type="text/javascript"></script>
    <script src="/app/js/QueryCtrl.js" type="text/javascript"></script>
    <script src="/app/js/QuerySvc.js" type="text/javascript"></script>
    <script src="/app/js/Topics.js" type="text/javascript"></script>
    <script src="/app/js/WebSocketsSvc.js" type="text/javascript"></script>
</head>

<body ng-controller="DashboardCtrl">
    <h2><span class="title1">Tri</span><span class="title2">fec</span><span class="title3">ta</span> <span class="version">v{{ version }}</span></h2>

    <!-- global error messages -->
    <div ng-repeat="message in gloabalMessages" style="width: 100%">
        <div ng-class="'global_' + message.type" >
            <img class="middle" ng-src="/app/images/status/{{ message.type == 'error' ? 'redlight.png' : message.type == 'info' ? 'bluelight.png' : 'yellowlight.gif' }}">
            {{ message.text }}
            <img class="clickable middle" style="float: right"
                 src="/app/images/buttons/delete.png"
                 ng-click="removeMessage($index)">
        </div>
    </div>

    <!-- application tabs -->
    <div style="border: 1px solid #cccccc">
        <tabset>
            <tab ng-repeat="tab in tabs" active="tab.active" select="changeTab($index, $event)">
                <tab-heading><img class="tabs" ng-src="{{ tab.imageURL }}"> {{ tab.name }}</tab-heading>
            </tab>
        </tabset>
    </div>

    <!-- Inspect -->
    <div ng-controller="InspectCtrl" ng-show="tab.name == 'Inspect'" class="full_block">
        <div style="display: inline; width: 40%; float: left">
            <fieldset style="border-radius: 5px 5px 5px 5px">
                <legend>Topics</legend>
                <div class="topics_container">
                    <div ng-repeat="t in getTopics(hideEmptyTopics)|orderBy:'topic'" ng-class="t == topic ? 'highlighted' : ''">
                        <img class="middle" ng-src="/app/images/status/{{t.totalMessages ? 'greenlight.png' : 'offlight.png'}}">
                        <img class="middle" src="/app/images/common/topic-16.png">
                        <a ng-click="updateTopic(t)">
                            <span ng-class="t == topic ? 'highlighted' : ''">
                                {{t.topic}}
                                <span ng-show="t.totalMessages">
                                    (<span ng-show="t.totalMessages > 0" ng-class="t == topic ? 'highlighted' : 'messages'">{{t.totalMessages | number}}</span>)
                                </span>
                            </span>
                        </a>
                    </div>
                </div>

                <div style="text-align: right; font-size: 10pt">
                    <a ng-click="hideEmptyTopics = !hideEmptyTopics">
                        <span ng-show="hideEmptyTopics">[Show empty topics]</span>
                        <span ng-show="!hideEmptyTopics">[Hide empty topics]</span>
                    </a>
                </div>
            </fieldset>

            <div class="separator">
                <fieldset style="border-radius: 5px 5px 5px 5px">
                    <legend>Messages and Offsets</legend>
                    <div class="messages_and_offsets">
                        <table style="width: 100%">
                            <tr>
                                <th>Partition</th>
                                <th>First Offset</th>
                                <th>Last Offset</th>
                                <th>Messages</th>
                            </tr>
                            <tr ng-repeat="p in topic.partitions" ng-class="p == partition ? 'highlighted' : ''">
                                <td>
                                    <a ng-click="updatePartition(p)">
                                        <span ng-class="p == partition ? 'highlighted' : ''" style="padding-left: 5px">{{p.partition}}</span>
                                    </a>
                                </td>
                                <td>
                                    <a ng-click="switchToMessage(topic.topic, p.partition, p.startOffset)">
                                        <span ng-class="p == partition ? 'highlighted' : ''">{{p.startOffset}}</span>
{'fraction_non_alphanumeric': 0.1749639827117016, 'fraction_numerical': 0.005522650872418761, 'mean_word_length': 1.904463040446304, 'pattern_counts': {'":': 0, '<': 278, '<?xml version=': 0, '>': 280, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 19, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3809061', 'n_tokens_mistral': 3739, 'n_tokens_neox': 3549, 'n_words': 599}