From 4843e664b10a74529b486854116164081b887ac1 Mon Sep 17 00:00:00 2001
From: Arngren <trygvenomeland@gmail.com>
Date: Tue, 29 Sep 2020 14:55:17 +0200
Subject: [PATCH] Real Initial commit

---
 common/kok-144x144.png | Bin 0 -> 7083 bytes
 common/main.css        |  47 ++++++++
 index.php              | 248 +++++++++++++++++++++++++++++++++++++++++
 updater.php            |  59 ++++++++++
 xmlToJson.php          |  15 +++
 5 files changed, 369 insertions(+)
 create mode 100644 common/kok-144x144.png
 create mode 100644 common/main.css
 create mode 100644 index.php
 create mode 100644 updater.php
 create mode 100644 xmlToJson.php

diff --git a/common/kok-144x144.png b/common/kok-144x144.png
new file mode 100644
index 0000000000000000000000000000000000000000..5962d7bbc82b1b18d4bebf6aff50691cea71840d
GIT binary patch
literal 7083
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
V(kQ@UMLPfh002ovPDHLkV1lffonHU|

literal 0
HcmV?d00001

diff --git a/common/main.css b/common/main.css
new file mode 100644
index 0000000..fab6a96
--- /dev/null
+++ b/common/main.css
@@ -0,0 +1,47 @@
+body{
+  font-family: "Red Hat Display", Myriad, Cantarell, "Noto Sans", "Liberation Sans","Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+table {
+    
+    border-collapse: collapse;
+    line-height: 1.1rem;
+  }
+  td, th {
+    border: 1px solid rgb(192, 192, 192);
+    padding: 0.8rem;
+  }
+  tr {
+    transition: 0.1s;
+  }
+  tr:nth-child(even){background-color: #f2f2f2;}
+
+  tr:hover {
+    background-color: #c5cae9;
+  }
+  tr:visited {
+          background-color:#c5cae9;    
+      }
+  th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+  h4 {
+    font-size: 20px;
+    margin-bottom: 6px;
+    margin-top: 20px;
+    font-weight: 600;
+  }
+  .hiddendiv {
+  	display:none;
+  }
+  .nav-link{
+    font-weight: 700;
+  }
+  .fade{
+    transition: 0.13s;
+  }
+
+  .button4:hover {background-color: #e7e7e7;}
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..3a62cdb
--- /dev/null
+++ b/index.php
@@ -0,0 +1,248 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type" />
+  <meta name="theme-color" content="#1a237e">
+  <title>Liveresultater</title>
+
+  <link rel="icon" type="image/png" href="./common/kok-144x144.png">
+  <link rel="stylesheet" href="common/bootstrap/css/bootstrap.min.css">
+  <link rel="stylesheet" href="common/main.css">
+</head>
+
+<body>
+  <nav class="navbar navbar-dark shadow" style="background-color: #303f9f;">
+    <div class="container-fluid">
+      <a class="navbar-brand" href="#">
+        <img src="./common/kok-144x144.png" width="30" height="30" class="d-inline-block align-top" alt="" loading="lazy">
+        Liveresultater
+      </a>
+      <div>
+        <span class="navbar-text mr-md-3" id="lastUpdate">
+          Status
+        </span>
+        <span class="navbar-text" id="lastMessage">
+          Status
+        </span>
+      </div>
+    </div>
+  </nav>
+
+  <div class="container alert alert-warning hiddendiv" role="alert" id="ConnectionAlert">
+    Du har mistet kontakten med serveren. Last inn sida på nytt får å koble til igjen <button type="button" class="btn btn-warning" onclick="location.reload()">Last inn på nytt</button>
+  </div>
+
+  <ul class="container nav nav-pills bd-highlight" id="classes-tabs" role="tablist" style="margin-bottom: 1rem; margin-top: 1rem;">
+    <li class="nav-item" role="presentation">
+      <a class="nav-link active" id="alle-tab" data-toggle="tab" href="#alle" role="tab" aria-controls="alle" aria-selected="true">Alle klasser</a>
+    </li>
+
+  </ul>
+
+  <div class="tab-content" id="classes-tab-content">
+    <div class="tab-pane fade show active" id="alle" role="tabpanel" aria-labelledby="alle">
+      <div class="container" id="alle-cont"></div>
+    </div>
+  </div>
+
+  <div id="liveresults" class="container"></div>
+
+  <script>
+    var tabsCreated = false;
+
+    function createTabs(tabArray) {
+      for (let i = 0; i < tabArray.length; i++) {
+        let startStrTab = '<li class="nav-item" role="presentation"><a class="nav-link" role="tab" data-toggle="tab"'
+
+        let StrTab = startStrTab + 'id="' + tabArray[i] + '-tab" href="#' + tabArray[i] + '" aria-controls="' + tabArray[i] + '" aria-selected="false">' + tabArray[i].replace(/_/g, " ") + '</a></li>';
+        let StrCont = '<div class="tab-pane fade show" id="' + tabArray[i] + '" role="tabpanel" aria-labelledby="' + tabArray[i] + '-tab"></div>'
+        document.getElementById("classes-tabs").innerHTML += StrTab;
+        document.getElementById("classes-tab-content").innerHTML += StrCont;
+      }
+    }
+
+    function diff_minutes(dt2, dt1) {
+
+      let diff = (dt2.getTime() - dt1.getTime()) / 1000;
+      //diff /= 60;
+      let minutes = Math.floor(diff / 60);
+      let seconds = diff - minutes * 60;
+      let hours = Math.floor(diff / 3600);
+
+      return minutes + ":" + seconds;
+    }
+
+    function diff_timestamp(dt2, dt1) {
+      let diff = (dt2.getTime() - dt1.getTime()) / 1000;
+      return diff;
+    }
+
+    function sortTable(tableToCheck) {
+      var table, rows, switching, i, x, y, shouldSwitch;
+      table = document.getElementById(tableToCheck);
+      switching = true;
+      /* Make a loop that will continue until
+      no switching has been done: */
+      while (switching) {
+        // Start by saying: no switching is done:
+        switching = false;
+        rows = table.rows;
+        /* Loop through all table rows (except the
+        first, which contains table headers): */
+        for (i = 1; i < (rows.length - 1); i++) {
+          // Start by saying there should be no switching:
+          shouldSwitch = false;
+          /* Get the two elements you want to compare,
+          one from current row and one from the next: */
+          x = rows[i].getElementsByTagName("td")[2];
+          y = rows[i + 1].getElementsByTagName("td")[2];
+          // Check if the two rows should switch place:
+          console.log(parseInt(x.className, 10));
+          console.log(parseInt(y.className, 10));
+          if (parseInt(x.className, 10) > parseInt(y.className, 10)) {
+            // If so, mark as a switch and break the loop:
+            shouldSwitch = true;
+            break;
+          }
+        }
+        if (shouldSwitch) {
+          /* If a switch has been marked, make the switch
+          and mark that a switch has been done: */
+          rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
+          switching = true;
+        }
+      }
+      for (i = 0; i < (rows.length); i++) {
+        rows[i].getElementsByTagName("td")[0].innerHTML = i+1;
+      }
+    }
+
+
+    function loadresults() {
+      var xmlhttp = new XMLHttpRequest();
+      xmlhttp.onreadystatechange = function() {
+        if (this.readyState == 4 && this.status == 200) {
+          let xmlObj = JSON.parse(this.responseText);
+
+          var classesArray = [];
+          for (let i = 0; i < xmlObj.ClassResult.length; i++) {
+            classesArray[i] = xmlObj.ClassResult[i].Class.Name.replace(/ /g, "_");;
+          }
+          console.log(classesArray);
+          if (tabsCreated == false) {
+            createTabs(classesArray);
+          }
+
+          //create tables
+
+
+          for (let i = 0; i < xmlObj.ClassResult.length; i++) {
+            let resultTable = '<table class="container" id="'+classesArray[i].replace(/ /g, "_")+'-table">'
+            for (let k = 0; k < xmlObj.ClassResult[i].PersonResult.length; k++) {
+              resultTable += '<tr><td id="Ranking"></td>'
+              resultTable += "<td>" + xmlObj.ClassResult[i].PersonResult[k].Person.Name.Given + " " + xmlObj.ClassResult[i].PersonResult[k].Person.Name.Family + "</td>"
+
+              let d1 = new Date(xmlObj.ClassResult[i].PersonResult[k].Result.FinishTime);
+              let d2 = new Date(xmlObj.ClassResult[i].PersonResult[k].Result.StartTime);
+              let timeUsed = diff_minutes(d1, d2);
+
+              resultTable += '<td class="'+diff_timestamp(d1, d2)+'">' + timeUsed + '</td>'
+              resultTable += "</tr>"
+              
+            }
+            document.getElementById(classesArray[i].replace(/ /g, "_")).innerHTML = resultTable;
+            resultTable += "</table>"
+            console.log(classesArray[i].replace(/ /g, "_")+'-table');
+            sortTable(classesArray[i].replace(/ /g, "_")+'-table');
+          }
+
+          console.log(xmlObj)
+        }
+      };
+      xmlhttp.open("GET", "xmlToJson.php", true);
+      xmlhttp.send();
+    }
+
+    loadresults()
+
+    function mkTimeStr(timestmp) {
+      var date = new Date(timestmp * 1000);
+      // Hours part from the timestamp
+      var hours = date.getHours();
+      // Minutes part from the timestamp
+      var minutes = "0" + date.getMinutes();
+      // Seconds part from the timestamp
+      var seconds = "0" + date.getSeconds();
+
+      // Will display time in 10:30:23 format
+      var formattedTime = hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2);
+
+      return formattedTime;
+    }
+
+
+    var lastUpdate;
+
+    if (typeof(EventSource) !== "undefined") {
+      var source = new EventSource("updater.php");
+      source.onmessage = function(event) {
+        //console.log(event);
+        statusArray = event.data.split(",");
+        lastMessage = parseInt(statusArray[3], 10);
+        console.log(statusArray);
+
+        //document.getElementById("result").innerHTML += event.data + "<br>";
+
+        document.getElementById("lastUpdate").innerHTML = "Siste oppdatering: " + mkTimeStr(statusArray[1]);
+        document.getElementById("lastMessage").innerHTML = "Siste melding fra server: " + mkTimeStr(statusArray[2]);
+        //document.getElementById("liveresult").innerHTML = event.data + "<br>";
+
+        updateInt = parseInt(statusArray[0], 10);
+        console.log(updateInt);
+        if (window.lastUpdate + 5 < parseInt(statusArray[1], 10)) {
+          updateInt = 1;
+        }
+        if (lastUpdate == undefined) {
+          window.lastUpdate == parseInt(statusArray[1], 10)
+        }
+        console.log(statusArray);
+
+        if (updateInt == 1) {
+          loadresults()
+          console.log("Update!!!!! :=)");
+          window.lastUpdate = parseInt(statusArray[1], 10);
+
+          var jdata = JSON.parse(statusArray[3]);
+          console.log(jdata);
+        } else {
+          console.log("No update");
+        }
+
+      };
+    } else {
+      document.getElementById("serverStatus").innerHTML = "Sorry, your browser does not support server-sent events...";
+    }
+
+    const checkConnection = async function() {
+      cTime = Math.round(Date.now() / 1000);
+
+      if (cTime > lastMessage + 30) {
+        //mistet tilkobling
+        var element = document.getElementById("ConnectionAlert");
+        element.classList.remove("hiddendiv");
+
+      } else {
+        //fortsatt tilkoblet
+        var element = document.getElementById("ConnectionAlert");
+        element.classList.add("hiddendiv");
+      }
+    }
+
+    var interval = setInterval(checkConnection, 10000);
+  </script>
+
+  <script src="common/bootstrap/js/bootstrap.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/updater.php b/updater.php
new file mode 100644
index 0000000..d96868c
--- /dev/null
+++ b/updater.php
@@ -0,0 +1,59 @@
+<?php
+set_time_limit( 0 );
+ini_set('auto_detect_line_endings', 1);
+ini_set('mysql.connect_timeout','7200');
+ini_set('max_execution_time', '0');
+
+date_default_timezone_set( 'Europe/Oslo' );
+ob_end_clean();
+gc_enable();
+
+header('Content-Type: text/event-stream');
+header('Cache-Control: no-cache');
+header('Access-Control-Allow-Credentials: true');
+header('Access-Control-Allow-Methods: GET');
+header('Access-Control-Expose-Headers: X-Events');  
+
+include 'lastSavedChange.php';
+
+$resultFile = "ttime-res/Resultater.xml";
+//load variable from last check
+$lastChange = filemtime($resultFile);
+$time = date('r');
+
+if ($lastSavedChange == NULL){
+    $lastSavedChange = $lastChange;
+}
+//check if file has been updated
+if ($lastSavedChange<$lastChange){
+    //update deteceted
+    $ischanged = "yes :)";
+    $var_str = var_export($lastChange, true);
+    $var = "<?php\n\n\$lastSavedChange = $var_str;\n\n?>";
+    file_put_contents('lastSavedChange.php', $var, LOCK_EX);
+    $objXmlDocument = simplexml_load_file("ttime-res/Resultater.xml");
+ 
+    //xml to json
+    if ($objXmlDocument === FALSE) {
+        foreach(libxml_get_errors() as $error) {
+            //error :(
+        }
+        exit;
+    }
+    $objJsonDocument = json_encode($objXmlDocument);
+    $arrOutput = json_decode($objJsonDocument, TRUE);
+
+    //csv format: change boolian , last time the xml was changed, current server time, json from xml
+    $response = "1,". $lastChange. "," . time() . "," . $objJsonDocument;
+    echo "data: $response\n\n";
+}
+elseif ($lastSavedChange==NULL){
+    //file does not exist
+}
+else {
+    //no update deteceted
+    $response = "0,". $lastChange. "," . time() . "," ;
+    echo "data: $response\n\n";
+}
+flush();
+?>
diff --git a/xmlToJson.php b/xmlToJson.php
new file mode 100644
index 0000000..2925013
--- /dev/null
+++ b/xmlToJson.php
@@ -0,0 +1,15 @@
+<?php
+libxml_use_internal_errors(TRUE);
+$objXmlDocument = simplexml_load_file("ttime-res/Resultater.xml");
+ 
+if ($objXmlDocument === FALSE) {
+    foreach(libxml_get_errors() as $error) {
+        //error
+    }
+    exit;
+}
+$objJsonDocument = json_encode($objXmlDocument);
+$arrOutput = json_decode($objJsonDocument, TRUE);
+ 
+echo $objJsonDocument;
+?>
\ No newline at end of file