diff --git a/web/eccs.css b/web/eccs.css index 3f30665a0852b6fc5f26722f6595fff939ccbb14..a2fbcb5c07f87f55834b4f0a2b9e7cf4effd788b 100644 --- a/web/eccs.css +++ b/web/eccs.css @@ -226,3 +226,8 @@ input[type=checkbox] { display: none; background-size: 100px 100px; } + +.top .inline { + display: flex; + justify-content: space-between; +} diff --git a/web/eccs.js b/web/eccs.js index 93911338aaca9651662f8ee4810c93574a18aa24..8ac8a80887d1dcbb5fa28bd6859edea72321c34c 100644 --- a/web/eccs.js +++ b/web/eccs.js @@ -300,7 +300,7 @@ $(document).ready(function() { }, "lengthMenu": [[10, 30, 50, 100, -1], [10, 30, 50, 100, "All"]], "autoWidth": false, - "dom": '<"top"lip>rt<"bottom"><"clear">', + "dom": '<"top"<"inline"l<"statistics">>ip>rt<"bottom"><"clear">', "columns": [ { "className": 'details-control', @@ -350,7 +350,11 @@ $(document).ready(function() { } }, - "order": [[1, 'asc']] + "order": [[1, 'asc']], + "fnDrawCallback": function() { + let r= $('<input type="button" id="statisticsButton" value="ECCS demand"/>'); + $(".top .statistics").empty().append(r) + } } ); // Add event listener for opening and closing details diff --git a/web/index.php b/web/index.php index acc74749df08489ac0c06edacf21d62cfeccf924..a20dd7cb470203c96446d7294ef1262988b9438c 100644 --- a/web/index.php +++ b/web/index.php @@ -118,7 +118,7 @@ $data[ 'check_result' ] = htmlspecialchars($_GET[ "check_result" ] ?? null); var check_result = "<?php echo $data[ 'check_result' ] ?>"; </script> <script type="text/javascript" src="eccs.js"></script> - <script type="text/javascript" src="statistics.js" /></script> + <script type="text/javascript" src="statistics.js"></script> </div> <!-- END eccs-central --> <div id="statisticsModal" class="modal"> <div class="modal-content"> diff --git a/web/statistics.js b/web/statistics.js index c4f88411cde7d86b30cf088556f2c21a322c2aeb..99fac3c0ef946c3c5cd5a857a408d33e60795d17 100644 --- a/web/statistics.js +++ b/web/statistics.js @@ -6,7 +6,7 @@ $(document).ready(function() { $("#statisticsModal").hide() }); - $("#statisticsButton").on("click", function() { + $(document).on("click", "#statisticsButton", function() { $("#statisticsModal").show() getStatistics(); })