<commit_before><div metal:use-macro="view.layout">
    <div metal:fill-slot="content">
            <br>
            <h3>Recovery Points</h3>
            <table class="table table-striped table-hover" id="recovery_point_table">
                <thead>
                    <tr>
                        <th>Contents</th>
                        <th>Date</th>
                        <th></th>
                    </tr>
                </thead>

            </table>

            <div class="modal fade" id="mountModal" tabindex="-1" role="dialog" arial-labelledby="mountModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="mountModalLabel">Mounting recovery point...</h4>
                        </div>
                        <div class="modal-body">
                            <p><i class="fa fa-spinner fa-spin"></i> Loading...</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default disabled" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-danger disabled">Dismount</button>
                        </div>
                    </div>
                </div>
            </div>

            <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10-dev/js/jquery.dataTables.min.js"></script>
            <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/plug-ins/28e7751dbec/integration/bootstrap/3/dataTables.bootstrap.js"></script>
            <script type="text/javascript">
                $(function(){
                    $.extend($.fn.dataTable.defaults.oLanguage, {
                        "sLoadingRecords": '<i class="fa fa-spinner fa-spin"></i> Loading...',
                    });
                    $("#recovery_point_table").dataTable({
                        "order": [ 1, 'desc' ],
                        "ajax": "/api/${machine}",
                        "columns": [
                            { "data": "contents" },
                            { "data": "date" },
                            { "data": "button" },
                        ],
                    }).fadeIn();
                });
            </script>
    </div><commit_msg>Allow modals to be used multiple times.<commit_after><div metal:use-macro="view.layout">
    <div metal:fill-slot="content">
            <br>
            <h3>Recovery Points</h3>
            <table class="table table-striped table-hover" id="recovery_point_table">
                <thead>
                    <tr>
                        <th>Contents</th>
                        <th>Date</th>
                        <th></th>
                    </tr>
                </thead>

            </table>

            <div class="modal fade" id="mountModal" tabindex="-1" role="dialog" arial-labelledby="mountModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="mountModalLabel">Mounting recovery point...</h4>
                        </div>
                        <div class="modal-body">
                            <p><i class="fa fa-spinner fa-spin"></i> Loading...</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default disabled" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-danger disabled">Dismount</button>
                        </div>
                    </div>
                </div>
            </div>

            <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10-dev/js/jquery.dataTables.min.js"></script>
            <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/plug-ins/28e7751dbec/integration/bootstrap/3/dataTables.bootstrap.js"></script>
            <script type="text/javascript">
                $(function(){
                    $.extend($.fn.dataTable.defaults.oLanguage, {
                        "sLoadingRecords": '<i class="fa fa-spinner fa-spin"></i> Loading...',
                    });
                    $("#recovery_point_table").dataTable({
                        "order": [ 1, 'desc' ],
                        "ajax": "/api/${machine}",
                        "columns": [
                            { "data": "contents" },
                            { "data": "date" },
                            { "data": "button" },
                        ],
                    }).fadeIn();
                });

                $(document.body).on('hidden.bs.modal', function () {
                  $('#mountModal').removeData('bs.modal')
                });
            </script>
    </div>
{'fraction_non_alphanumeric': 0.15242057488653554, 'fraction_numerical': 0.00680786686838124, 'mean_word_length': 1.21947125472094, 'pattern_counts': {'":': 14, '<': 103, '<?xml version=': 0, '>': 103, 'https://': 0, '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': '5500200', 'n_tokens_mistral': 1395, 'n_tokens_neox': 1297, 'n_words': 216}