<commit_before><!doctype html>
<html lang="en">
    <head>
        <title>Ladda Demo</title>

        <meta charset="utf-8">

        <!-- jQuery -->
        <script type="text/javascript" src="/node_modules/jquery/dist/jquery.min.js"></script>

        <!-- Bootstrap -->
        <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
        <script type="text/javascript" src="/node_modules/tether/dist/js/tether.min.js"></script>
        <script type="text/javascript" src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>

        <!-- Foglet-ndp -->
        <script type="text/javascript" src="/node_modules/foglet-ndp/build/foglet-ndp.bundle.js"> </script>

        <!-- Vis.js -->
        <link rel="stylesheet" href="/node_modules/vis/dist/vis.css">
        <script type="text/javascript" src="/node_modules/vis/dist/vis.js"></script>

        <!-- Ladda Foglet Demo -->
        <link rel="stylesheet" href="/website/style.css">
        <script type="text/javascript" src="/website/main.js"></script>
    </head>
    <body>
        <nav class="navbar">
            <h1 class="text-center">
                Ladda Demo
                <a href="https://github.com/folkvir/ladda-demo" class="float-right" target="_blank">
                    <img src="/website/logo-github.png" title="Find us on github">
                </a>
            </h1>
        </nav>
        <br/>
        <div class="container-fluid">
            <div class="card">
                <div class="card-header">
                    <h3 class="float-left">Timeline (#Neighbors: <span id='neighbours_count')> </span>)</h3>
                    <div class="float-right">
                      <label> <b> Remote queries: </b>&nbsp;&nbsp;&nbsp;&nbsp;<span id="neighbours_queries_executed">0</span>&nbsp;&nbsp;<a href='#' onclick='modalDelegated()'> (show) </a> </label>
                    </div>
                </div>
                <div class="card-block">
                    <div class="row container-fluid">
                      <div class="col-3">
                          <h5>Global execution time:&nbsp;&nbsp;&nbsp;&nbsp;<span id="global_execution_time">---</span></h5>
                      </div>
                      <div class="col-3">
                          <h5>Cumulated execution time:&nbsp;&nbsp;&nbsp;&nbsp;<span id="cumulated_execution_time">---</span></h5>
                      </div>
                      <div class="col-3">
                          <h5>Improvement ratio:&nbsp;&nbsp;&nbsp;&nbsp;<span id="improvement_ratio">---</span></h5>
                      </div>
                      <div class="col-3">
                          <h5>Overhead:&nbsp;&nbsp;&nbsp;&nbsp;<span id="overhead">---</span></h5>
                      </div>
                    </div>
                    <hr/>
                    <div id="timeline"></div>
                </div>
            </div>
            <br/>
            <div class="row">
                <div class="col-12" id='queries-area'>
                    <div class="card">
                        <div class="card-header">
                            <h3 class="float-left">Queries <a href='#' onclick='showQueryStatus()'>(status)</a></h3>

                            <form class="form-inline float-right">
                              <div class="input-group mb-6 mr-sm-4 mb-sm-0" style='min-width:30%;'>
                                <div class="input-group-addon"> Server </div>
                                <input type="text" class="form-control" id="endpoint" value="https://query.wikidata.org/bigdata/ldf">
                              </div>
                              <div class="input-group mb-4 mr-sm-4 mb-sm-0">
                                <div class="input-group-addon"> Delegation number </div>
                                <input type="number" class="form-control" id="delegation_number" value="2">
                              </div>
                              <button class="send_queries btn btn-success float-right disabled" onclick="sendQueries()">Execute queries</button>
                            </form>
                        </div>
                        <div class="card-block">
                            <textarea id="queries" class="form-control" style="min-height: 300px;">[
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 5 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 10 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 15 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 20 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 25 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 30 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 35 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 40 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 45 LIMIT 5"
]</textarea>
                        </div>
                    </div>
                </div>
								<div class="col-12" id='queries-status'>
                    <div class="card">
                        <div class="card-header">
                            <div class="float-left">
                              <h3 class="">Status <a href='#' onclick='showQueriesArea()'>(queries) </a></h3>
                              <div class="progress">
                                <div class="progress-bar" role="progressbar" aria-valuenow="0"
                                aria-valuemin="0" aria-valuemax="100" style="width:0%" id='statusQueriesExecution'>
                                  0%
                                </div>
                              </div>
                            </div>

                            <form class="form-inline float-right">
                              <div class="input-group mb-6 mr-sm-4 mb-sm-0" style='min-width:30%;'>
                                <div class="input-group-addon"> Server </div>
                                <input type="text" class="form-control" id="endpoint" value="https://query.wikidata.org/bigdata/ldf">
                              </div>
                              <div class="input-group mb-4 mr-sm-4 mb-sm-0">
                                <div class="input-group-addon"> Delegation number </div>
                                <input type="number" class="form-control" id="delegation_number" value="2">
                              </div>
                              <a class="send_queries btn btn-success float-right disabled" onclick="sendQueries()">Execute queries</a>
                            </form>

                        </div>
                        <div class="card-block table-responsive">
                          <table class='table table-bordered' id='queriesStatusTable'>
														<thead class="thead-inverse">
															<tr>
																<th>#</th>
																<th>Query</th>
																<th>Status</th>
															</tr>
														</thead>
														<tbody id='statusQueryBody'>

														</tbody>
													</table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="mymodal">
            <div class="modal-dialog modal-lg" role="dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Query: <span class="qId"></span></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button><commit_msg>fix bug with the refresh<commit_after><!doctype html>
<html lang="en">
    <head>
        <title>Ladda Demo</title>

        <meta charset="utf-8">

        <!-- jQuery -->
        <script type="text/javascript" src="/node_modules/jquery/dist/jquery.min.js"></script>

        <!-- Bootstrap -->
        <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
        <script type="text/javascript" src="/node_modules/tether/dist/js/tether.min.js"></script>
        <script type="text/javascript" src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>

        <!-- Foglet-ndp -->
        <script type="text/javascript" src="/node_modules/foglet-ndp/build/foglet-ndp.bundle.js"> </script>

        <!-- Vis.js -->
        <link rel="stylesheet" href="/node_modules/vis/dist/vis.css">
        <script type="text/javascript" src="/node_modules/vis/dist/vis.js"></script>

        <!-- Ladda Foglet Demo -->
        <link rel="stylesheet" href="/website/style.css">
        <script type="text/javascript" src="/website/main.js"></script>
    </head>
    <body>
        <nav class="navbar">
            <h1 class="text-center">
                Ladda Demo
                <a href="https://github.com/folkvir/ladda-demo" class="float-right" target="_blank">
                    <img src="/website/logo-github.png" title="Find us on github">
                </a>
            </h1>
        </nav>
        <br/>
        <div class="container-fluid">
            <div class="card">
                <div class="card-header">
                    <h3 class="float-left">Timeline (#Neighbors: <span id='neighbours_count')> </span>)</h3>
                    <div class="float-right">
                      <label> <b> Remote queries: </b>&nbsp;&nbsp;&nbsp;&nbsp;<span id="neighbours_queries_executed">0</span>&nbsp;&nbsp;<a href='#' onclick='modalDelegated()'> (show) </a> </label>
                    </div>
                </div>
                <div class="card-block">
                    <div class="row container-fluid">
                      <div class="col-3">
                          <h5>Global execution time:&nbsp;&nbsp;&nbsp;&nbsp;<span id="global_execution_time">---</span></h5>
                      </div>
                      <div class="col-3">
                          <h5>Cumulated execution time:&nbsp;&nbsp;&nbsp;&nbsp;<span id="cumulated_execution_time">---</span></h5>
                      </div>
                      <div class="col-3">
                          <h5>Improvement ratio:&nbsp;&nbsp;&nbsp;&nbsp;<span id="improvement_ratio">---</span></h5>
                      </div>
                      <div class="col-3">
                          <h5>Overhead:&nbsp;&nbsp;&nbsp;&nbsp;<span id="overhead">---</span></h5>
                      </div>
                    </div>
                    <hr/>
                    <div id="timeline"></div>
                </div>
            </div>
            <br/>
            <div class="row">
                <div class="col-12" id='queries-area'>
                    <div class="card">
                        <div class="card-header">
                            <h3 class="float-left">Queries <a href='#' onclick='showQueryStatus()'>(status)</a></h3>

                            <form class="form-inline float-right">
                              <div class="input-group mb-6 mr-sm-4 mb-sm-0" style='min-width:30%;'>
                                <div class="input-group-addon"> Server </div>
                                <input type="text" class="form-control" id="endpoint" value="https://query.wikidata.org/bigdata/ldf">
                              </div>
                              <div class="input-group mb-4 mr-sm-4 mb-sm-0">
                                <div class="input-group-addon"> Delegation number </div>
                                <input type="number" class="form-control" id="delegation_number" value="2">
                              </div>
                              <a class="send_queries btn btn-success float-right disabled" onclick="sendQueries()">Execute</a>
                            </form>
                        </div>
                        <div class="card-block">
                            <textarea id="queries" class="form-control" style="min-height: 300px;">[
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 5 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 10 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 15 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 20 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 25 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 30 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 35 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 40 LIMIT 5",
   " PREFIX wd: <http://www.wikidata.org/entity/> SELECT * WHERE { ?s ?p wd:Q142. ?s ?p ?o . } OFFSET 45 LIMIT 5"
]</textarea>
                        </div>
                    </div>
                </div>
								<div class="col-12" id='queries-status'>
                    <div class="card">
                        <div class="card-header">
                            <div class="float-left">
                              <h3 class="">Status <a href='#' onclick='showQueriesArea()'>(queries) </a></h3>
                              <div class="progress">
                                <div class="progress-bar" role="progressbar" aria-valuenow="0"
                                aria-valuemin="0" aria-valuemax="100" style="width:0%" id='statusQueriesExecution'>
                                  0%
                                </div>
                              </div>
                            </div>

                            <form class="form-inline float-right">
                              <div class="input-group mb-6 mr-sm-4 mb-sm-0" style='min-width:30%;'>
                                <div class="input-group-addon"> Server </div>
                                <input type="text" class="form-control" id="endpoint" value="https://query.wikidata.org/bigdata/ldf">
                              </div>
                              <div class="input-group mb-4 mr-sm-4 mb-sm-0">
                                <div class="input-group-addon"> Delegation number </div>
                                <input type="number" class="form-control" id="delegation_number" value="2">
                              </div>
                              <a class="send_queries btn btn-success float-right disabled" onclick="sendQueries()">Execute</a>
                            </form>

                        </div>
                        <div class="card-block table-responsive">
                          <table class='table table-bordered' id='queriesStatusTable'>
														<thead class="thead-inverse">
															<tr>
																<th>#</th>
																<th>Query</th>
																<th>Status</th>
															</tr>
														</thead>
														<tbody id='statusQueryBody'>

														</tbody>
													</table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="mymodal">
            <div class="modal-dialog modal-lg" role="dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Query: <span class="qId"></span></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
{'fraction_non_alphanumeric': 0.16328016012616, 'fraction_numerical': 0.013707769757991145, 'mean_word_length': 1.4080619249306265, 'pattern_counts': {'":': 0, '<': 375, '<?xml version=': 0, '>': 375, 'https://': 6, 'lorem ipsum': 0, 'www.': 20, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 7, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4763013', 'n_tokens_mistral': 5338, 'n_tokens_neox': 4719, 'n_words': 941}