index.php

<?php
$directory = "../output";

$eccsResults = array();
if ($handle = opendir($directory)) {
   while (false !== ($entry = readdir($handle))) {
      if ($entry != "." && $entry != ".." && $entry != ".gitignore" && $entry != "failed-cmd.sh") {
         array_push($eccsResults, $entry);
      }
   }
   closedir($handle);
}
sort($eccsResults);
$str2strip = array("eccs_", ".log");
$firstFile = $eccsResults[array_key_first($eccsResults)];
$firstDate = str_replace($str2strip, "", $firstFile);
$lastFile = $eccsResults[array_key_last($eccsResults)];
$lastDate = str_replace($str2strip, "", $lastFile);

$data                   = array();
$data[ 'firstDate' ]    = $firstDate;
$data[ 'lastDate' ]     = $lastDate;
$data[ 'idp' ]          = htmlspecialchars($_GET[ "idp" ] ?? null);
$data[ 'reg_auth' ]     = htmlspecialchars($_GET[ "reg_auth" ] ?? null);
$data[ 'date' ]         = (htmlspecialchars($_GET[ "date" ] ?? null) ? htmlspecialchars($_GET[ "date" ]) : $lastDate);
$data[ 'status' ]       = htmlspecialchars($_GET[ "status" ] ?? null);
$data[ 'check_result' ] = htmlspecialchars($_GET[ "check_result" ] ?? null);
?>

<!DOCTYPE html>
<html>
   <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <title>eduGAIN Connectivity Check Service</title>

    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="old-ie.css" />
    <![endif]-->

    <link rel="stylesheet" type="text/css" href="master.css?v=1" />
    <link rel="stylesheet" type="text/css" href="et-menu-master.css" />
    <link rel="stylesheet" type="text/css" href="et-menu-min-600.css" media="(min-width: 800px)" />
    <link rel="stylesheet" type="text/css" href="min-800.css" media="(min-width: 800px)" />

    <!-- Template JS -->
    <script src="jquery.js"></script>
    <script src="jquery-ui.js"></script>
    <link rel="stylesheet" href="jquery-ui.css">

    <script type="text/javascript" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css"/>

    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>

    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"/>
    <link rel="stylesheet" type="text/css" href="eccs.css" />
    <script>
       $( function() {
          $( "#datepicker" ).datepicker({
             dateFormat: "yy-mm-dd",
             minDate: "<?php echo $data[ 'firstDate' ] ?>",
             maxDate: "<?php echo $data[ 'lastDate' ] ?>",
             defaultDate: "<?php echo $data[ 'date' ] ?>"
          }).datepicker("setDate","<?php echo $data[ 'date' ] ?>");
       } );
    </script>
  </head>
  <body>
       <!-- eduGAIN Header START -->
<?php include 'header.php'; ?>
       <!-- eduGAIN Header END -->
       <div id="main_body">
         <div class="eccs-central">
           <h1>eduGAIN Connectivity Check Service</h1>
           <p>The purpose of the eduGAIN Connectivity Check is to identify eduGAIN Identity Providers (IdP) that does not properly consume eduGAIN SAML2 SP metadata.</p>
           <div id="status">
              <hr>
              <div class="clearfix">
                 <div class="boxStatus">
                    <strong>Show IdPs with status:</strong>
                    <input id="error" type="checkbox" name="status" value="ERROR"/>
                    <label id="lbl-error" for="error">ERROR</label>
                    <input id="ok" type="checkbox" name="status" value="OK"/>
                    <label id="lbl-ok" for="ok">OK</label>
                    <input id="unknown" type="checkbox" name="status" value="UNKNOWN"/>
                    <label id="lbl-unknown" for="unknown">UNKNOWN</label>
                    <input id="disabled" type="checkbox" name="status" value="DISABLE"/>
                    <label id="lbl-disabled" for="disabled">DISABLED</label>
                 </div> <!-- END boxStatus -->
                 <div class="boxCalendar">
                    <div id="calendarGo">
                       <button id="goButton" onclick="getPastResults()">Go</button>
                       <label id="lbl-datepicker" for="datepicker" class="strong">Select date:</label>
                       <input type="text" id="datepicker" />
                    </div> <!-- END calendarGo -->
                 </div> <!-- END boxCalendar -->
              </div> <!-- END clearFix -->
              <hr>
           </div> <!-- END status -->
           <!--<button id="btn-show-all-children" type="button">Expand All</button>
           <button id="btn-hide-all-children" type="button">Collapse All</button>
           <hr>-->
           <div class="container">
              <div class="loader"></div>
              <table id="eccstable" class="cell-border" style="width:100%">
                 <thead>
                    <tr>
                       <th></th>
                       <th>DisplayName</th>
                       <th>EntityID</th>
                       <th>Registration Authority</th>
                    </tr>
                 </thead>
              </table>
           </div> <!-- END container -->
           <script type="text/javascript">
              var date = "<?php echo $data[ 'date' ] ?>";
              var reg_auth = "<?php echo $data[ 'reg_auth' ] ?>";
              var idp = "<?php echo $data[ 'idp' ] ?>";
              var status = "<?php echo $data[ 'status' ] ?>";
              var check_result = "<?php echo $data[ 'check_result' ] ?>";
           </script>
           <script type="text/javascript" src="eccs.js"></script>
         </div> <!-- END eccs-central -->
      </div> <!-- END main_body -->
   </div> <!-- END wrap -->
<?php include 'footer.php'; ?>
<?php include 'edugain-scripts-css.php'; ?>
  </body>
</html>