<commit_before><!DOCTYPE html>
<html>
<head>
    <title>pyMetric Dashboard</title>
    <script src="js/jquery.js"></script>
    <script src="js/chart.js"></script>
    <script src="js/index.js"></script>
    <script src="js/knockout.js"></script>
    <script src="js/moment.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script src="bootstrap/js/bootstrap.js"></script>
</head>
<body>
<div class="" id="content">
    <div class="col-md-6" id="content_left">
        <div class="panel panel-default">
            <!-- Messages Panel -->
            <table class="table" id="message_table">
                <thead>
                <tr>
                    <th>Zeitpunkt</th>
                    <th>Herkunft</th>
                    <th>Nachricht</th>
                    <th>Typ</th>
                </tr>
                </thead>
                <tbody>
                <!-- ko foreach: messages -->
                <tr data-bind="css: { 'alert-info': Type() == 1, 'alert-warning': Type() == 2, 'alert-danger': Type() == 3 }">
                    <td><div data-bind="text: Time"></div></td>
                    <td><div data-bind="text: Origin"></div></td>
                    <td><div data-bind="text: Message"></div></td>
                    <td><div data-bind="text: Type"></div></td>
                </tr>
                <!-- /ko -->
                </tbody>
            </table>
            <script>
                function MessageViewModel() {
                    var self = this;
                    self.messages = ko.observableArray();

                    function updateMessages() {
                        $.getJSON("http://localhost:5000/metric/api/v1.0/message/20", function (data) {
                            self.messages.removeAll();
                            for (var i = 0; i < data.length; i++) {
                                self.messages.push({
                                    Time: ko.observable(moment.unix(data[i].Time).format("DD.MM.YYYY HH:mm:ss")),
                                    Origin: ko.observable(data[i].Origin),
                                    Message: ko.observable(data[i].Message),
                                    Type: ko.observable(data[i].Type, 10)
                                });
                            }
                            setTimeout(updateMessages, 2000);
                        });
                    }
                    updateMessages();
                }
                ko.applyBindings(new MessageViewModel(), $('#message_table')[0]);
            </script>
        </div>
        <div style="clear: both"></div>
        <div id="lineCharts">
            <div class="panel panel-default">
                <canvas id="lChart1" class="chart"></canvas>
            </div>
        </div>
    </div>
    <div class="col-md-6" id="content_right">
        <div class="panel panel-default">
            <div class="row" id="doughnutCharts">
                <div class="col-md-6 dChartBox" id="dChartBox1">
                    <canvas id="dChart1" class="chart"></canvas>
                </div>
                <div class="col-md-6 dChartBox" id="dChartBox2">
                    <canvas id="dChart2" class="chart"></canvas>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<commit_msg>Added fixed width for message table<commit_after><!DOCTYPE html>
<html>
<head>
    <title>pyMetric Dashboard</title>
    <script src="js/jquery.js"></script>
    <script src="js/chart.js"></script>
    <script src="js/index.js"></script>
    <script src="js/knockout.js"></script>
    <script src="js/moment.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script src="bootstrap/js/bootstrap.js"></script>
</head>
<body>
<div class="" id="content">
    <div class="col-md-6" id="content_left">
        <div class="panel panel-default">
            <!-- Messages Panel -->
            <table class="table" id="message_table">
                <thead>
                <tr>
                    <th width="20%">Zeitpunkt</th>
                    <th width="20%">Herkunft</th>
                    <th width="55%">Nachricht</th>
                    <th width="5%">Typ</th>
                </tr>
                </thead>
                <tbody>
                <!-- ko foreach: messages -->
                <tr data-bind="css: { 'alert-info': Type() == 1, 'alert-warning': Type() == 2, 'alert-danger': Type() == 3 }">
                    <td><div data-bind="text: Time"></div></td>
                    <td><div data-bind="text: Origin"></div></td>
                    <td><div data-bind="text: Message"></div></td>
                    <td><div data-bind="text: Type"></div></td>
                </tr>
                <!-- /ko -->
                </tbody>
            </table>
            <script>
                function MessageViewModel() {
                    var self = this;
                    self.messages = ko.observableArray();

                    function updateMessages() {
                        $.getJSON("http://localhost:5000/metric/api/v1.0/message/20", function (data) {
                            self.messages.removeAll();
                            for (var i = 0; i < data.length; i++) {
                                self.messages.push({
                                    Time: ko.observable(moment.unix(data[i].Time).format("DD.MM.YYYY HH:mm:ss")),
                                    Origin: ko.observable(data[i].Origin),
                                    Message: ko.observable(data[i].Message),
                                    Type: ko.observable(data[i].Type, 10)
                                });
                            }
                            setTimeout(updateMessages, 2000);
                        });
                    }
                    updateMessages();
                }
                ko.applyBindings(new MessageViewModel(), $('#message_table')[0]);
            </script>
        </div>
        <div style="clear: both"></div>
        <div id="lineCharts">
            <div class="panel panel-default">
                <canvas id="lChart1" class="chart"></canvas>
            </div>
        </div>
    </div>
    <div class="col-md-6" id="content_right">
        <div class="panel panel-default">
            <div class="row" id="doughnutCharts">
                <div class="col-md-6 dChartBox" id="dChartBox1">
                    <canvas id="dChart1" class="chart"></canvas>
                </div>
                <div class="col-md-6 dChartBox" id="dChartBox2">
                    <canvas id="dChart2" class="chart"></canvas>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>

{'fraction_non_alphanumeric': 0.1674177249761027, 'fraction_numerical': 0.009149255769493377, 'mean_word_length': 1.3965968586387434, 'pattern_counts': {'":': 0, '<': 191, '<?xml version=': 0, '>': 189, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '733611', 'n_tokens_mistral': 2123, 'n_tokens_neox': 1989, 'n_words': 359}