füge eine einfache kuchenstand Webseite hinzu

Die kuchenstand Webseite betrachtet nur die konfigurierten
Streak-Ereignisse und stellt diese als prozentualen Kuchen dar.

TODO: Mache das Streak-Symbolbild konfigurierbar.

1 files changed, 78 insertions, 0 deletions

diff --git a/kuchenstand.php b/kuchenstand.php
new file mode 100644
index 0000000..fb41f96
--- /dev/null
+++ b/kuchenstand.php
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
+<head>
+  <!-- Willkommen im Quellcode dieser Seite! Wenn du verstehen willst wie die
+       Seite funktioniert, findest du den Quellcode unter:
+       https://git.muhq.space/schule/punktestand
+  -->
+  <title>Kuchenstand</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="author" content="Florian Fischer" />
+
+  <!-- Setze ein leeres Bild als favicon -->
+  <link rel="icon" href="data:,">
+
+  <!-- Lade den allgemeinen CSS Code, der das Aussehen der Seite definiert -->
+  <link rel="stylesheet" href="index.css"/>
+  <!-- Lade den CSS Code, der das Aussehen der punktestand Seite geneauer definiert -->
+  <link rel="stylesheet" href="kuchenstand.css"/>
+
+  <!-- Die Daten für den Jahrgang und das Schuljahr aus der Datenbank -->
+  <?php 
+    // Lade die Daten für den Jahrgang und das Schuljahr aus der Datenbank
+    $QUERIES = array();
+    parse_str($_SERVER['QUERY_STRING'], $QUERIES);
+
+    // TODO: Berechne das aktuelle Schuljahr
+    function aktuelles_schuljahr() {
+      return "2526";
+    }
+
+    $SCHULJAHR = $QUERIES['schuljahr'] ?? aktuelles_schuljahr();
+    $JAHRGANG = $QUERIES['jahrgang'];
+    // TODO: Behandle fehlenden jahrgangs URL query Parameter
+
+    // Lade die lokale Konfigurationsdatei, die die globale Variable $CONFIG definiert
+    require_once('config.php');
+
+    // Lade die Funktion, um die Daten aus der Datenbank zu lesen
+    require('lade_daten.php');
+
+    // Lade alle Daten aus der Datenbank und schreibe sie als Javbascript Variablen
+    // in die Webseite mit der in lade_daten.php definierten Funktion.
+    $daten = schreibe_json($CONFIG, $SCHULJAHR, $JAHRGANG);
+  ?>
+
+  <!-- Lade die benötigten Javascript Dateien -->
+  <script src="js/kuchenstand.js"></script>
+</head>
+
+<body>
+  <h1>Kuchenstand Jahrgangsstufe <?php echo "$JAHRGANG $SCHULJAHR";?></h1>
+
+  <ul class="klassen-navigation">
+  <?php
+    foreach($daten["klassen"] as $klasse) {
+      echo "<li onclick=\"wechselKlasse('$klasse->bezeichner');\">$klasse->bezeichner</li>";
+    }
+  ?>
+  </ul>
+
+  <!-- Container für den Inhalt des Punktestands -->
+  <div id="content">
+    <div id="kuchen-wrapper">
+      <div id="kuchen">
+      </div>
+      <span id="streak">Wähle eine Klasse aus</span>
+    </div>
+
+    <!-- Liste aller Ergeignisse -->
+    <div class="ereignisse-wrapper">
+      <h2>Ereignisse</h2>
+      <ul id="ereignisse">
+      </ul>
+    </div>
+  </div>
+</body>
+</html>