Merge branch 'hotfix/menu-more-size'

instead of fa-angle-right to show that by clicking the sailor will be removed

.github/ISSUE_TEMPLATE/-de--feature-anfrage.md

@@ -0,0 +1,20 @@
+---
+name: "[DE] Feature-Anfrage"
+about: Schlage eine Idee für dieses Projekt vor
+title: ''
+labels: enhancement
+assignees: ''
+
+---
+
+**Bezieht sich Deine Feature-Anfrage auf ein Problem? Bitte beschreiben.**
+Eine klare und präzise Beschreibung des Problems. Z.B. Ich bin immer frustriert, wenn [...]
+
+**Beschreibe die gewünschte Lösung**
+Eine klare und präzise Beschreibung dessen, was passieren soll.
+
+**Beschreibe Alternativen, die Du in Betracht gezogen hast**
+Eine klare und präzise Beschreibung aller alternativen Lösungen oder Funktionen, die Du in Betracht gezogen hast.
+
+**Zusätzlicher Kontext**
+Füge hier weitere Kontexte oder Screenshots zur Feature-Anfrage hinzu.

.github/ISSUE_TEMPLATE/-de--fehlerbericht.md

@@ -0,0 +1,38 @@
+---
+name: "[DE] Fehlerbericht"
+about: Erstelle einen Bericht, um uns zu helfen, die App zu verbessern
+title: ''
+labels: bug
+assignees: ''
+
+---
+
+**Beschreibe den Fehler**
+Eine klare und präzise Beschreibung des Fehlers.
+
+**Reproduzierung**
+Schritte zum Reproduzieren des Fehlers:
+1. Gehe zu '...'
+2. Klicke auf '....'
+3. Scrolle nach unten zu '....'
+4. Sieh den Fehler
+
+**Erwartetes Verhalten**
+Eine klare und präzise Beschreibung dessen, was Du erwartet hattest.
+
+**Screenshots**
+Füge gegebenenfalls Screenshots hinzu, um Dein Problem zu erklären.
+
+**Desktop (bitte verfolständige die folgenden Informationen):**
+ - Betriebssystem: [z.B. Windows 10]
+ - Browser [z.B. chrome, safari]
+ - Version [z.B. 2.14]
+
+**Smartphone (bitte verfolständige die folgenden Informationen):**
+ - Gerät: [z.B. iPhone 6]
+ - Betriebssystem: [z.B. iOS 8.1]
+ - Browser [z.B. stock browser, safari]
+ - Version [z.B. 2.14]
+
+**Zusätzlicher Kontext**
+Füge hier einen anderen Kontext zum Problem hinzu.

.github/ISSUE_TEMPLATE/-en--bug-report.md

@@ -0,0 +1,38 @@
+---
+name: "[EN] Bug report"
+about: Create a report to help us improve
+title: ''
+labels: bug
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. Windows 10]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 2.14]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone 6]
+ - OS: [e.g. iOS 8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 2.14]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/-en--feature-request.md

@@ -0,0 +1,20 @@
+---
+name: "[EN] Feature request"
+about: Suggest an idea for this project
+title: ''
+labels: enhancement
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.gitignore

@@ -3,3 +3,4 @@ server/config.php
 api/config.php
 .htaccess
 !.keepfolder
+.idea

.htaccess_example

@@ -6,14 +6,13 @@ RewriteBase /projects/RegattenApp/
 
 ### RESTRICTED FOLDER
 RewriteRule ^(.*)server(.*)$ / [R=301,L,NC]
-RewriteRule ^(.*)content(.*)$ / [R=301,L,NC]
 
 
 
 ### CONTENT LOADER
 
 # Keep this subfolders untouched
-RewriteRule ^(api)($|/) - [L]
+#RewriteRule ^(api)($|/) - [L]
 
 # Show site
 RewriteRule ^([^\.]*)$ index.php?request=$1 [QSA]

README.md

@@ -0,0 +1,11 @@
+# Regatten.net App
+
+Willkommen im GitHub-Repository unserer neuen Regatten.net App.
+
+Falls sich jemand dafür interessiert, ist hier der gesamte Quellcode unserer neuen App zu finden.  
+Bitte beachtet, dass diese App einschließlich dem gesamten Quellcode exklusivem Urheberrecht unterliegt. Sie darf also nicht kopiert, verteilt oder verändert werden.  
+Sollte Interesse an einer Anbindung an unser System bestehen, kontaktiere uns bitte einfach (https://regatten.net/contact)
+
+Der Hauptzweck dieses Repository besteht jedoch darin, Feedback von Euch zu unserer neuen App zu bekommen.  
+Selbstverständlich könnt Ihr uns auch weiterhin auf anderen Kanälen erreichen, doch für Problem-Meldungen und Verbesserungsvorschläge ist GitHub am besten geeignet.  
+Wie Du Teil unseres BETA-Programmes wirst, die App installierst und Feedback gibst, erfährst Du in unserem [Wiki](https://github.com/ostertun/RegattenApp/wiki).

api/.htaccess_example

@@ -1,8 +0,0 @@
-RewriteEngine on
-# root directory:
-RewriteBase /projects/RegattenApp/api/
-
-
-
-# Show site
-RewriteRule ^(.*)$ index.php?request=$1 [QSA]

api/config_example.php

@@ -1,37 +0,0 @@
-<?php
-	
-	// DATABASE Credentials
-	define('DB_USER', 'regattenwebsite');
-	define('DB_PASS', 'RBpOv4YYtZKWIGcN');
-	define('DB_HOST', 'localhost');
-	define('DB_DATABASE', 'regattenwebsite');
-	
-	define('DB_CHANGE_TIME', true);
-	define('DB_USE_UTF8', true);  // use utf-8 in DB requests
-	
-	// DATABASE Table names
-	define('DB_TABLE_USERS', 'users');
-	define('DB_TABLE_LOGINS', 'logins');
-	define('DB_TABLE_KEEPLOGGEDIN', 'keeploggedin');
-	define('DB_TABLE_RESET', 'rstpw');
-	
-	define('DB_TABLE_CLUBS', 'regatta_clubs');
-	define('DB_TABLE_SUFFIX_BOATS', '_boats');
-	define('DB_TABLE_SUFFIX_SAILORS', '_sailors');
-	define('DB_TABLE_SUFFIX_PLANNING', '_planning');
-	define('DB_TABLE_SUFFIX_REGATTAS', '_regattas');
-	define('DB_TABLE_SUFFIX_RESULTS', '_results');
-	define('DB_TABLE_TRIM_BOATS', 'trim_boats');
-	define('DB_TABLE_TRIM_USERS', 'trim_users');
-	define('DB_TABLE_TRIM_TRIMS', 'trim_trims');
-	define('DB_TABLE_NEWS', 'news');
-	define('DB_TABLE_UPDATETIMES', '_updatetimes');
-	
-	// OUTGOING MAILS - Credentials for outgoing mails
-	define('MAIL_SMTP_HOST', 'ssl://ostertun.net');               // SMTP Server address
-	define('MAIL_SMTP_PORT', 465);                       // port to use
-	define('MAIL_FROM_ADDRESS', 'no-reply@regatten.net');  // address to send mails from
-	define('MAIL_USERNAME', MAIL_FROM_ADDRESS);             // if true: username
-	define('MAIL_PASSWORD', 'pVc05j_3');                    //  & password
-	
-?>

api/database.php

@@ -1,157 +0,0 @@
-<?php
-	
-	/*
-		
-		Mysql Database Support
-		----------------------
-		
-		Required defines:
-		- DB_HOST (STRING)
-		- DB_USER (STRING)
-		- DB_PASS (STRING)
-		- DB_DATABASE (STRING)
-		- DB_USE_UTF8 (BOOL)
-		- DB_CHANGE_TIME (BOOL)
-		
-		Required functions:
-		- logE (in /_global/log.php)
-		
-	*/
-	
-	$mysqli = mysqli_connect(DB_HOST, DB_USER, DB_PASS);
-	
-	if ($mysqli === false) {
-		logE("database", "Could not connect to database\n" . mysqli_connect_error);
-		die('Error: Could not connect to database');
-	}
-	
-	mysqli_select_db($mysqli, DB_DATABASE);
-	if (DB_USE_UTF8) {
-		mysqli_set_charset($mysqli, 'utf8');
-	}
-	
-	function db_get_data($mysqli, $table, $fields = '*', $where = false, $limit = false) {
-		$rest = '';
-		if ($where != false) {
-			$rest .= ' WHERE ' . $where;
-		}
-		if ($limit != false) {
-			$rest .= sprintf(' LIMIT %d', $limit);
-		}
-		$query = 'SELECT ' . $fields . ' FROM ' . mysqli_real_escape_string($mysqli, $table) . $rest . ';';
-		$response = mysqli_query($mysqli, $query);
-		
-		if ($response !== false) {
-			$result = array();
-			if ($response->num_rows > 0) {
-				$i = 0;
-				while ($row = $response->fetch_assoc()) {
-					if (isset($row['id'])) {
-						$id = $row['id'];
-					} else {
-						$id = $i;
-						$i ++;
-					}
-					foreach ($row as $key => $value) {
-						$result[$id][$key] = $value;
-					}
-				}
-			}
-			return $result;
-		} else {
-			logE("database", "get_data\nInvalid request\n" . $query . "\n" . mysqli_error($mysqli));
-			return false;
-		}
-	}
-	
-	function db_update_data($mysqli, $table, $data, $where, $limit = false) {
-		$rest = '';
-		if ($where != false) {
-			$rest .= ' WHERE ' . $where;
-		}
-		if ($limit != false) {
-			$rest .= sprintf(' LIMIT %d', $limit);
-		}
-		$set = '';
-		$first = true;
-		foreach ($data as $key => $value) {
-			if ($first) {
-				$first = false;
-			} else {
-				$set .= ', ';
-			}
-			if ($value === null) {
-				$set .= '`' . mysqli_real_escape_string($mysqli, $key) . '`=NULL';
-			} else {
-				$set .= '`' . mysqli_real_escape_string($mysqli, $key) . '`="' . mysqli_real_escape_string($mysqli, $value) . '"';
-			}
-		}
-		if (defined('DB_CHANGE_TIME')) $set .= ', `changed`=NOW()';
-		$query = 'UPDATE ' . mysqli_real_escape_string($mysqli, $table) . ' SET ' . $set . $rest . ';';
-		$response = mysqli_query($mysqli, $query);
-		
-		if ($response === false) {
-			logE("database", "update_data\nInvalid request\n" . $query . "\n" . mysqli_error($mysqli));
-		} elseif (defined('DB_CHANGE_TIME')) {
-			mysqli_query($mysqli, 'UPDATE `_updatetimes` SET `update`=NOW() WHERE `table`="' . mysqli_real_escape_string($mysqli, $table) . '";');
-		}
-		
-		return $response;
-	}
-	
-	function db_insert_data($mysqli, $table, $data) {
-		$fields = '';
-		$values = '';
-		$first = true;
-		foreach ($data as $key => $value) {
-			if ($first) {
-				$first = false;
-			} else {
-				$fields .= ', ';
-				$values .= ', ';
-			}
-			$fields .= '`' . mysqli_real_escape_string($mysqli, $key) . '`';
-			if ($value === null) {
-				$values .= 'NULL';
-			} else {
-				$values .= '"' . mysqli_real_escape_string($mysqli, $value) . '"';
-			}
-		}
-		if (defined('DB_CHANGE_TIME')) {
-			$fields .= ', `changed`';
-			$values .= ', NOW()';
-		}
-		$query = 'INSERT INTO `' . mysqli_real_escape_string($mysqli, $table) . '` (' . $fields . ') VALUES (' . $values . ');';
-		$response = mysqli_query($mysqli, $query);
-		if ($response === false) {
-			logE("database", "insert_data\nInvalid request\n" . $query . "\n" . mysqli_error($mysqli));
-		} else {
-			$response = mysqli_insert_id($mysqli);
-			if (defined('DB_CHANGE_TIME')) {
-				mysqli_query($mysqli, 'UPDATE `_updatetimes` SET `update`=NOW() WHERE `table`="' . mysqli_real_escape_string($mysqli, $table) . '";');
-			}
-		}
-		
-		return $response;
-	}
-	
-	function db_delete_data($mysqli, $table, $where, $limit = false) {
-		$rest = '';
-		if ($where != false) {
-			$rest .= ' WHERE ' . $where;
-		}
-		if ($limit != false) {
-			$rest .= sprintf(' LIMIT %d', $limit);
-		}
-		$query = 'DELETE FROM `' . mysqli_real_escape_string($mysqli, $table) . '`' . $rest . ';';
-		$response = mysqli_query($mysqli, $query);
-		if ($response === false) {
-			logE("database", "delete_data\nInvalid request\n" . $query . "\n" . mysqli_error($mysqli));
-		} elseif (defined('DB_CHANGE_TIME')) {
-			mysqli_query($mysqli, 'UPDATE `_updatetimes` SET `update`=NOW() WHERE `table`="' . mysqli_real_escape_string($mysqli, $table) . '";');
-		}
-		
-		return $response;
-	}
-	
-?>

api/functions.php

@@ -1,450 +0,0 @@
-<?php
-	
-	function get_db_entry($mysqli, $table, $id = false, $order = false) {
-		if ($id === false) {
-			return db_get_data($mysqli, $table, '*', ($order !== false ? ('1=1 ORDER BY ' . $order) : false));
-		} else {
-			$result = db_get_data($mysqli, $table, '*', '`id` = "' . mysqli_real_escape_string($mysqli, $id) . '"', 1);
-			if (($result === false) or (count($result) != 1))
-				return false;
-			else
-				return array_values($result)[0];
-		}
-	}
-	
-	function get_club($mysqli, $id = false) {
-		return get_db_entry($mysqli, DB_TABLE_CLUBS, $id, '`kurz` ASC');
-	}
-	
-	function get_boat($mysqli, $id = false) {
-		return get_db_entry($mysqli, BOATCLASS . DB_TABLE_SUFFIX_BOATS, $id, '`sailnumber` ASC');
-	}
-	
-	function get_sailor($mysqli, $id = false) {
-		return get_db_entry($mysqli, BOATCLASS . DB_TABLE_SUFFIX_SAILORS, $id, '`name` ASC');
-	}
-	
-	function get_planning($mysqli, $userId = false, $regattaId = false) {
-		$where = '';
-		$limit = false;
-		if ($userId !== false) {
-			$where .= '(`user`="' . mysqli_real_escape_string($mysqli, $userId) . '")';
-		}
-		if (($userId !== false) and ($regattaId !== false)) {
-			$where .= ' AND ';
-			$limit = 1;
-		}
-		if ($regattaId !== false) {
-			$where .= '(`regatta`="' . mysqli_real_escape_string($mysqli, $regattaId) . '")';
-		}
-		if ($where == '') $where = false;
-		if ($limit === false) {
-			return db_get_data($mysqli, BOATCLASS . DB_TABLE_SUFFIX_PLANNING, '*', $where);
-		} else {
-			$result = db_get_data($mysqli, BOATCLASS . DB_TABLE_SUFFIX_PLANNING, '*', $where, 1);
-			if (($result === false) or (count($result) != 1))
-				return false;
-			else
-				return array_values($result)[0];
-		}
-	}
-	
-	function get_regatta($mysqli, $id = false) {
-		return get_db_entry($mysqli, BOATCLASS . DB_TABLE_SUFFIX_REGATTAS, $id, '`date` ASC');
-	}
-	
-	function get_result($mysqli, $regattaId = false) {
-		if ($regattaId === false) {
-			return db_get_data($mysqli, BOATCLASS . DB_TABLE_SUFFIX_RESULTS);
-		} else {
-			return db_get_data($mysqli, BOATCLASS . DB_TABLE_SUFFIX_RESULTS, '*', '`regatta` = "' . mysqli_real_escape_string($mysqli, $regattaId) . '"');
-		}
-	
-	}
-	
-	function get_regattas_range($mysqli, $from, $to) {
-		return db_get_data($mysqli, BOATCLASS . DB_TABLE_SUFFIX_REGATTAS, '*', '(`date` >= "' . date('Y-m-d', $from) . '") AND (`date` <= "' . date('Y-m-d', $to) . '") ORDER BY `date`');
-	}
-	
-	function get_regatta_years($mysqli) {
-		$query = 'SELECT DISTINCT(YEAR(`date`)) as year FROM ' . BOATCLASS . DB_TABLE_SUFFIX_REGATTAS . ' ORDER BY `date`;';
-		$response = mysqli_query($mysqli, $query);
-		
-		if ($response !== false) {
-			$result = array();
-			if ($response->num_rows > 0) {
-				while ($row = $response->fetch_assoc()) {
-					$result[] = $row['year'];
-				}
-			}
-			return $result;
-		} else {
-			logE("functions", "get_data\nInvalid request\n" . $query . "\n" . mysqli_error($mysqli));
-			return false;
-		}
-	}
-	
-	function get_result_calculated($mysqli, $regatta_id) {
-		$regatta = get_regatta($mysqli, $regatta_id);
-		if ($regatta === false) {
-			return false;
-		}
-		$results = get_result($mysqli, $regatta_id);
-		if ($results !== false) {
-			
-			// *** Replace , with .
-			foreach ($results as $key => $value) {
-				for ($i = 1; $i <= $regatta['races']; $i ++) {
-					$results[$key]['race' . $i] = str_replace(',', '.', $results[$key]['race' . $i]);
-				}
-			}
-			
-			// *** Calculation ***
-			$gemeldet = count($results);
-			
-			$sortarray = array();
-			foreach ($results as $key => $value) {
-				$results[$key]['finished'] = false;
-				$results[$key]['values'] = array();
-				$results[$key]['values_all'] = array();
-				$results[$key]['texts'] = array();
-				$copy = array();
-				for ($i = 1; $i <= $regatta['races']; $i ++) {
-					if (is_numeric($value['race' . $i])) {
-						$results[$key]['values'][$i] = $value['race' . $i];
-						$results[$key]['texts'][$i] = $value['race' . $i];
-						$copy[$i] = $value['race' . $i];
-						$results[$key]['finished'] = true;
-					} else {
-						switch ($value['race' . $i]) {
-							// Nicht gestartet
-							case 'DNC': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; break; // Did not come
-							case 'DNS': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; break; // Did not started
-							// Startfehler
-							case 'OCS': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; /*$results[$key]['finished'] = true;*/ break; // On course site
-//	Muss v. Hand						case 'ZFP': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; $results[$key]['finished'] = true; break; // Z-Flag penalty (20% nach 30.2)
-							case 'UFD': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; /*$results[$key]['finished'] = true;*/ break; // Uniform Flag Disqualified (disqu. nach 30.3)
-							case 'BFD': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; /*$results[$key]['finished'] = true;*/ break; // Black Flag Disqualified (disqu. nach 30.4)
-							// Nicht durch Ziel gegangen
-							case 'DNF': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; break; // Did not finish
-							case 'RET': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; break; // Retired (Aufgegeben)
-							case 'RAF': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; /*$results[$key]['finished'] = true;*/ break; // Retired after finish
-							// Disqualifizierun
-							case 'DSQ': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; /*$results[$key]['finished'] = true;*/ break; // Disqualified
-							case 'DNE': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = -1; /*$results[$key]['finished'] = true;*/ break; // Disqualified, not excludable (disqu. kann nach 90.3(b) nicht gestrichen werden)
-							case 'DGM': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = -2; /*$results[$key]['finished'] = true;*/ break; // Disqualification Gross Missconduct (kann nach 69.1(b)(2) nicht gestr. werden, grobes Fehlverhalten)
-							// Wiedergutmachung
-//	Muss v. Hand						case 'RDG': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; $results[$key]['finished'] = true; break; // Redress given (Wiedergutmachung gewährt)
-							// Strafen
-//	Muss v. Hand						case 'SCP': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; $results[$key]['finished'] = true; break; // Wertungsstrafe nach 44.3(a) (20%)
-//	Muss v. Hand						case 'DPI': $results[$key]['values'][$i] = $gemeldet + 1; $copy[$i] = $gemeldet + 1; $results[$key]['finished'] = true; break; // Punktstrafe nach Ermessen der Jury
-							// Unbekannt
-							default: $results[$key]['values'][$i] = 0; $copy[$i] = 0; break;
-						}
-						
-						if ($results[$key]['values'][$i] != 0) {
-							$results[$key]['texts'][$i] = $value['race' . $i] . ' (' . $results[$key]['values'][$i] . ')';
-						} else {
-							$results[$key]['texts'][$i] = $value['race' . $i] . ' (Unknown - 0)';
-						}
-					}
-				}
-				$results[$key]['values_all'] = $results[$key]['values'];
-				for ($s = 0; $s < $regatta['streicher']; $s ++) {
-					$max = max($copy);
-					for ($i = 1; $i <= $regatta['races']; $i ++) {
-						if ($copy[$i] == $max) {
-							$copy[$i] = 0;
-							break;
-						}
-					}
-				}
-				$brutto = $netto = 0;
-				for ($i = 1; $i <= $regatta['races']; $i ++) {
-					$brutto += $results[$key]['values_all'][$i];
-					if     ($copy[$i] == -1) { $results[$key]['values'][$i] = $gemeldet + 1; }
-					elseif ($copy[$i] == -2) { $results[$key]['values'][$i] = $gemeldet + 1; }
-					else                     { $results[$key]['values'][$i] = $copy[$i]; }
-					if ($results[$key]['values'][$i] == 0) {
-						$results[$key]['texts'][$i] = '[' . $results[$key]['texts'][$i] . ']';
-					}
-					$netto += $results[$key]['values'][$i];
-				}
-				$results[$key]['brutto'] = $brutto;
-				$results[$key]['netto'] = $netto;
-				
-				if ($results[$key]['finished']) {
-					$sortarray[$key] = 0;
-				} else {
-					$sortarray[$key] = 1;
-				}
-				$sortarray[$key] /*.*/= sprintf("%08.2f", $netto);
-				$temp = $results[$key]['values'];
-				sort($temp);
-				$i = 0;
-				foreach ($temp as $val) {
-					if ($i < $regatta['races']) {
-						$sortarray[$key] .= sprintf("%07.2f", $val);
-					}
-					$i ++;
-				}
-				for ($i = $regatta['races']; $i > 0; $i --) {
-					$sortarray[$key] .= sprintf("%07.2f", $results[$key]['values_all'][$i]);
-				}
-				$results[$key]['sortvalue'] = $sortarray[$key];
-			}
-			array_multisort($sortarray, $results);
-			$i = 1;
-			foreach ($results as $key => $value) {
-				if (($i > 1) and ($sortarray[$key] == $sortarray[$lastkey])) {
-					$results[$key]['place'] = $results[$lastkey]['place'];
-				} else {
-					$results[$key]['place'] = $i;
-				}
-				$i ++;
-				$lastkey = $key;
-			}
-			unset ($sortarray);
-			
-			return $results;
-		} else {
-			return false;
-		}
-	}
-	
-	function update_result_cache($mysqli, $regatta_id) {
-		$regatta = get_regatta($mysqli, $regatta_id);
-		if ($regatta === false) return;
-		$results = get_result_calculated($mysqli, $regatta['id']);
-		if ($results === false) return;
-		
-		// count finished boats
-		$fb = 0;
-		foreach ($results as $result) {
-			if ($result['finished']) {
-				$fb ++;
-			}
-		}
-		
-		db_update_data($mysqli, BOATCLASS . DB_TABLE_SUFFIX_REGATTAS, ['finishedBoats' => $fb], '`id`="' . $regatta['id'] . '"', 1);
-		
-		foreach ($results as $result) {
-			if ($fb == 0) {
-				$rlp = 0;
-			} else {
-				$rlp = 100 * $regatta['rlf'] * (($fb + 1 - $result['place']) / $fb);
-			}
-			db_update_data($mysqli, BOATCLASS . DB_TABLE_SUFFIX_RESULTS, ['place' => $result['place'], 'rlp' => $rlp], '`id`="' . $result['id'] . '"', 1);
-		}
-	}
-	
-	function get_ranking($mysqli, $from, $to, $jugend = false, $jugstrict = false) {
-		global $rankNoResults, $_CLASSES;
-		$rankNoResults = array();
-		
-		$sailors = get_sailor($mysqli);
-		$regattas = get_regattas_range($mysqli, $from, $to);
-		
-		if (($sailors !== false) and ($regattas !== false)) {
-			foreach ($sailors as $key => $sailor) {
-				$sailors[$key]['regattas'] = array();
-				$sailors[$key]['tmp_rlp'] = array();
-			}
-			
-			foreach ($regattas as $regatta) {
-				$date = strtotime($regatta['date']);
-				
-				// regatta has to be min. 2 days to be ranking-regatta
-				if ($regatta['length'] < 2) {
-					continue;
-				}
-				
-				$results = get_result($mysqli, $regatta['id']);
-				if ($results === false) {
-					continue;
-				}
-				
-				if (count($results) <= 0) {
-					if (strtotime('+' . ($regatta['length']-1) . ' days', $date) <= time()) {
-						if (!$regatta['canceled']) {
-							$rankNoResults[] = $regatta;
-						}
-					}
-					continue;
-				}
-				
-				// in one race there must be at least 10 boats started
-				$ok = false;
-				for ($i = 1; $i <= $regatta['races']; $i ++) {
-					$temp = 0;
-					foreach ($results as $result) {
-						if (($result['race' . $i] != 'DNC') and ($result['race' . $i] != 'DNS')) {
-							$temp ++;
-						}
-					}
-					if ($temp >= 10) {
-						$ok = true;
-						break;
-					}
-				}
-				if (!$ok) {
-					continue;
-				}
-				
-				$fb = $regatta['finishedBoats'];
-				
-				// add regatta to each sailor
-				foreach ($results as $result) {
-					if ($result['rlp'] == 0) {
-						continue;
-					}
-					// check if crew is youth
-					//if ($jugend) {
-					//	$crew = explode(',', $result['crew']);
-					//	$okay = true;
-					//	foreach ($crew as $sailor) {
-					//		if (($sailor == '') or !isset($sailors[$sailor])) continue;
-					//		$sailor = $sailors[$sailor];
-					//		if ((($sailor['year'] !== null) and ($sailor['year'] < (date('Y', $date) - $_CLASSES[BOATCLASS]['youth-age']))) or 
-					//			(($sailor['year'] === null) and ($jugstrict))) {
-					//				$okay = false;
-					//				break;
-					//		}
-					//	}
-					//	if (!$okay) continue;
-					//}
-					// calc m
-					if ($regatta['m'] > 0) {
-						$m = $regatta['m'];
-					} elseif ($regatta['races'] <= 4) {
-						$m = $regatta['races'];
-					} else {
-						if (($regatta['length'] > 2) and ($regatta['races'] >= 6)) {
-							$m = 5;
-						} else {
-							$m = 4;
-						}
-					}
-					$rlp = $result['rlp'];
-					$sailors[$result['steuermann']]['regattas'][$regatta['id']] = array(
-						'regatta' => $regatta['id'],
-						'boat' => $result['boat'],
-						'crew' => $result['crew'],
-						'place' => $result['place'],
-						'fb' => $fb,
-						'rlp' => $rlp,
-						'used' => 0,
-						'm' => $m
-					);
-					for ($i = 0; $i < $m; $i ++) {
-						array_push($sailors[$result['steuermann']]['tmp_rlp'], array($regatta['id'], $rlp));
-					}
-				}
-			}
-			
-			foreach ($sailors as $key => $sailor) {
-				if ($sailor['german'] == 0) {
-					unset($sailors[$key]);
-				} elseif ($jugend) {
-					if ((($sailor['year'] !== null) and ($sailor['year'] < (date('Y', $to) - $_CLASSES[BOATCLASS]['youth-age']))) or 
-						(($sailor['year'] === null) and ($jugstrict))) {
-							unset($sailors[$key]);
-					}
-				}
-			}
-			
-			$sortarray = array();
-			
-			foreach ($sailors as $key => $sailor) {
-				// sort rlps desc
-				$sort = array();
-				foreach ($sailor['tmp_rlp'] as $key2 => $value) {
-					$sort[$key2] = $value[1];
-				}
-				array_multisort($sort, SORT_DESC, $sailors[$key]['tmp_rlp']);
-				// calc mean. rlp
-				$sum = 0;
-				$cnt = 0;
-				foreach ($sailors[$key]['tmp_rlp'] as $value) {
-					$sum += $value[1];
-					$sailors[$key]['regattas'][$value[0]]['used'] ++;
-					$cnt ++;
-					if ($cnt >= 9) {
-						break;
-					}
-				}
-				unset($sailors[$key]['tmp_rlp']);
-				if ($cnt > 0) {
-					$rlp = $sum / $cnt;
-					$sailors[$key]['rlp'] = $rlp;
-					$sailors[$key]['m'] = $cnt;
-				} else {
-					unset($sailors[$key]);
-					continue;
-				}
-				
-				if ($rlp == 0) {
-					$sortarray[$key] = $cnt;
-				} else {
-					$sortarray[$key] = $cnt * 1000 + $rlp;
-				}
-			}
-			array_multisort($sortarray, SORT_DESC, $sailors);
-			unset($sortarray);
-			
-			$i = 1;
-			foreach ($sailors as $key => $sailor) {
-				$sailors[$key]['rank'] = $i;
-				$i ++;
-			}
-			
-			return $sailors;
-		} else {
-			return false;
-		}
-	}
-	
-	function get_trim_boat($mysqli, $id = false) {
-		return get_db_entry($mysqli, DB_TABLE_TRIM_BOATS, $id);
-	}
-	
-	function get_trim_boat_users($mysqli, $id) {
-		$result = db_get_data($mysqli, DB_TABLE_TRIM_USERS, '*', '`boat` = "' . mysqli_real_escape_string($mysqli, $id) . '"');
-		if ($result === false)
-			return false;
-		else
-			return $result;
-	}
-	
-	function get_trim_user_boats($mysqli, $id) {
-		$boats = db_get_data($mysqli, DB_TABLE_TRIM_USERS, '*', '`user` = "' . mysqli_real_escape_string($mysqli, $id) . '"');
-		if ($boats === false) {
-			return false;
-		} else {
-			$result = [];
-			foreach ($boats as $value) {
-				$result[$value['boat']] = get_trim_boat($mysqli, $value['boat']);
-			}
-			return $result;
-		}
-	}
-	
-	function trim_is_boat_user($mysqli, $user, $boat) {
-		$res = db_get_data($mysqli, DB_TABLE_TRIM_USERS, '*', '`user` = "' . mysqli_real_escape_string($mysqli, $user) . '" AND `boat` = "' . mysqli_real_escape_string($mysqli, $boat) . '"');
-		return ($res !== false) and (count($res) == 1);
-	}
-	
-	function get_trim_trim($mysqli, $id = false) {
-		return get_db_entry($mysqli, DB_TABLE_TRIM_TRIMS, $id);
-	}
-	
-	function get_trim_boat_trims($mysqli, $id) {
-		$result = db_get_data($mysqli, DB_TABLE_TRIM_TRIMS, '*', '`boat` = "' . mysqli_real_escape_string($mysqli, $id) . '"');
-		if ($result === false) {
-			return false;
-		} else {
-			return $result;
-		}
-	}
-	
-?>

api/index.php

@@ -1,466 +0,0 @@
-<?php
-	
-	require_once(__DIR__ . '/../server/config.php');
-	require_once(__DIR__ . '/config.php');
-	require_once(__DIR__ . '/../server/log.php');
-	require_once(__DIR__ . '/database.php');
-	require_once(__DIR__ . '/login.php');
-	require_once(__DIR__ . '/functions.php');
-	
-	$request = false;
-	if (isset($_GET['request'])) {
-		$request = explode('/', $_GET['request']);
-	}
-	if ($request === false) {
-		$request = array();
-	}
-	if (count($request) >= 1) {
-		$action = array_shift($request);
-	} else {
-		$action = '';
-	}
-	
-	define('DONE_OKAY', 0);
-	define('DONE_EMPTY', 1);
-	define('DONE_DATABASE', 2);
-	define('DONE_UNAUTHORIZED', 3);
-	define('DONE_BAD_REQUEST', 4);
-	define('DONE_CONFLICT', 5);
-	define('DONE_SERVER_ERROR', 6);
-	function done($donecode, $content = null) {
-		switch ($donecode) {
-			case DONE_OKAY:
-				header('HTTP/1.0 200 OK');
-				break;
-			case DONE_EMPTY:
-				header('HTTP/1.0 204 No Content');
-				break;
-			case DONE_DATABASE:
-				header('HTTP/1.0 500 Internal Server Error');
-				if ($content === null) {
-					$content = array('error' => 'database error');
-				}
-				break;
-			case DONE_UNAUTHORIZED:
-				header('HTTP/1.0 401 Unauthorized');
-				if ($content === null) {
-					$content = array('error' => 'unauthorized');
-				}
-				break;
-			case DONE_BAD_REQUEST:
-				header('HTTP/1.0 400 Bad Request');
-				if ($content === null) {
-					$content = array('error' => 'bad request');
-				}
-				break;
-			case DONE_CONFLICT:
-				header('HTTP/1.0 409 Conflict');
-				break;
-			case DONE_SERVER_ERROR:
-				header('HTTP/1.0 500 Internal Server Error');
-				break;
-			default:
-				header('HTTP/1.0 500 Internal Server Error');
-				break;
-		}
-		header('Content-Type: application/json');
-		if ($content !== null) {
-			echo json_encode($content);
-		} else {
-			echo '{  }';
-		}
-		exit;
-	}
-	
-	if (isset($_REQUEST['auth']['id'], $_REQUEST['auth']['hash'])) {
-		$user_id = auth_check($mysqli, $_REQUEST['auth']['id'], $_REQUEST['auth']['hash']);
-	} else {
-		$user_id = false;
-	}
-	
-	function isLoggedIn() {
-		global $user_id;
-		return $user_id !== false;
-	}
-	
-	function checkLoggedIn() {
-		if (!isLoggedIn()) done(DONE_UNAUTHORIZED, ['error' => 'permission denied']);
-	}
-	
-	function checkRequest($param) {
-		if (!isset($_REQUEST[$param])) done(DONE_BAD_REQUEST, ['error' => 'missing parameter: ' . $param]);
-	}
-	
-	function replaceChanged($array) {
-		return array_map(function ($entry) {
-			unset($entry['changed']);
-			return $entry;
-		}, $array);
-	}
-	
-	$whereString = false;
-	if (isset($_REQUEST['index'], $_REQUEST['value'])) {
-		$whereString = '`' . mysqli_real_escape_string($mysqli, $_REQUEST['index']) . '`="' . mysqli_real_escape_string($mysqli, $_REQUEST['value']) . '"';
-	}
-	
-	function sendEntries($table) {
-		global $mysqli, $whereString;
-		$response = db_get_data($mysqli, $table, '*', $whereString);
-		if ($response === false) done(DONE_DATABASE);
-		$keys = array_keys($response);
-		if (isset($_REQUEST['changed-after'])) {
-			$response = db_get_data($mysqli, $table, '*', '`changed` > "' . mysqli_real_escape_string($mysqli, date('Y-m-d H:i:s', $_REQUEST['changed-after'])) . '"' . ($whereString ? (' AND ' . $whereString) : ''));
-			if ($response === false) done(DONE_DATABASE);
-		}
-		$response = array_values($response);
-		done(DONE_OKAY, array('data' => replaceChanged($response), 'keys' => $keys));
-	}
-	
-	function sendEntry($table) {
-		global $mysqli;
-		checkRequest('id');
-		$response = db_get_data($mysqli, $table, '*', '`id` = "' . mysqli_real_escape_string($mysqli, $_REQUEST['id']) . '"');
-		if ($response === false) done(DONE_DATABASE);
-		if (count($response) != 1) done(DONE_BAD_REQUEST, ['error' => 'id not found']);
-		$response = array_values($response)[0];
-		unset($response['changed']);
-		done(DONE_OKAY, ['data' => $response]);
-	}
-	
-	switch ($action) {
-		
-		case 'login':
-			checkRequest('username');
-			checkRequest('password');
-			checkRequest('device');
-			$auth = auth_login($mysqli, $_REQUEST['username'], $_REQUEST['password'], $_REQUEST['device']);
-			if ($auth === false) done(DONE_UNAUTHORIZED);
-			done(DONE_OKAY, $auth);
-			break;
-		
-		case 'logout':
-			checkLoggedIn();
-			auth_logout($mysqli, $_REQUEST['auth']['id']);
-			done(DONE_OKAY);
-			break;
-		
-		case 'get_update_time':
-			$times = array();
-			$response = db_get_data($mysqli, DB_TABLE_UPDATETIMES, '`update`', '`table` = "' . DB_TABLE_CLUBS . '"', 1);
-			if (($response !== false) and (count($response) > 0)) {
-				$times['clubs'] = strtotime(array_values($response)[0]['update']);
-			} else {
-				done(DONE_DATABASE);
-			}
-			$response = db_get_data($mysqli, DB_TABLE_UPDATETIMES, '`update`', '`table` = "' . BOATCLASS . DB_TABLE_SUFFIX_BOATS . '"', 1);
-			if (($response !== false) and (count($response) > 0)) {
-				$times['boats'] = strtotime(array_values($response)[0]['update']);
-			} else {
-				done(DONE_DATABASE);
-			}
-			$response = db_get_data($mysqli, DB_TABLE_UPDATETIMES, '`update`', '`table` = "' . BOATCLASS . DB_TABLE_SUFFIX_SAILORS . '"', 1);
-			if (($response !== false) and (count($response) > 0)) {
-				$times['sailors'] = strtotime(array_values($response)[0]['update']);
-			} else {
-				done(DONE_DATABASE);
-			}
-			$response = db_get_data($mysqli, DB_TABLE_UPDATETIMES, '`update`', '`table` = "' . BOATCLASS . DB_TABLE_SUFFIX_REGATTAS . '"', 1);
-			if (($response !== false) and (count($response) > 0)) {
-				$times['regattas'] = strtotime(array_values($response)[0]['update']);
-			} else {
-				done(DONE_DATABASE);
-			}
-			$response = db_get_data($mysqli, DB_TABLE_UPDATETIMES, '`update`', '`table` = "' . BOATCLASS . DB_TABLE_SUFFIX_RESULTS . '"', 1);
-			if (($response !== false) and (count($response) > 0)) {
-				$times['results'] = strtotime(array_values($response)[0]['update']);
-			} else {
-				done(DONE_DATABASE);
-			}
-			$response = db_get_data($mysqli, DB_TABLE_UPDATETIMES, '`update`', '`table` = "' . BOATCLASS . DB_TABLE_SUFFIX_PLANNING . '"', 1);
-			if (($response !== false) and (count($response) > 0)) {
-				$times['plannings'] = strtotime(array_values($response)[0]['update']);
-			} else {
-				done(DONE_DATABASE);
-			}
-			$response = db_get_data($mysqli, DB_TABLE_UPDATETIMES, '`update`', '`table` = "' . DB_TABLE_TRIM_BOATS . '"', 1);
-			if (($response !== false) and (count($response) > 0)) {
-				$times['trim_boats'] = strtotime(array_values($response)[0]['update']);
-			} else {
-				done(DONE_DATABASE);
-			}
-			$response = db_get_data($mysqli, DB_TABLE_UPDATETIMES, '`update`', '`table` = "' . DB_TABLE_TRIM_USERS . '"', 1);
-			if (($response !== false) and (count($response) > 0)) {
-				$times['trim_users'] = strtotime(array_values($response)[0]['update']);
-			} else {
-				done(DONE_DATABASE);
-			}
-			$response = db_get_data($mysqli, DB_TABLE_UPDATETIMES, '`update`', '`table` = "' . DB_TABLE_TRIM_TRIMS . '"', 1);
-			if (($response !== false) and (count($response) > 0)) {
-				$times['trim_trims'] = strtotime(array_values($response)[0]['update']);
-			} else {
-				done(DONE_DATABASE);
-			}
-			$response = db_get_data($mysqli, DB_TABLE_UPDATETIMES, '`update`', '`table` = "' . DB_TABLE_USERS . '"', 1);
-			if (($response !== false) and (count($response) > 0)) {
-				$times['users'] = strtotime(array_values($response)[0]['update']);
-			} else {
-				done(DONE_DATABASE);
-			}
-			done(DONE_OKAY, $times);
-			break;
-		
-		case 'get_clubs':
-			sendEntries(DB_TABLE_CLUBS);
-			break;
-		
-		case 'get_club':
-			sendEntry(DB_TABLE_CLUBS);
-			break;
-		
-		case 'get_boats':
-			sendEntries(BOATCLASS . DB_TABLE_SUFFIX_BOATS);
-			break;
-		
-		case 'get_boat':
-			sendEntry(BOATCLASS . DB_TABLE_SUFFIX_BOATS);
-			break;
-		
-		case 'get_sailors':
-			sendEntries(BOATCLASS . DB_TABLE_SUFFIX_SAILORS);
-			break;
-		
-		case 'get_sailor':
-			sendEntry(BOATCLASS . DB_TABLE_SUFFIX_SAILORS);
-			break;
-		
-		case 'get_years':
-			$response = get_regatta_years($mysqli);
-			if ($response === false) done(DONE_DATABASE);
-			foreach ($response as $key => $value)
-				$response[$key] = ['year' => $value];
-			done(DONE_OKAY, ['data' => $response]);
-			break;
-		
-		case 'get_regattas':
-			sendEntries(BOATCLASS . DB_TABLE_SUFFIX_REGATTAS);
-			break;
-		
-		case 'get_regatta':
-			sendEntry(BOATCLASS . DB_TABLE_SUFFIX_REGATTAS);
-			break;
-		
-		case 'get_results':
-			sendEntries(BOATCLASS . DB_TABLE_SUFFIX_RESULTS);
-			break;
-		
-		case 'get_result':
-			sendEntry(BOATCLASS . DB_TABLE_SUFFIX_RESULTS);
-			break;
-		
-		case 'get_plannings':
-			$response = db_get_data($mysqli, BOATCLASS . DB_TABLE_SUFFIX_PLANNING, '*', $whereString);
-			if ($response === false) done(DONE_DATABASE);
-			$keys = array_keys($response);
-			if (isset($_REQUEST['changed-after'])) {
-				$response = db_get_data($mysqli, BOATCLASS . DB_TABLE_SUFFIX_PLANNING, '*', '`changed` > "' . mysqli_real_escape_string($mysqli, date('Y-m-d H:i:s', $_REQUEST['changed-after'])) . '"' . ($whereString ? (' AND ' . $whereString) : ''));
-				if ($response === false) done(DONE_DATABASE);
-			}
-			$response = array_map(function ($entry) {
-				global $user_id;
-				if (($user_id === false) or ($entry['user'] != $user_id)) {
-					unset($entry['gemeldet'], $entry['bezahlt']);
-				}
-				return $entry;
-			}, $response);
-			$response = array_values($response);
-			done(DONE_OKAY, array('data' => replaceChanged($response), 'keys' => $keys));
-			break;
-		
-		case 'get_planning':
-			checkRequest('id');
-			$response = db_get_data($mysqli, BOATCLASS . DB_TABLE_SUFFIX_PLANNING, '*', '`id` = "' . mysqli_real_escape_string($mysqli, $_REQUEST['id']) . '"');
-			if ($response === false) done(DONE_DATABASE);
-			if (count($response) != 1) done(DONE_BAD_REQUEST, ['error' => 'id not found']);
-			$response = array_values($response)[0];
-			if (($user_id === false) or ($response['user'] != $user_id)) {
-				unset($response['gemeldet'], $response['bezahlt']);
-			}
-			unset($response['changed']);
-			done(DONE_OKAY, ['data' => $response]);
-			break;
-		
-		case 'get_trim_boats':
-			checkLoggedIn();
-			$users = db_get_data($mysqli, DB_TABLE_TRIM_USERS, 'boat', '`user`="' . $user_id . '"');
-			$boats = implode(',', array_column($users, 'boat'));
-			if ($boats == '') {
-				done(DONE_OKAY, array('data' => [], 'keys' => []));
-			}
-			$response = db_get_data($mysqli, DB_TABLE_TRIM_BOATS, '*', '`id` IN (' . $boats . ')' . ($whereString ? (' AND ' . $whereString) : ''));
-			if ($response === false) done(DONE_DATABASE);
-			$keys = array_keys($response);
-			if (isset($_REQUEST['changed-after'])) {
-				$response = db_get_data($mysqli, DB_TABLE_TRIM_BOATS, '*', '`id` IN (' . $boats . ') AND `changed` > "' . mysqli_real_escape_string($mysqli, date('Y-m-d H:i:s', $_REQUEST['changed-after'])) . '"' . ($whereString ? (' AND ' . $whereString) : ''));
-				if ($response === false) done(DONE_DATABASE);
-			}
-			$response = array_values($response);
-			done(DONE_OKAY, array('data' => replaceChanged($response), 'keys' => $keys));
-			break;
-		
-		case 'get_trim_boat':
-			checkLoggedIn();
-			checkRequest('id');
-			$response = db_get_data($mysqli, DB_TABLE_TRIM_BOATS, '*', '`id` = "' . mysqli_real_escape_string($mysqli, $_REQUEST['id']) . '"');
-			if ($response === false) done(DONE_DATABASE);
-			if (count($response) != 1) done(DONE_BAD_REQUEST, ['error' => 'id not found']);
-			$response = array_values($response)[0];
-			if (count(db_get_data($mysqli, DB_TABLE_TRIM_USERS, 'id', '`user`="' . $user_id . '" AND `boat`="' . $response['id'] . '"')) != 1)
-				done(DONE_BAD_REQUEST, ['error' => 'id not found']);
-			unset($response['changed']);
-			done(DONE_OKAY, ['data' => $response]);
-			break;
-		
-		case 'get_trim_users':
-			checkLoggedIn();
-			$users = db_get_data($mysqli, DB_TABLE_TRIM_USERS, 'boat', '`user`="' . $user_id . '"');
-			$boats = implode(',', array_column($users, 'boat'));
-			if ($boats == '') {
-				done(DONE_OKAY, array('data' => [], 'keys' => []));
-			}
-			$response = db_get_data($mysqli, DB_TABLE_TRIM_USERS, '*', '`boat` IN (' . $boats . ')' . ($whereString ? (' AND ' . $whereString) : ''));
-			if ($response === false) done(DONE_DATABASE);
-			$keys = array_keys($response);
-			if (isset($_REQUEST['changed-after'])) {
-				$response = db_get_data($mysqli, DB_TABLE_TRIM_USERS, '*', '`boat` IN (' . $boats . ') AND `changed` > "' . mysqli_real_escape_string($mysqli, date('Y-m-d H:i:s', $_REQUEST['changed-after'])) . '"' . ($whereString ? (' AND ' . $whereString) : ''));
-				if ($response === false) done(DONE_DATABASE);
-			}
-			$response = array_values($response);
-			done(DONE_OKAY, array('data' => replaceChanged($response), 'keys' => $keys));
-			break;
-		
-		case 'get_trim_user':
-			checkLoggedIn();
-			checkRequest('id');
-			$response = db_get_data($mysqli, DB_TABLE_TRIM_USERS, '*', '`id` = "' . mysqli_real_escape_string($mysqli, $_REQUEST['id']) . '"');
-			if ($response === false) done(DONE_DATABASE);
-			if (count($response) != 1) done(DONE_BAD_REQUEST, ['error' => 'id not found']);
-			$response = array_values($response)[0];
-			if (count(db_get_data($mysqli, DB_TABLE_TRIM_USERS, 'id', '`user`="' . $user_id . '" AND `boat`="' . $response['boat'] . '"')) != 1)
-				done(DONE_BAD_REQUEST, ['error' => 'id not found']);
-			unset($response['changed']);
-			done(DONE_OKAY, ['data' => $response]);
-			break;
-		
-		case 'get_trim_trims':
-			checkLoggedIn();
-			$users = db_get_data($mysqli, DB_TABLE_TRIM_USERS, 'boat', '`user`="' . $user_id . '"');
-			$boats = implode(',', array_column($users, 'boat'));
-			if ($boats == '') {
-				done(DONE_OKAY, array('data' => [], 'keys' => []));
-			}
-			$response = db_get_data($mysqli, DB_TABLE_TRIM_TRIMS, '*', '`boat` IN (' . $boats . ')' . ($whereString ? (' AND ' . $whereString) : ''));
-			if ($response === false) done(DONE_DATABASE);
-			$keys = array_keys($response);
-			if (isset($_REQUEST['changed-after'])) {
-				$response = db_get_data($mysqli, DB_TABLE_TRIM_TRIMS, '*', '`boat` IN (' . $boats . ') AND `changed` > "' . mysqli_real_escape_string($mysqli, date('Y-m-d H:i:s', $_REQUEST['changed-after'])) . '"' . ($whereString ? (' AND ' . $whereString) : ''));
-				if ($response === false) done(DONE_DATABASE);
-			}
-			$response = array_values($response);
-			done(DONE_OKAY, array('data' => replaceChanged($response), 'keys' => $keys));
-			break;
-		
-		case 'get_trim_trim':
-			checkLoggedIn();
-			checkRequest('id');
-			$response = db_get_data($mysqli, DB_TABLE_TRIM_TRIMS, '*', '`id` = "' . mysqli_real_escape_string($mysqli, $_REQUEST['id']) . '"');
-			if ($response === false) done(DONE_DATABASE);
-			if (count($response) != 1) done(DONE_BAD_REQUEST, ['error' => 'id not found']);
-			$response = array_values($response)[0];
-			if (count(db_get_data($mysqli, DB_TABLE_TRIM_USERS, 'id', '`user`="' . $user_id . '" AND `boat`="' . $response['boat'] . '"')) != 1)
-				done(DONE_BAD_REQUEST, ['error' => 'id not found']);
-			unset($response['changed']);
-			done(DONE_OKAY, ['data' => $response]);
-			break;
-		
-		case 'get_users':
-			$followFields = '';
-			for ($i = 1; $i <= 5; $i ++) $followFields .= ',' . BOATCLASS . '_sailor' . $i . ' AS sailor' . $i;
-			$response = db_get_data($mysqli, DB_TABLE_USERS, 'id,username,email' . $followFields, $whereString);
-			if ($response === false) done(DONE_DATABASE);
-			$keys = array_keys($response);
-			if (isset($_REQUEST['changed-after'])) {
-				$response = db_get_data($mysqli, DB_TABLE_USERS, 'id,username,email,' . $followFields, '`changed` > "' . mysqli_real_escape_string($mysqli, date('Y-m-d H:i:s', $_REQUEST['changed-after'])) . '"' . ($whereString ? (' AND ' . $whereString) : ''));
-				if ($response === false) done(DONE_DATABASE);
-			}
-			$response = array_map(function ($entry) {
-				global $user_id;
-				if ($entry['id'] != $user_id) {
-					$entry = ['id' => $entry['id'], 'username' => $entry['username']];
-				}
-				return $entry;
-			}, $response);
-			$response = array_values($response);
-			done(DONE_OKAY, array('data' => replaceChanged($response), 'keys' => $keys));
-			break;
-		
-		case 'get_user':
-			checkRequest('id');
-			$followFields = '';
-			for ($i = 1; $i <= 5; $i ++) $followFields .= ',' . BOATCLASS . '_sailor' . $i . ' AS sailor' . $i;
-			$response = db_get_data($mysqli, DB_TABLE_USERS, 'id,username,email' . $followFields, '`id` = "' . mysqli_real_escape_string($mysqli, $_REQUEST['id']) . '"');
-			if ($response === false) done(DONE_DATABASE);
-			if (count($response) != 1) done(DONE_BAD_REQUEST, ['error' => 'id not found']);
-			$response = array_values($response)[0];
-			if ($response['id'] != $user_id) {
-				$response = ['id' => $response['id'], 'username' => $response['username']];
-			}
-			unset($response['changed']);
-			done(DONE_OKAY, ['data' => $response]);
-			break;
-		
-		case 'add_subscription':
-			checkRequest('subscription');
-			$data = [
-				'auth' => PUSH_AUTH,
-				'subscription' => $_REQUEST['subscription']
-			];
-			$ch = curl_init('https://push.ostertun.net/add_subscription');
-			curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
-			curl_setopt($ch, CURLOPT_POST, true);
-			curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
-			$result = curl_exec($ch);
-			curl_close($ch);
-			if ($result == "OK")
-				done(DONE_OKAY);
-			else {
-				logE('add_subscription', $result);
-				done(DONE_SERVER_ERROR);
-			}
-			break;
-		
-		case 'remove_subscription':
-			checkRequest('subscription');
-			$data = [
-				'auth' => PUSH_AUTH,
-				'subscription' => $_REQUEST['subscription']
-			];
-			$ch = curl_init('https://push.ostertun.net/remove_subscription');
-			curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
-			curl_setopt($ch, CURLOPT_POST, true);
-			curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
-			$result = curl_exec($ch);
-			curl_close($ch);
-			if ($result == "OK")
-				done(DONE_OKAY);
-			else {
-				logE('remove_subscription', $result);
-				done(DONE_SERVER_ERROR);
-			}
-			break;
-		
-		default:
-			done(DONE_BAD_REQUEST, ['error' => 'action invalid']);
-		
-	}
-	
-?>

api/login.php

@@ -1,107 +0,0 @@
-<?php
-	
-	function get_user($mysqli, $username = null) {
-		if ($username === null) {
-			return db_get_data($mysqli, DB_TABLE_USERS);
-		} else {
-			$user = db_get_data($mysqli, DB_TABLE_USERS, '*', '`username` = "' . mysqli_real_escape_string($mysqli, $username) . '"', 1);
-			if (($user === false) or (count($user) != 1)) return false;
-			return array_values($user)[0];
-		}
-	}
-	
-	function get_user_by_id($mysqli, $user_id) {
-		$res = db_get_data($mysqli, DB_TABLE_USERS, '*', '`id` = "' . mysqli_real_escape_string($mysqli, $user_id) . '"', 1);
-		if (($res !== false) and (count($res) == 1)) {
-			return array_values($res)[0];
-		}
-		return false;
-	}
-	
-	//function signup($mysqli, $username, $email, $password) {
-	//	if (($username == '') or ($email == '') or ($password == '')) {
-	//		return 1;
-	//	}
-	//	if (get_user($mysqli, $username) !== false) {
-	//		return 1;
-	//	}
-	//	$salt = hash('sha512', uniqid(openssl_random_pseudo_bytes(16), true));
-	//	$hashpassword = hash('sha512', $password . $salt);
-	//	
-	//	$user = array();
-	//	$user['username'] = $username;
-	//	$user['email'] = $email;
-	//	$user['password'] = $hashpassword;
-	//	$user['salt'] = $salt;
-	//	if (db_insert_data($mysqli, DB_TABLE_USERS, $user) !== false) {
-	//		$values = array();
-	//		$values['USERNAME'] = $username;
-	//		$message = createMail('signup', STRING_SIGNUP_EMAIL_SUBJECT, $values);
-	//		smtp_send_mail(['Regatten.net', MAIL_FROM_ADDRESS], [[$username, $email]], [], [], STRING_SIGNUP_EMAIL_SUBJECT, $message, [['Content-Type', 'text/html; charset="UTF-8"']]);
-	//		// Analytics
-	//		matomo_event('Login', 'SignUp', $username);
-	//		return true;
-	//	} else {
-	//		return 2;
-	//	}
-	//}
-	
-	function get_perm($mysqli, $user_id) {
-		if ($user_id !== false) {
-			$result = get_user_by_id($mysqli, $user_id);
-			if ($result !== false) {
-				return $result[DB_FIELD_PERM];
-			} else {
-				return 0;
-			}
-		} else {
-			return 0;
-		}
-	}
-	
-	// ### NEW LOGIN ####################################
-	
-	function auth_login($mysqli, $username, $password, $device) {
-		$user = get_user($mysqli, $username);
-		if ($user === false) {
-			// User does not exist
-			return false;
-		}
-		$hashpassword = hash('sha512', $password . $user['salt']);
-		if ($hashpassword !== $user['password']) {
-			// Password incorrect
-			return false;
-		}
-		// All correct
-		$auth = [];
-		$auth['user'] = $user['id'];
-		$auth['username'] = $user['username'];
-		$auth['auth'] = str_replace('/', '-', str_replace('+', '_', base64_encode(openssl_random_pseudo_bytes(24))));
-		$salt = base64_encode(openssl_random_pseudo_bytes(24));
-		$hash = hash('sha512', $auth['auth'] . $salt);
-		$data = [
-			'user' => $user['id'],
-			'salt' => $salt,
-			'authhash' => $hash,
-			'device' => $device
-		];
-		$auth['id'] = db_insert_data($mysqli, DB_TABLE_LOGINS, $data);
-		return $auth;
-	}
-	
-	function auth_logout($mysqli, $id) {
-		db_delete_data($mysqli, DB_TABLE_LOGINS, 'id = "' . mysqli_real_escape_string($mysqli, $id) . '"', 1);
-		return true;
-	}
-	
-	function auth_check($mysqli, $id, $hash) {
-		$auth = db_get_data($mysqli, DB_TABLE_LOGINS, '*', 'id="' . mysqli_real_escape_string($mysqli, $id) . '"', 1);
-		if (($auth === false) or (count($auth) != 1)) return false;
-		$auth = array_values($auth)[0];
-		$hash = hash('sha512', $hash . $auth['salt']);
-		if ($hash != $auth['authhash']) return false;
-		db_update_data($mysqli, DB_TABLE_LOGINS, ['id' => $auth['id']], 'id="' . $auth['id'] . '"', 1); // update changed field => last login
-		return $auth['user'];
-	}
-	
-?>

client/scripts/datetime.js

@@ -38,6 +38,16 @@ function parseDate(string) {
 	return date;
 }
 
+function parseDbTimestamp(string) {
+	var year = string.substr(0, 4);
+	var month = string.substr(5, 2);
+	var day = string.substr(8, 2);
+	var hour = string.substr(11, 2);
+	var minute = string.substr(14, 2);
+	var second = string.substr(17, 2);
+	return new Date(year, month - 1, day, hour, minute, second);
+}
+
 function getToday() {
 	var date = new Date();
 	date = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));

client/scripts/pwa.js.php

@@ -2,13 +2,16 @@
 
 	header('Content-Type: text/javascript');
 
+	require_once(__DIR__ . '/../../server/version.php');
 	require_once(__DIR__ . '/../../server/config.php');
 
 ?>
 //Loading the Service Worker
+var swRegistration = null;
 if ('serviceWorker' in navigator) {
-  window.addEventListener('load', function() {
+  window.addEventListener('load', async function() {
-    navigator.serviceWorker.register('<?php echo SERVER_ADDR; ?>/service-worker.js.php');
+    swRegistration = await navigator.serviceWorker.register('<?php echo SERVER_ADDR; ?>/service-worker.js.php');
+    if (typeof onServiceWorkerLoaded === 'function') onServiceWorkerLoaded();
   });
 }
 
@@ -17,22 +20,20 @@ $(document).ready(function(){
     'use strict'
 
     var pwaVersion = '<?php echo PWA_VERSION; ?>'; //must be identical to _manifest.json version. If not it will create update window loop
-    var pwaCookie = true; // if set to false, the PWA prompt will appear even if the user selects "maybe later"
-    var pwaNoCache = false; // always keep the cache clear to serve the freshest possible content
 
 
     $('[data-pwa-version]').data('pwa-version', pwaVersion);
 
 
     //Creating Cookie System for PWA Hide
-    function createCookie(e, t, n) {if (n) {var o = new Date;o.setTime(o.getTime() + 48 * n * 60 * 60 * 1e3);var r = "; expires=" + o.toGMTString()} else var r = "";document.cookie = e + "=" + t + r + "; path=/"}
+    function createCookie(e, t, n) {if (n) {var o = new Date;o.setTime(o.getTime() + n * 365 * 24 * 3600 * 1e3);var r = "; expires=" + o.toGMTString()} else var r = "";document.cookie = e + "=" + t + r + "; path=/"}
     function readCookie(e) {for (var t = e + "=", n = document.cookie.split(";"), o = 0; o < n.length; o++) {for (var r = n[o];" " == r.charAt(0);) r = r.substring(1, r.length);if (0 == r.indexOf(t)) return r.substring(t.length, r.length)}return null}
     function eraseCookie(e) {createCookie(e, "", -1)}
 
     //Enabling dismiss button
     setTimeout(function(){
         $('.pwa-dismiss').on('click',function(){
-            console.log('User Closed Add to Home / PWA Prompt')
+            log('[pwa] User Closed Add to Home / PWA Prompt')
             createCookie('Sticky_pwa_rejected_install', true, 1);
             $('body').find('#menu-install-pwa-android, #menu-install-pwa-ios, .menu-hider').removeClass('menu-active');
         });
@@ -49,34 +50,37 @@ $(document).ready(function(){
 
     //Firing PWA prompts for specific versions and when not on home screen.
     if (isMobile.Android()) {
-        console.log('Android Detected');
+        log('[pwa] Android Detected');
         function showInstallPromotion(){
             if($('#menu-install-pwa-android, .add-to-home').length){
-                console.log('Triggering PWA Menu for Android');
+                log('[pwa] Triggering PWA Menu for Android');
                 if (!readCookie('Sticky_pwa_rejected_install')) {
                     setTimeout(function(){
                         $('.add-to-home').addClass('add-to-home-visible add-to-home-android');
                         $('#menu-install-pwa-android, .menu-hider').addClass('menu-active')
-                    },4500);
+                    },3000);
                 }
-            } else {
-                console.log('The div #menu-install-pwa-android was not found. Please add this div to show the install window')
             }
         }
         let deferredPrompt;
         window.addEventListener('beforeinstallprompt', (e) => {
             e.preventDefault();
             deferredPrompt = e;
-            showInstallPromotion();
+			var welcomActive = $('#menu-welcome').hasClass('menu-active');
+			if (welcomActive) {
+				$('#menu-welcome-a-okay').click(showInstallPromotion);
+			} else {
+				showInstallPromotion();
+			}
         });
         $('.pwa-install').on('click',function(e){
           deferredPrompt.prompt();
           deferredPrompt.userChoice
             .then((choiceResult) => {
               if (choiceResult.outcome === 'accepted') {
-                console.log('User accepted the A2HS prompt');
+                log('[pwa] User accepted the A2HS prompt');
               } else {
-                console.log('User dismissed the A2HS prompt');
+                log('[pwa] User dismissed the A2HS prompt');
               }
               deferredPrompt = null;
             });
@@ -88,108 +92,32 @@ $(document).ready(function(){
 
     if (isMobile.iOS()) {
         if(!isInWebAppiOS){
-            console.log('iOS Detected');
+            log('[pwa] iOS Detected');
             if($('#menu-install-pwa-ios, .add-to-home').length){
                 if (!readCookie('Sticky_pwa_rejected_install')) {
-                    console.log('Triggering PWA / Add to Home Screen Menu for iOS');
+					setTimeout(function(){
-                    setTimeout(function(){
+						function triggerPwaInstallIos() {
-                        $('.add-to-home').addClass('add-to-home-visible add-to-home-ios');
+		                    log('[pwa] Triggering PWA / Add to Home Screen Menu for iOS');
-                        $('#menu-install-pwa-ios, .menu-hider').addClass('menu-active');
+	                        $('.add-to-home').addClass('add-to-home-visible add-to-home-ios');
-                    },4500);
+	                        $('#menu-install-pwa-ios, .menu-hider').addClass('menu-active');
+						}
+						var welcomActive = $('#menu-welcome').hasClass('menu-active');
+						if (welcomActive) {
+							$('#menu-welcome-a-okay').click(triggerPwaInstallIos);
+						} else {
+							triggerPwaInstallIos();
+						}
+					},3000);
                 };
-            } else {
-                console.log('The div #menu-install-pwa-ios was not found. Please add this div to show the install window')
             }
         }
     }
 
-    
-    //Creating Update Modal
-    function updateModal(){
-        var body = $('body');
-        var updateModal = $('#menu-update');
-        var mt = new Date();
-        var menuUpdate = mt.getHours() + ":" + mt.getMinutes() + ":" + mt.getSeconds();
-        if(!updateModal.length){
-           body.append('<div id="menu-update"></div>');
-           setTimeout(function(){
-               body.find('#menu-update').load('menu-update.html?ver='+menuUpdate);   
-           },250);
-        }
-    };
-    //Update Version in 5 Seconds After New Version Detected
-    function updateButton(){
-        var counter = 3;
-        var interval = setInterval(function() {
-            counter--;
-            console.log(counter);
-            $('.page-update').html('Aktuallisierung in ... '+ counter + ' Sekunden');
-            if (counter == 0) {
-                clearInterval(interval);
-                window.location.reload(true)
-            }
-        }, 1000);
-        caches.delete('workbox-runtime').then(function() { 
-          console.log('Content Updated - Cache Removed!'); 
-        });
-        //localStorage.clear();
-        sessionStorage.clear()
-        caches.keys().then(cacheNames => {
-          cacheNames.forEach(cacheName => {
-            caches.delete(cacheName);
-          });
-        });
-    };
-        
-    //Check Version    
-    function check_version(){
-        if($('link[data-pwa-version]').length){
-            function versionCheck(){        
-                var dt = new Date();
-                var maniTimeVersion = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds();
-                var localVersionNumber = $('link[rel="manifest"]').data('pwa-version');
-                var onlineVersionJSON = "<?php echo SERVER_ADDR; ?>/manifest.json.php?ver=" + maniTimeVersion;
-                var onlineVersionNumber = "Connection Offline. Waiting to Reconect";
-                $.getJSON(onlineVersionJSON, function(onlineData) {onlineVersionNumber = onlineData.version;}); 
-                setTimeout(function(){
-                    //console.log(' Checking PWA Content for updates...\n PWA Server Version: ' + onlineVersionNumber + '\n' + ' PWA Cached Version: ' + localVersionNumber);
-                    if(onlineVersionNumber != localVersionNumber && onlineVersionNumber != "Connection Offline. Waiting to Reconect"){
-                        updateModal();
-                        console.log('New Version of Content Available. Refreshing. On Desktop Browsers a manual refresh maybe required.')
-                        setTimeout(function(){
-                            $('body').find('#menu-update').addClass('menu-active');
-                            $('.menu-hider').addClass('menu-active-no-click');    
-                            updateButton();
-                        },500);
-                    }     
-                    if(onlineVersionNumber == localVersionNumber){/*No update required. Versions Identical*/}    
-                    if(onlineVersionNumber === "undefined"){/*Error Checking for Updates*/}    
-                    if(onlineVersionNumber === "Finding Online Version..."){
-                        $('.reloadme').addClass('disabled'); 
-                        $('body').find('#menu-update').removeClass('menu-active');
-                        $('.menu-hider').removeClass('menu-active-no-click');                
-                    }
-                },3000);
-            }
-            //Checking for new version every 60 seconds
-            setInterval(function(){versionCheck()}, 50000);
-            //Initial Load Version Check in 10 Second After Load
-            setTimeout(function(){versionCheck();}, 10000);
-        }
-    }
-
-    if(pwaCookie == false){
-        eraseCookie('Sticky_pwa_rejected_install');
-    }
-    
     //Reload To Clear Button
     $('body').on('click', '.page-update, .reloadme', function() {
         location.reload();
     });
 
-    //Check for Version Change if Online If not Kill the Function
-    if (navigator.onLine) {check_version();} else {function check_version(){}}
-    
     //Adding Offline Alerts
     var offlineAlerts = $('.offline-message');
 
@@ -212,47 +140,19 @@ $(document).ready(function(){
         setTimeout(function(){$('.online-message').removeClass('online-message-active');},2000);
     }
 
-    $('.simulate-offline').on('click',function(){isOffline();})
-    $('.simulate-online').on('click',function(){isOnline();})
-        
-    //Disable links to other pages if offline.
-    //Warning! Enabling offline for iOS can cause issues
-    //To allow offline functionality delete the next 7 lines
-    function returnFalse(){
-        var detectHREF = $(this).attr('href');
-        if(detectHREF.match(/.html/)){
-            isOffline();
-            return false;
-        }  
-    }  
-    
     //Check if Online / Offline
     function updateOnlineStatus(event) {
     var condition = navigator.onLine ? "online" : "offline";
         isOnline();
-        console.log( 'Connection: Online');
+        log('[pwa] Connection: Online');
-        $("a").off( "click", returnFalse );
     }
     function updateOfflineStatus(event) {
         isOffline();
-        $("a").on( "click", returnFalse );
+        log('[pwa] Connection: Offline');
-        console.log( 'Connection: Offline');
     }
     window.addEventListener('online',  updateOnlineStatus);
     window.addEventListener('offline', updateOfflineStatus);
 
 
-    if(pwaNoCache == true){
-        caches.delete('workbox-runtime').then(function() { 
-        });
-        localStorage.clear();
-        sessionStorage.clear()
-        caches.keys().then(cacheNames => {
-          cacheNames.forEach(cacheName => {
-            caches.delete(cacheName);
-          });
-        });
-    }
-    
 
 });

client/scripts/regatten.js.php

@@ -3,12 +3,54 @@
 	header('Content-Type: text/javascript');
 
 	require_once(__DIR__ . '/../../server/config.php');
+	require_once(__DIR__ . '/../../server/version.php');
+
+// QUERY_URL changed in config.php (this is to update this file on client devices)
 
 ?>
 
-const QUERY_URL = '<?php echo SERVER_ADDR; ?>/api/';
+const QUERY_URL = '<?php echo QUERY_URL; ?>';
 const BOATCLASS = '<?php echo BOATCLASS; ?>';
 const LINK_PRE = '<?php echo SERVER_ADDR; ?>/';
+const PUSH_SERVER_KEY = '<?php echo PUSH_SERVER_KEY; ?>';
+
+var consoleOutput = [];
+
+function onConsoleOutput(entry) {
+	consoleOutput.push(entry);
+}
+
+window.onerror = function(message, source, lineno, colno, errorError) {
+	if (source.startsWith(LINK_PRE)) {
+		source = source.substr(LINK_PRE.length);
+	}
+	var pos = source.indexOf('?');
+	if (pos >= 0) {
+		source = source.substr(0, pos);
+	}
+	consoleOutput.push({
+		message: message,
+		stack: {
+			caller: '',
+			file: source,
+			line: lineno,
+			col: colno
+		}
+	});
+}
+
+function log() {
+	var now = new Date();
+	var hour = now.getHours().toString();
+	var min = now.getMinutes().toString();
+	var sec = now.getSeconds().toString();
+	var millis = now.getMilliseconds().toString();
+	hour = (hour.length < 2 ? '0' + hour : hour);
+	min = (min.length < 2 ? '0' + min : min);
+	sec = (sec.length < 2 ? '0' + sec : sec);
+	while (millis.length < 3) millis = '0' + millis;
+	console.log('[' + hour + ':' + min + ':' + sec + '.' + millis + ']', ...arguments);
+}
 
 var randomId = function() { return '_' + Math.random().toString(36).substr(2, 9); }
 
@@ -20,7 +62,11 @@ var badges = {
 			news: {
 				id: 'badge-more-news',
 				cnt: 0
-			}
+			},
+            expenditures: {
+                id: 'badge-more-expenditures',
+                cnt: 0
+            }
 		}
 	}
 };
@@ -67,7 +113,7 @@ var updateBadge = function (name, val) {
 var makeToast = function (color, icon, text, time) {
 	var id = 'snackbar' + randomId();
 	var delay = (time > 0 ? 'data-delay="' + time + '" data-autohide="true"' : 'data-autohide="false"');
-	var div = '<div id="' + id + '" class="snackbar-toast ' + color + '" ' + delay + '>';
+	var div = '<div id="' + id + '" class="snackbar-toast pt-3 pb-3 ' + color + '" ' + delay + ' style="line-height: 2em;">';
 	div += '<i class="fa ' + icon + ' mr-3"></i>' + text + '</div>';
 	$('#page').append(div);
 	$('#' + id).toast('show');
@@ -116,11 +162,12 @@ function findGetParameter(parameterName) {
 }
 
 var login = function() {
+	log('[app] Login');
 	showLoader();
 	var username = $('#input-login-username').val();
 	var password = $('#input-login-password').val();
-	$('#input-login-username').val('');
+	$('#input-login-username').val('').trigger('focusin').trigger('focusout');
-	$('#input-login-password').val('');
+	$('#input-login-password').val('').trigger('focusin').trigger('focusout');
 	$.ajax({
 		url: QUERY_URL + 'login',
 		method: 'POST',
@@ -130,20 +177,22 @@ var login = function() {
 			device: navigator.userAgent
 		},
 		error: function (xhr, status, error) {
+			log('[app] Login: error:', xhr.status, status);
 			if (xhr.status == 401) {
 				toastError('Benutzername oder Passwort falsch');
-				$('#input-login-username').val(username);
+				$('#input-login-username').val(username).trigger('focusin').trigger('focusout');
 			} else if (xhr.status == 0) {
 				toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um Dich anzumelden');
 				$('#menu-login').hideMenu();
 			} else {
-				console.log('Login: unbekannter Fehler', status, error);
+				log('[app] Login: unbekannter Fehler', status, error);
-				console.log(xhr);
+				log(xhr);
 				toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
 			}
 			hideLoader();
 		},
 		success: function (data, status, xhr) {
+			log('[app] Login successful');
 			localStorage.setItem('auth_id', data.id);
 			localStorage.setItem('auth_hash', data.auth);
 			localStorage.setItem('auth_user', data.user);
@@ -164,13 +213,14 @@ var logoutClearStorage = function() {
 }
 
 var logout = function() {
+	log('[app] Logout');
 	showLoader();
 	var auth = {
 		id: localStorage.getItem('auth_id'),
 		hash: localStorage.getItem('auth_hash')
 	}
 	if ((auth.id === null) || (auth.hash === null)) {
-		console.log('Not logged in');
+		log('[app] Not logged in');
 		logoutClearStorage();
 		return;
 	}
@@ -181,67 +231,318 @@ var logout = function() {
 			auth: auth
 		},
 		error: function (xhr, status, error) {
+			log('[app] Logout: error:', xhr.status, status);
 			if (xhr.status == 401) {
-				console.log('Not logged in');
+				log('[app] Not logged in');
 				logoutClearStorage();
 			} else if (xhr.status == 0) {
-				console.log('Could not delete auth from server');
+				log('[app] Could not delete auth from server');
 				logoutClearStorage();
 			} else {
-				console.log('Logout: unbekannter Fehler', status, error);
+				log('[app] Logout: unbekannter Fehler', status, error);
-				console.log(xhr);
+				log(xhr);
 				toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
 				hideLoader();
 			}
 		},
 		success: function (data, status, xhr) {
+			log('[app] Logout successful');
 			logoutClearStorage();
 		}
 	});
 }
 
-function resetDb() {
+function deleteDb() {
+	log('[app] Deleting DB');
 	$('#menu-developer').hideMenu();
 	if (canUseLocalDB) {
 		showLoader();
 		var request = window.indexedDB.deleteDatabase('regatten_app_db_' + BOATCLASS);
 		request.onerror = function (event) {
-			console.log("Cannot open DB: " + event.target.errorCode);
+			log('[app] Cannot delete DB: ', event.target.errorCode);
-			toastError('There was an error deleting your database.<br>Please report this to <a href="mailto:dev@regatten.net">dev@regatten.net</a>');
+			toastError('Beim Löschen der Datenbank ist ein Fehler aufgetreten.<br>Bitte melde diesen Fehler. (Dev-Menu => Problem melden)', 5000);
-			hideLoader();
-		};
-		request.onsuccess = function (event) {
-			console.log('DB deleted');
-			toastInfo('The database was deleted. Please reload or close this tab.<br>At the next visit, a new database will be created.');
 			hideLoader();
 		}
+		request.onsuccess = function (event) {
+			log('[app] DB deleted');
+			toastInfo('Die Datenbank wurde gelöscht. Die Seite lädt in wenigen Sekunden neu und erstellt damit eine neue Datenbank.', 10000);
+			hideLoader();
+			setTimeout(function(){ location.reload(); }, 3000);
+		}
 	} else {
-		toastWarn('Your device does not support storing data locally. All data is fetched directly from our server.<br>As a result, you can not reset your database.');
+		log('[app] DB not supported');
+		toastWarn('Dein Gerät unterstützt kein lokales Speichern der Daten. Alle Daten werden direkt vom Server gezogen.<br>Entsprechend kannst Du die Datenbank auch nicht zurücksetzen.', 10000);
 	}
 }
 
-function resetCache() {
+function deleteCache() {
+	log('[app] Deleting cache');
 	$('#menu-developer').hideMenu();
 	navigator.serviceWorker.getRegistrations().then(function (registrations) {
 		for (let registration of registrations) {
-			console.log('Unregister sW:', registration);
+			log('[app] Unregister sW:', registration);
 			registration.unregister();
 		}
 	});
 	caches.keys().then((keyList) => {
 		return Promise.all(keyList.map((key) => {
-			console.log('Cache deleted:', key);
+			log('[app] Cache deleted:', key);
 			return caches.delete(key);
 		}));
 	});
-	toastInfo('The serviceWorker and the cache were deleted. A new serviceWorker will be generated on the next refresh.');
+	toastInfo('Der serviceWorker und alle Caches wurden gelöscht. Die Seite lädt in wenigen Sekunden neu und erstellt damit neue Caches.', 10000);
+	setTimeout(function(){ location.reload(); }, 3000);
+}
+
+var pushesPossible = false;
+
+function urlB64ToUint8Array(base64String) {
+	const padding = '='.repeat((4 - base64String.length % 4) % 4);
+	const base64 = (base64String + padding)
+		.replace(/\-/g, '+')
+		.replace(/_/g, '/');
+
+	const rawData = window.atob(base64);
+	const outputArray = new Uint8Array(rawData.length);
+
+	for (let i = 0; i < rawData.length; ++i) {
+		outputArray[i] = rawData.charCodeAt(i);
+	}
+	return outputArray;
+}
+
+function pushesSubscribe() {
+	log('[app] Subscribing');
+	const applicationServerKey = urlB64ToUint8Array(PUSH_SERVER_KEY);
+	log('[app] Subscription app server key:', applicationServerKey);
+	swRegistration.pushManager.subscribe({
+		userVisibleOnly: true,
+		applicationServerKey: applicationServerKey
+	})
+	.then(async function(subscription) {
+		log('[app] Subscription:', subscription);
+		if (await pushesUpdateServerSubscription(subscription, true)) {
+			log('[app] Subscription: Sent to server, updating UI');
+			dbSettingsSet('notify_endpoint_' + BOATCLASS, subscription.endpoint);
+			updatePushSwitches();
+			updatePushBadge();
+		} else {
+			$('#menu-pushes').hideMenu();
+			log('[app] Failed to subscribe the user due to connection error');
+			toastError('Da ist leider etwas schief gelaufen. Bitte stelle sicher, dass Du mit dem Internet verbunden bist und versuche es erneut.', 5000);
+			pushesUnSubscribe(true);
+		}
+		hideLoader();
+	})
+	.catch(function(err) {
+		$('#menu-pushes').hideMenu();
+		log('[app] Failed to subscribe the user: ', err);
+		toastError('Da ist leider etwas schief gelaufen. Bitte stelle sicher, dass Du mit dem Internet verbunden bist und versuche es erneut.', 5000);
+		pushesUnSubscribe(true);
+	});
+}
+
+function pushesUnSubscribe(silent = false) {
+	log('[app] Unsubscribing');
+	swRegistration.pushManager.getSubscription()
+	.then(async function(subscription) {
+		log('[app] Subscription:', subscription);
+		if (subscription) {
+			if (await pushesUpdateServerSubscription(subscription, false)) {
+				log('[app] Subscription: Removed from server');
+			} else {
+				log('[app] Failed to unsubscribe the user due to connection error');
+			}
+			log('[app] Removing subscription');
+			subscription.unsubscribe();
+			log('[app] Subscription: Updating UI');
+			$('#menu-pushes').hideMenu();
+			dbSettingsSet('notify_endpoint_' + BOATCLASS, false);
+			updatePushBadge();
+			hideLoader();
+			if (!silent) toastOk('Du erhältst ab sofort keine Benachrichtigungen mehr von uns.');
+		}
+	})
+	.catch(function(error) {
+		log('[app] Error unsubscribing', error);
+		$('#menu-pushes').hideMenu();
+		if (!silent) toastError('Da ist leider etwas schief gelaufen. Bitte versuche es erneut oder wende Dich an unseren Support.', 5000);
+		updatePushBadge();
+		hideLoader();
+	});
+}
+
+function pushesUpdateServerSubscription(subscription, enabled) {
+	return new Promise(function(resolve){
+		log('[app] updateServer', enabled, subscription);
+		$.ajax({
+			url: QUERY_URL + (enabled ? 'add' : 'remove') + '_subscription',
+			type: 'POST',
+			data: { subscription: JSON.stringify(subscription) },
+			success: function (data, textStatus, jqXHR) {
+				log('[app] Subscription sent to server');
+				resolve(true);
+			},
+			error: function (jqXHR, textStatus, errorThrown) {
+				log('[app] Error sending subscription to server');
+				resolve(false);
+			}
+		});
+	});
+}
+
+async function initPushSettings() {
+	var items = [
+		['notify_channel_' + BOATCLASS + '_news', true],
+		['notify_channel_' + BOATCLASS + '_regatta_changed_my', true],
+		['notify_channel_' + BOATCLASS + '_regatta_changed_all', false],
+		['notify_channel_' + BOATCLASS + '_result_ready_my', true],
+		['notify_channel_' + BOATCLASS + '_result_ready_all', true],
+		['notify_channel_' + BOATCLASS + '_meldeschluss', true]
+	];
+	for (var i in items) {
+		var item = items[i];
+		if ((await dbSettingsGet(item[0])) == null) dbSettingsSet(item[0], item[1]);
+	}
+}
+
+async function updatePushSwitches() {
+	$('#switch-pushes-news').prop('checked', await dbSettingsGet('notify_channel_' + BOATCLASS + '_news'));
+	$('#switch-pushes-regatta-changed-my').prop('checked', await dbSettingsGet('notify_channel_' + BOATCLASS + '_regatta_changed_my'));
+	$('#switch-pushes-regatta-changed-all').prop('checked', await dbSettingsGet('notify_channel_' + BOATCLASS + '_regatta_changed_all'));
+	$('#switch-pushes-result-ready-my').prop('checked', await dbSettingsGet('notify_channel_' + BOATCLASS + '_result_ready_my'));
+	$('#switch-pushes-result-ready-all').prop('checked', await dbSettingsGet('notify_channel_' + BOATCLASS + '_result_ready_all'));
+	$('#switch-pushes-meldeschluss').prop('checked', await dbSettingsGet('notify_channel_' + BOATCLASS + '_meldeschluss'));
+
+	if ($('#switch-pushes').prop('checked')) {
+		$('#p-pushes-info').show();
+		$('.a-switch-pushes-channel-all').show();
+		$('.a-switch-pushes-channel-my').show();
+		if (!isLoggedIn()) {
+			$('.a-switch-pushes-channel-my').find('div').remove();
+			$('.a-switch-pushes-channel-my').find('.badge').text('nicht angemeldet');
+		}
+	} else {
+		$('#p-pushes-info').hide();
+		$('.a-switch-pushes-channel-all').hide();
+		$('.a-switch-pushes-channel-my').hide();
+	}
+}
+
+function pushesSubscribeClicked() {
+	showLoader();
+	if ($('#switch-pushes').prop('checked')) {
+		pushesSubscribe();
+	} else {
+		pushesUnSubscribe();
+	}
+}
+
+function pushesChannelClicked() {
+	dbSettingsSet('notify_channel_' + BOATCLASS + '_news', $('#switch-pushes-news').prop('checked'));
+	dbSettingsSet('notify_channel_' + BOATCLASS + '_regatta_changed_my', $('#switch-pushes-regatta-changed-my').prop('checked'));
+	dbSettingsSet('notify_channel_' + BOATCLASS + '_regatta_changed_all', $('#switch-pushes-regatta-changed-all').prop('checked'));
+	dbSettingsSet('notify_channel_' + BOATCLASS + '_result_ready_my', $('#switch-pushes-result-ready-my').prop('checked'));
+	dbSettingsSet('notify_channel_' + BOATCLASS + '_result_ready_all', $('#switch-pushes-result-ready-all').prop('checked'));
+	dbSettingsSet('notify_channel_' + BOATCLASS + '_meldeschluss', $('#switch-pushes-meldeschluss').prop('checked'));
+}
+
+function pushesOpenMenu() {
+	$('#menu-settings').hideMenu();
+	if (!pushesPossible) {
+		toastWarn('Dein Browser unterst&uuml;tzt leider keine Benachrichtigungen.', 5000);
+		return;
+	}
+	if (Notification.permission == 'denied') {
+		toastWarn('Benachrichtigungen werden von Deinem Browser blockiert.', 5000);
+		return;
+	}
+
+	swRegistration.pushManager.getSubscription().then(function(subscription) {
+		var isSub = (subscription !== null);
+		$('#switch-pushes').prop('checked', isSub);
+		updatePushSwitches();
+		$('#menu-pushes').showMenu();
+	});
+}
+
+function updatePushBadge() {
+	if (typeof onUpdatePushBadge === 'function') onUpdatePushBadge();
+	if (!pushesPossible) return;
+	if (Notification.permission == 'denied') {
+		$('#badge-pushes').removeClass('bg-green2-dark').addClass('bg-red2-dark').text('BLOCKED');
+		return;
+	}
+	swRegistration.pushManager.getSubscription().then(async function(subscription) {
+		var dbSub = await dbSettingsGet('notify_endpoint_' + BOATCLASS);
+		var isSub = (subscription !== null);
+		log('[app] DB Subscription:', dbSub);
+		log('[app] Real Subscription:', subscription);
+		if (isSub) {
+			$('#badge-pushes').removeClass('bg-red2-dark').addClass('bg-green2-dark').text('AN');
+			if (dbSub === null) dbSettingsSet('notify_endpoint_' + BOATCLASS, subscription.endpoint);
+			else if (dbSub !== subscription.endpoint) {
+				if (navigator.onLine) {
+					log('[app] Updating subscription');
+					pushesSubscribe();
+				}
+			}
+		} else {
+			$('#badge-pushes').removeClass('bg-green2-dark').addClass('bg-red2-dark').text('AUS');
+			if (dbSub === null) dbSettingsSet('notify_endpoint_' + BOATCLASS, false);
+			else if (dbSub !== false) {
+				if (navigator.onLine) {
+					log('[app] Re subscribe');
+					pushesSubscribe();
+				}
+			}
+		}
+	});
+}
+
+async function updateNewsBadge() {
+	var newsRead = await dbSettingsGet('news_read_' + BOATCLASS);
+	if (newsRead === null) dbSettingsSet('news_read_' + BOATCLASS, newsRead = new Date());
+	var news = await dbGetData('news');
+	var now = new Date();
+	var sum = 0;
+	for (var n in news) {
+		var newsEntry = news[n];
+		newsEntry.date = parseDbTimestamp(newsEntry.date);
+		if (newsEntry.date > now) continue;
+		if (newsEntry.date < newsRead) continue;
+		sum ++;
+	}
+	updateBadge('more/news', sum);
+}
+
+async function updateExpendituresBadge() {
+    let allExps = await dbGetData('expenditures');
+    let sum = 0;
+    for (let i in allExps) {
+        let exp = allExps[i];
+        if (exp.approved == 0) {
+            if (exp.direction < 0 && exp.canceled == 0) sum++;
+            if (exp.direction > 0 && exp.canceled == 1) sum++;
+        }
+    }
+    updateBadge('more/expenditures', sum);
+}
+
+function updateBadges() {
+    updateNewsBadge();
+    updateExpendituresBadge();
 }
 
 var initRegatten = function() {
 	showLoader();
 
+	log('[app] Initializing DB...');
+
 	initDatabase();
 
+	log('[app] Loading app specific code...');
+
 	if (isLoggedIn()) {
 		$('.show-loggedin').show();
 		$('.show-notloggedin').hide();
@@ -253,4 +554,124 @@ var initRegatten = function() {
 		$('.show-loggedin').hide();
 		$('.show-notloggedin').show();
 	}
+
+	// Pushes
+	$('#a-switch-pushes').click(pushesSubscribeClicked);
+	$('.a-switch-pushes-channel-all').click(pushesChannelClicked);
+	$('.a-switch-pushes-channel-my').click(pushesChannelClicked);
+}
+
+var onServiceWorkerLoaded = function() {
+	log('[app] sW loaded');
+	if ((swRegistration !== null) && (swRegistration.pushManager) && canUseLocalDB) {
+		pushesPossible = true;
+		updatePushBadge();
+	} else {
+		$('#badge-pushes').removeClass('bg-green2-dark').addClass('bg-red2-dark').text('NOT SUPPORTED');
+	}
+}
+
+var onDatabaseLoaded = function() {
+	log('[app] DB loaded');
+	if (!canUseLocalDB && !$('#menu-welcome').hasClass('menu-active')) {
+		function NoDbWarningOk() {
+			createCookie('regatten_nodb_banner', true, 1);
+			$('#menu-nodb-warning').hideMenu();
+		}
+		function showNoDbWarning() {
+			if (!readCookie('regatten_nodb_banner')) {
+				$('#menu-nodb-warning').showMenu();
+			}
+		}
+		$('#menu-nodb-warning-okay').click(NoDbWarningOk);
+		showNoDbWarning();
+	}
+
+	onServiceWorkerLoaded();
+	initPushSettings();
+
+	updateBadges();
+}
+
+var onAfterSync = function() {
+	updateBadges();
+}
+
+function sendErrorReport() {
+	alert('FEHLERBERICHT\nEs wird jetzt ein Fehlerbericht an die Entwickler geschickt.\nBitte stelle sicher, dass Du mit dem Internet verbunden bist und drücke dann auf OK.');
+	$.ajax({
+		url: QUERY_URL + 'error_report',
+		method: 'POST',
+		data: {
+			errors: JSON.stringify(consoleOutput),
+			device: navigator.userAgent,
+			version: '<?php echo PWA_VERSION; ?>'
+		},
+		error: function (xhr, status, error) {
+			if (xhr.status == 0) {
+				alert('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um den Fehlerbericht zu senden');
+			} else {
+				alert('Beim Senden ist ein unbekannter Fehler aufgetreten. Bitte versuche es noch einmal');
+			}
+		},
+		success: function (data, status, xhr) {
+			alert('Wir leiten Dich jetzt zum erstellten Fehlerbericht um, sodass Du ggf. weitere Informationen ergänzen kannst.');
+			location.href = 'https://github.com/ostertun/RegattenApp/issues/' + data.issueNumber;
+		}
+	});
+}
+
+// Add console opener to preloader
+var addConsoleOpenerToPreloader = function() {
+	addConsoleOpenerToPreloader = function(){};
+	var preloader = document.getElementById('preloader');
+	var button = document.createElement('a');
+	button.id = 'button-show-console';
+	button.href = '#';
+	button.classList = 'btn rounded-s text-uppercase font-900 shadow-m m-3 bg-red2-dark bg-white';
+	button.style.position = 'fixed';
+	button.style.bottom = 0;
+	button.style.left = 0;
+	button.style.right = 0;
+	button.innerHTML = 'Fehlerbericht senden';
+	button.onclick = function(){
+		sendErrorReport();
+		return false;
+	}
+	preloader.appendChild(button);
+	$(button).hide();
+}
+addConsoleOpenerToPreloader();
+
+function m2s_getLink(type, eventId, classId) {
+	switch (type) {
+		case 'entrylist':
+			return 'https://manage2sail.com/de-DE/event/' + eventId + '#!/entries?classId=' + classId;
+	}
+	return '';
+}
+function ro_getLink(type, eventId, classId) {
+	switch (type) {
+		case 'entrylist':
+			return 'http://www.raceoffice.org/entrylist.php?eid=' + eventId;
+	}
+	return '';
+}
+function wfn_getLink(type, eventId, classId) {
+	switch (type) {
+		case 'entrylist':
+			return 'https://wettfahrten.net/event/' + eventId + '/entrylist?class=' + classId;
+	}
+	return '';
+}
+function extServiceGetLink(serviceName, type, eventId = '', classId = '') {
+	switch (serviceName) {
+		case 'm2s':
+			return m2s_getLink(type, eventId, classId);
+		case 'ro':
+			return ro_getLink(type, eventId, classId);
+		case 'wfn':
+			return wfn_getLink(type, eventId, classId);
+	}
+	return '';
 }

client/styles/regatten.css

@@ -43,6 +43,209 @@
 	text-align: right;
 }
 
+/*** RANKING LIST ***/
+.ranking-list > div {
+	padding-top: 1rem;
+	padding-bottom: 1rem;
+	border-bottom: 1px solid #dee2e6;
+	cursor: pointer;
+}
+
+.ranking-list > div:last-child {
+	border: 0;
+	padding-bottom: 0;
+}
+
+.ranking-list div {
+	white-space: nowrap;
+}
+
+.ranking-list > div > div > div {
+	display: inline-block;
+}
+
+.ranking-list > div > div:nth-child(1) > div:nth-child(1) {
+	width: 25%;
+}
+.ranking-list > div > div:nth-child(1) > div:nth-child(2) {
+	width: 50%;
+	text-align: right;
+}
+.ranking-list > div > div:nth-child(1) > div:nth-child(3) {
+	width: 25%;
+	text-align: right;
+}
+
+.ranking-list > div > div:nth-child(2) > div:nth-child(1) {
+	width: 75%;
+}
+.ranking-list > div > div:nth-child(2) > div:nth-child(2) {
+	width: 25%;
+	text-align: right;
+}
+
+/*** RANKING DETAIL LIST ***/
+.ranking-detail-list > div {
+	padding-top: 1rem;
+	padding-bottom: 1rem;
+	border-bottom: 1px solid #dee2e6;
+	cursor: pointer;
+}
+
+.ranking-detail-list > div:last-child {
+	border: 0;
+	padding-bottom: 0;
+}
+
+.ranking-detail-list div {
+	white-space: nowrap;
+}
+
+.ranking-detail-list > div > div > div {
+	display: inline-block;
+}
+
+.ranking-detail-list > div > div:nth-child(2) > div:nth-child(1) {
+	width: 50%;
+}
+.ranking-detail-list > div > div:nth-child(2) > div:nth-child(2) {
+	width: 25%;
+	text-align: right;
+}
+.ranking-detail-list > div > div:nth-child(2) > div:nth-child(3) {
+	width: 25%;
+	text-align: right;
+}
+
+.ranking-detail-list > div > div:nth-child(3) {
+	border-bottom: 1px dashed #dee2e6;
+}
+.ranking-detail-list > div > div:nth-child(3) > div:nth-child(1) {
+	width: 50%;
+}
+.ranking-detail-list > div > div:nth-child(3) > div:nth-child(2) {
+	width: 50%;
+	text-align: right;
+}
+
+.ranking-detail-list > div > div:nth-child(4) > div:nth-child(1) {
+	width: 50%;
+}
+.ranking-detail-list > div > div:nth-child(4) > div:nth-child(2) {
+	width: 50%;
+	text-align: right;
+}
+
+.ranking-detail-list > div > div:nth-child(n+5) > div:nth-child(1) {
+	width: 75%;
+}
+.ranking-detail-list > div > div:nth-child(n+5) > div:nth-child(2) {
+	width: 25%;
+	text-align: right;
+}
+
+/*** EXPENDITURES LIST ***/
+.expenditures-list.display-border > div {
+	border-bottom: 1px solid #dee2e6;
+}
+.expenditures-list > div {
+	padding-top: 1rem;
+	padding-bottom: 1rem;
+	cursor: pointer;
+}
+
+.expenditures-list > div:last-child {
+	border: 0;
+	padding-bottom: 0;
+}
+
+.expenditures-list div {
+	white-space: nowrap;
+}
+
+.expenditures-list > div > div > div {
+	display: inline-block;
+}
+
+.expenditures-list > div > div:nth-child(1) > div:nth-child(1) {
+	width: calc(75% - 1.5em);
+}
+.expenditures-list > div > div:nth-child(1) > div:nth-child(2) {
+	width: 25%;
+	text-align: right;
+}
+.expenditures-list > div > div:nth-child(1) > div:nth-child(3) {
+	width: 1.5em;
+	text-align: right;
+}
+
+.expenditures-list > div > div:nth-child(2) > div:nth-child(1) {
+	width: 6em;
+}
+.expenditures-list > div > div:nth-child(2) > div:nth-child(2) {
+	width: calc(70% - 6em);
+	overflow-x: visible;
+}
+.expenditures-list > div > div:nth-child(2) > div:nth-child(3) {
+	width: 30%;
+	text-align: right;
+}
+
+.expenditures-list > div.sum {
+	padding: 0;
+}
+.expenditures-list > div.sum > div:nth-child(1) {
+	background: #dee2e6;
+	height: 1px;
+	display: flex;
+	justify-content: center;
+}
+.expenditures-list > div.sum > div:nth-child(1) > div:nth-child(1) {
+	background: #fff;
+	width: initial;
+	margin-top: -1em;
+	padding: 0 .5em;
+}
+.theme-dark .expenditures-list > div.sum > div:nth-child(1) > div:nth-child(1) {
+	background-color: #0f1117;
+}
+
+/*** NORMAL LIST ***/
+.normal-list > div {
+	padding-top: 1rem;
+	padding-bottom: 1rem;
+	border-bottom: 1px solid #dee2e6;
+	cursor: pointer;
+}
+
+.normal-list > div:last-child {
+	border: 0;
+	padding-bottom: 0;
+}
+
+.normal-list div {
+	white-space: nowrap;
+}
+
+.normal-list > div > div > div {
+	display: inline-block;
+}
+
+.normal-list > div > div:nth-child(2) > div:nth-child(1) {
+	width: 50%;
+}
+.normal-list > div > div:nth-child(2) > div:nth-child(2) {
+	width: 50%;
+	text-align: right;
+}
+
+/*** BLOCKQUOTE ***/
+blockquote {
+	border-left: 0.5em solid rgba(0, 0, 0, 0.125);
+	font-style: italic;
+	padding-left: 1em;
+}
+
 /*** BLINKING ICONS ***/
 @keyframes fa-blink {
 	0% { opacity: 1; }

client/styles/style.css

@@ -1220,6 +1220,7 @@ img.mx-auto {
   bottom: 0px;
   z-index: 99999;
   transition: all 150ms ease;
+  background-color: #0f1117;
 }
 
 #preloader .spinner-border {
@@ -4253,7 +4254,7 @@ code {
 }
 
 /*Contact Form*/
-.menu input[type="text"] {
+/*.menu input[type="text"] {
   height: 35px;
   line-height: 35px;
 }
@@ -4270,7 +4271,7 @@ code {
 .menu .form-field label {
   font-size: 12px;
   margin-bottom: -10px;
-}
+}*/
 
 .form-field span {
   position: absolute;

content/index.php

@@ -1,76 +0,0 @@
-<?php
-	
-	$sp['title'] = 'Startseite - Regatten.net Pirat';
-	$sp['activenav'] = 1;
-	
-	// Title
-	$content = "<h1>$_CLASS[name]</h1>";
-	$content .= "<p>$_CLASS[desc]</p>";
-	
-	$sp['output'] .= $tpl->load('card', [$content]);
-	
-	// Favorites
-	$content = '<h2>Deine Favoriten</h2>';
-	$thead = '<tr><th>Segler</th><th id="th-ranking">Rangliste</th></tr>';
-	$content .= $tpl->load('table', [$thead, 'html-id' => 'table-favorites', 'css-class' => 'mb-0 mt-3']);
-	$content .= '<p id="p-favorites" class="mt-3">';
-	$content .= 'Du folgst <b>keinen</b> Seglern.<br>';
-	$content .= 'Um jemandem zu folgen, gehe zur <a href="' . LINK_PRE . 'sailors">Segler-Liste</a> und w&auml;hle bis zu f&uuml;nf Segler aus.';
-	$content .= '</p>';
-	
-	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-favorites']);
-	
-	// Planning next
-	$content = '<h2>Deine n&auml;chsten Regatten</h2>';
-	$thead = '<tr><th>Datum</th><th>Regatta</th><th>Informationen</th><th>RLF</th><th>Segler</th></tr>';
-	$content .= $tpl->load('table', [$thead, 'html-id' => 'table-yournext', 'css-class' => 'mb-0 mt-3']);
-	$content .= '<p id="p-yournext" class="mt-3">';
-	$content .= 'Du f&auml;hrst in den n&auml;chsten vier Wochen auf keine Regatta!';
-	$content .= '</p>';
-	
-	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-yournext']);
-	
-	// Not logged in
-	$content = '<h2>Nicht angemeldet</h2>';
-	$content .= '<p class="mt-3">';
-	$content .= 'Um alle Funktionen dieser Seite nutzen zu k&ouml;nnen, <a href="#" data-menu="menu-login">logge Dich bitte ein</a>.<br>';
-	$content .= 'Solltest Du noch kein Benutzerkonto haben, kannst Du Dich kostenlos <a href="#" data-menu="menu-signup">registrieren</a>.';
-	$content .= '</p>';
-	
-	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-notloggedin']);
-	
-	// Next
-	$content = '<h2>N&auml;chste Regatten</h2>';
-	$thead = '<tr><th>Datum</th><th>Regatta</th><th>Informationen</th><th>RLF</th></tr>';
-	$content .= $tpl->load('table', [$thead, 'html-id' => 'table-next', 'css-class' => 'mb-0 mt-3']);
-	$content .= '<p id="p-next" class="mt-3">';
-	$content .= 'Keine Regatten in den n&auml;chsten zwei Wochen!';
-	$content .= '</p>';
-	
-	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-next']);
-	
-	// Last
-	$content = '<h2>Letzte Regatten</h2>';
-	$thead = '<tr><th>Datum</th><th>Regatta</th><th>Ergebnisse</th><th>RLF</th></tr>';
-	$content .= $tpl->load('table', [$thead, 'html-id' => 'table-last', 'css-class' => 'mb-0 mt-3']);
-	$content .= '<p id="p-last" class="mt-3">';
-	$content .= 'Keine Regatten in den letzten zwei Wochen!';
-	$content .= '</p>';
-	
-	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-last']);
-	
-	// Calendar
-	$content = '<h2>Regatta-Kalender</h2>';
-	$content .= '<p>Du willst alle Regatta-Termine in deinem Kalender, aber nicht alles abtippen?<br>Kein Problem! Abonniere einfach unseren ics-Kalender.</p>';
-	$content .= '<p><b>Nur die Regatten, zu denen Du gehst?</b><br>Auch kein Problem! ';
-	$content .= '<span class="show-loggedin">Erstelle einfach eine <a href="' . LINK_PRE . 'planning">Saison-Planung</a> und abonniere Deinen persönlichen Kalender.</span>';
-	$content .= '<span class="show-notloggedin"><a href="#" data-menu="menu-signup">Registriere Dich einfach kostenlos</a>, erstelle eine Saison-Planung und wir erstellen Dir einen pers&ouml;nlichen Kalender.</span>';
-	$content .= '</p>';
-	$content .= $tpl->load('button', ['<i class="fas fa-calendar-alt"></i> Regatta-Kalender', 'https://regatten.net/client/calendar/' . BOATCLASS . '/everything.ics', 'css-class' => 'mb-2']);
-	$content .= $tpl->load('button', ['<i class="fas fa-calendar-alt"></i> Kalender f&uuml;r <span class="replace-username"></span>', 'https://regatten.net/client/calendar/' . BOATCLASS . '/user_%USERID%.ics', 'css-class' => 'show-loggedin replace-userid-href']);
-	
-	$sp['output'] .= $tpl->load('card', [$content]);
-	
-	$sp['scripts'] = $scripts->load('index');
-	
-?>

index.php

@@ -1,5 +1,6 @@
 <?php
 
+	require_once(__DIR__ . '/server/version.php');
 	require_once(__DIR__ . '/server/config.php');
 	require_once(__DIR__ . '/server/log.php');
 	require_once(__DIR__ . '/server/templates.php');
@@ -24,7 +25,7 @@
 		exit;
 	}
 
-	if (!file_exists(__DIR__ . '/content/' . $site . '.php')) {
+	if (!file_exists(__DIR__ . '/server/content/' . $site . '.php')) {
 		$site = '404';
 	}
 
@@ -40,7 +41,7 @@
 	$tpl = new Templates(__DIR__ . '/server/templates/');
 	$scripts = new Scripts(__DIR__ . '/server/scripts/');
 
-	require_once(__DIR__ . '/content/' . $site . '.php');
+	require_once(__DIR__ . '/server/content/' . $site . '.php');
 
 	require_once(__DIR__ . '/server/buildpage.php');
 

manifest.json.php

@@ -2,6 +2,7 @@
 	
 	header('Content-Type: application/json');
 	
+	require_once(__DIR__ . '/server/version.php');
 	require_once(__DIR__ . '/server/config.php');
 	
 ?>

server/config_example.php

@@ -4,20 +4,18 @@
 	error_reporting(0);   // disable error reporting in browser
 	define('SEND_ERRORS', true);   // send errors via log
 	
+	define('BOATCLASS', 'pirat');
+	
 	date_default_timezone_set('Europe/Berlin');
 	define('SERVER_PATH', '/subfolder');  // path to root directory
 	define('SERVER_ADDR', 'https://' . $_SERVER['SERVER_NAME'] . SERVER_PATH);  // path to root directory
+	define('QUERY_URL', 'http://' . $_SERVER['SERVER_NAME'] . '/api/' . BOATCLASS . '/');  // url to api backend
 	define('LOGGING_APIKEY', 'xxx');  // Apikey for Logging API -> get from ostertun.net/logging
 	
-	define('PWA_VERSION', '1.0');
+	// PUSH
+	define('PUSH_SERVER_KEY', '');
 	
-	// PUSH SERVER
+	// BOAT CLASS
-	define('PUSH_AUTH', 'xxxxxxx'); // auth string for push.ostertun.net
-	define('PUSH_SERVERKEY', 'xxxxxxx'); // server key from push.ostertun.net
-	
-	define('BOATCLASS', 'pirat');
-	
-	// BOAT CLASSES
 	$_CLASS = array(
 		'name' => 'Pirat',
 		'desc' => 'eine vom DSV geförderte Jugendmeisterschaftsklasse',

server/content/404.php

@@ -1,6 +1,6 @@
 <?php
 	
-	$sp['title'] = 'Fehler 404 - Regatten.net Pirat';
+	$sp['title'] = 'Fehler 404 - Regatten.net ' . $_CLASS['name'];
 	$sp['backbutton'] = true;
 	
 	$content = $tpl->load('error', ['404', 'Seite nicht gefunden']);

server/content/account.php

@@ -0,0 +1,19 @@
+<?php
+	
+	// TODO: Create site
+	
+	$sp['title'] = 'Seite noch nicht unterstuuml;tzt - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	
+	$content = $tpl->load('error', ['404', 'Seite existiert noch nicht']);
+	$content .= '<p>';
+	$content .= 'Die gesuchte Seite ist leider noch nicht verf&uuml;gbar.<br>';
+	$content .= 'Wir arbeiten daran, sie schnellstm&ouml;glich zur Verf&uuml;gung zu stellen.<br>';
+	$content .= 'Wie w&auml;re es mit der Homepage?';
+	$content .= '</p>';
+	$content .= $tpl->load('button', ['Zur Startseite', LINK_PRE . 'index', 'css-class' => 'mb-3']);
+	$content .= $tpl->load('button', ['Kontakt', LINK_PRE . 'contact']);
+	
+	$sp['output'] = $tpl->load('card', [$content, 'css-class' => 'text-center pt-3']);
+	
+?>

server/content/boats.php

@@ -0,0 +1,46 @@
+<?php
+	
+	$sp['title'] = 'Boote - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = 'index';
+	$sp['activenav'] = 5;
+	
+	// Title
+	$content = "<h1>Boote</h1>";
+	
+	$sp['output'] .= $tpl->load('card', [$content]);
+	
+	// Info Years
+	$content = '<h2>Bootsnamen</h2>';
+	$content .= '<p>';
+	$content .= 'Genauso wie bei den Jahrg&auml;ngen der Segler fehlen uns auch viele Bootsnamen.<br>';
+	$content .= 'Kennst Du ein Boot, dessen Name hier noch nicht hinterlegt ist oder das vielleicht umgetauft wurde, <b>hilf uns bitte</b>, indem Du den Namen eintr&auml;gst!<br>';
+	$content .= 'Klicke dazu einfach auf das entsprechende Boot und w&auml;hle Bootsnamen bearbeiten aus.<br>';
+	$content .= 'Vielen Dank f&uuml;r Deine Unterst&uuml;tzung!';
+	$content .= '</p>';
+	
+	$sp['output'] .= $tpl->load('card', [$content]);
+	
+	// List
+	$content = '<p id="p-count" class="mb-0"></p>';
+	$content .= $tpl->load('input', ['html-id' => 'input-search', 'placeholder' => 'Suche', 'type' => 'text', 'css-class' => 'mt-2']);
+	$content .= '<div id="div-list" class="normal-list mb-0"></div>';
+	
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-list']);
+	
+	// Pagination
+	$sp['output'] .= $tpl->load('pagination', ['html-id' => 'pagination']);
+	
+	// Menu
+	$items = $tpl->load('menu/item-icon', ['', '#', 'html-id' => 'menu-item-boatname', 'icon' => 'fa-edit']);
+	$items .= $tpl->load('menu/item-icon', ['Vereins-Website', '', 'html-id' => 'menu-item-clubwebsite', 'icon' => 'fa-globe', 'css-class' => 'border-0']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-boat', 'title' => 'Boots-Details', 'height' => 200]);
+	
+	$items = '<p class="mb-2 mt-1" style="line-height: 1.5em;">Bitte trage hier den Bootsnamen ein:</p>';
+	$items .= $tpl->load('input', ['html-id' => 'input-editboatname', 'placeholder' => 'Bootsname', 'type' => 'text']);
+	$items .= $tpl->load('button', ['Speichern', '#', 'html-id' => 'button-editboatname']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-editboatname', 'height' => 240]);
+	
+	$sp['scripts'] .= $scripts->load('pagination', ['pageChange', 'page', 'pageCount', 'pagination']);
+	$sp['scripts'] .= $scripts->load('boats');
+	
+?>

server/content/calc.php

@@ -0,0 +1,65 @@
+<?php
+	
+	$sp['title'] = 'RLP Rechner - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = 'index';
+	$sp['activenav'] = 5;
+	
+	// Title
+	$content = "<h1>RLP Rechner</h1>";
+	$content .= '<p>Einfach Ranglistenpunkte berechnen</p>';
+	
+	$sp['output'] .= $tpl->load('card', [$content]);
+	
+	// Inputs
+	$content = $tpl->load('input', ['html-id' => 'input-rlf', 'placeholder' => 'Ranglistenfaktor (rlf)', 'type' => 'number']);
+	$content .= $tpl->load('input', ['html-id' => 'input-m', 'placeholder' => 'Multiplikator (m)', 'type' => 'number']);
+	$content .= $tpl->load('input', ['html-id' => 'input-fb', 'placeholder' => 'Gezeitete Boote (fb)', 'type' => 'number']);
+	$content .= $tpl->load('input', ['html-id' => 'input-pl', 'placeholder' => 'Platzierung (pl)', 'type' => 'number']);
+	$content .= $tpl->load('button', ['Hinzuf&uuml;gen', '#', 'html-id' => 'button-add']);
+	
+	$sp['output'] .= $tpl->load('card', [$content]);
+	
+	// Table
+	$thead = '<tr><th>RLF</th><th>m</th><th>fb</th><th>pl</th><th>RLP</th><th></th></tr>';
+	$content = $tpl->load('table', [$thead, 'html-id' => 'table-races']);
+	$content .= '<p id="p-result"></p>';
+	
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-races']);
+	
+	// Infos
+	$content = '<h2>Hinweise zum Ausf&uuml;llen</h2>';
+	$content .= '<p><b>Ranglistenfaktor (RLF)</b><br>';
+	$content .= 'Der Ranglistenfaktor ist ein von der KV vorgegebener Faktor zwischen 1,0 und 1,6 zur Gewichtung der Regatten.<br>';
+	$content .= 'Du findest ihn in der <a href="' . LINK_PRE . 'regattas">Regatten-Liste</a>.';
+	$content .= '</p>';
+	$content .= '<p><b>Multiplikator (m)</b><br>';
+	$content .= 'Der Multiplikator gibt an, wie oft eine Regatta in die Wertung eingeht.<br>';
+	$content .= 'Er ist abh&auml;ngig von den tats&auml;chlich gesegelten Wettfahrten. Dabei gilt:<br>';
+	$content .= '<b>1</b> Wettfahrt => <b>m = 1</b><br>';
+	$content .= '<b>2</b> Wettfahrten => <b>m = 2</b><br>';
+	$content .= '<b>3</b> Wettfahrten => <b>m = 3</b><br>';
+	$content .= '<b>4 oder mehr</b> Wettfahrten => <b>m = 4</b><br>';
+	$content .= 'Ist die Regatta f&uuml;r mehr als 2 Tage ausgeschrieben, gilt au&szlig;erdem:<br>';
+	$content .= '<b>6 oder mehr</b> Wettfahrten => <b>m = 5</b>';
+	$content .= '</p>';
+	$content .= '<p><b>Gezeitete Boote (fb)</b><br>';
+	$content .= 'Die Anzahl der Boote, die in mindestens einer Wettfahrt ins Ziel gefahren sind.';
+	$content .= '</p>';
+	$content .= '<p><b>Platzierung (pl)</b><br>';
+	$content .= 'Deine Platzierung in den Endergebnissen';
+	$content .= '</p>';
+	
+	$sp['output'] .= $tpl->load('card', [$content]);
+	
+	$content = '<h2>Berechnung</h2>';
+	$content .= '<p>Die Ranglistenpunkte (RLP) f&uuml;r eine Regatta berechnen sich nach folgender Formel:<br>';
+	$content .= '<i>RLP = RLF * 100 * ((fb + 1 - pl) / fb)</i><br>';
+	$content .= 'Diese Ranglistenpunkte k&ouml;nnen je nach Multiplikator bis zu 5 mal in die Wertung eingehen.<br>';
+	$content .= 'Der Mittelwert der 9 besten Wertungen ergibt die Ranglistenpunkte.';
+	$content .= '</p>';
+	
+	$sp['output'] .= $tpl->load('card', [$content]);
+	
+	$sp['scripts'] .= $scripts->load('calc');
+	
+?>

server/content/clubs.php

@@ -0,0 +1,29 @@
+<?php
+	
+	$sp['title'] = 'Vereine - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = 'index';
+	$sp['activenav'] = 5;
+	
+	// Title
+	$content = "<h1>Vereine</h1>";
+	
+	$sp['output'] .= $tpl->load('card', [$content]);
+	
+	// List
+	$content = '<p id="p-count" class="mb-0"></p>';
+	$content .= $tpl->load('input', ['html-id' => 'input-search', 'placeholder' => 'Suche', 'type' => 'text', 'css-class' => 'mt-2']);
+	$content .= '<div id="div-list" class="normal-list mb-0"></div>';
+	
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-list']);
+	
+	// Pagination
+	$sp['output'] .= $tpl->load('pagination', ['html-id' => 'pagination']);
+	
+	// Menu
+	$items = $tpl->load('menu/item-icon', ['Vereins-Website', '', 'html-id' => 'menu-item-clubwebsite', 'icon' => 'fa-globe', 'css-class' => 'border-0']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-club', 'title' => 'Vereins-Details', 'height' => 160]);
+	
+	$sp['scripts'] .= $scripts->load('pagination', ['pageChange', 'page', 'pageCount', 'pagination']);
+	$sp['scripts'] .= $scripts->load('clubs');
+	
+?>

server/content/contact.php

@@ -0,0 +1,38 @@
+<?php
+
+	$sp['title'] = 'Kontakt - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	$sp['activenav'] = 5;
+
+	// TITLE
+	$content = '<h1>Kontakt</h1>';
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	// Info
+	$content = '<p>';
+	$content .= 'Du hast eine Frage? Du hast einen Fehler in unserer Software oder in den gespeicherten Daten gefunden? Du willst Regatten.net auch f&uuml;r Deine Bootsklasse nutzen?<br>';
+	$content .= 'Egal was es ist, lass es uns wissen! Schreibe uns eine Mail an <a href="mailto:info@regatten.net">info@regatten.net</a> oder nutze einfach dieses Kontakt-Formular.<br>';
+	$content .= 'Wir werden Deine Anfrage so schnell wie m&ouml;glich bearbeiten.';
+	$content .= '</p>';
+	//$content .= '<p>';
+	//$content .= 'Alternativ erreichst Du uns auch telefonisch unter <a href="tel:+4941039659768">+49 (0) 4103 965 976 8</a><br>';
+	//$content .= 'Mo-Fr: 7-20 Uhr<br>';
+	//$content .= 'Sa: 9-17 Uhr';
+	//$content .= '</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	// Formular
+	$content = '<h2>Kontakt-Formular</h2>';
+	$content .= $tpl->load('input', ['html-id' => 'input-name', 'placeholder' => 'Dein Name', 'type' => 'text']);
+	$content .= $tpl->load('input', ['html-id' => 'input-email', 'placeholder' => 'Email-Adresse', 'type' => 'email']);
+	$content .= $tpl->load('input', ['html-id' => 'input-subject', 'placeholder' => 'Betreff', 'type' => 'text']);
+	$content .= $tpl->load('textarea', ['html-id' => 'input-message', 'placeholder' => 'Deine Nachricht']);
+	$content .= $tpl->load('button', ['Senden', '#', 'html-id' => 'button-send']);
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	$sp['scripts'] .= $scripts->load('contact');
+
+?>

server/content/expenditures-user.php

@@ -0,0 +1,80 @@
+<?php
+
+$sp['title'] = 'Ausgaben-Verwaltung - Regatten.net ' . $_CLASS['name'];
+$sp['backbutton'] = 'expenditures';
+$sp['activenav'] = 5;
+
+// Title
+$content = "<h1>Ausgaben-Verwaltung</h1>";
+$content .= '<p id="p-username" class="mb-1"></p>';
+$content .= $tpl->load('button', ['<i class="fas fa-plus"></i>&ensp;Neue Ausgabe', '#', 'html-id' => 'button-add', 'css-class' => 'mt-3 mb-2']);
+$content .= $tpl->load('button', ['<i class="fas fa-plus"></i>&ensp;Neuer Geldtransfer', '#', 'html-id' => 'button-add-transfer', 'css-class' => 'mt-3 mb-0']);
+
+$sp['output'] .= $tpl->load('card', [$content, 'css-class' => 'show-loggedin']);
+
+// Not loggedin
+$content = '<h1>Ausgaben-Verwaltung</h1>';
+$content .= '<p>Um die Ausgaben-Verwaltung nutzen zu können, musst Du angemeldet sein.<br><a href="#" data-menu="menu-login">Melde Dich hier an</a> oder <a href="https://regatten.net/#signup">registriere Dich jetzt kostenlos</a>.</p>';
+
+$sp['output'] .= $tpl->load('card', [$content, 'css-class' => 'show-notloggedin']);
+
+// List
+$content = '<p id="p-count" class="mb-0"></p>';
+$content .= $tpl->load('input', ['html-id' => 'input-search', 'placeholder' => 'Suche', 'type' => 'text', 'css-class' => 'mt-2']);
+$content .= '<div id="div-list" class="expenditures-list mb-0"></div>';
+
+$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-list', 'css-class' => 'show-loggedin']);
+
+// Pagination
+$sp['output'] .= $tpl->load('pagination', ['html-id' => 'pagination', 'css-class' => 'show-loggedin']);
+
+// Legend
+$content = '<p>';
+$content .= '<i class="fas fa-check"></i>&ensp;genehmigt<br>';
+$content .= '<i class="fas fa-times"></i>&ensp;storniert<br>';
+$content .= '<i class="fas fa-hourglass-half"></i>&ensp;wartet auf Zustimmung von <span class="span-username"></span><br>';
+$content .= '<i class="fas fa-exclamation"></i>&ensp;wartet auf Deine Zustimmung';
+$content .= '</p>';
+
+$sp['output'] .= $tpl->load('card', [$content, 'css-class' => 'show-loggedin']);
+
+// Menu
+$items = $tpl->load('menu/item-icon', ['Akzeptieren', '#', 'html-id' => 'menu-item-approve', 'icon' => 'fa-check']);
+$items .= $tpl->load('menu/item-icon', ['Ablehnen', '#', 'html-id' => 'menu-item-decline', 'icon' => 'fa-times']);
+$items .= $tpl->load('menu/item-icon', ['Stornieren', '#', 'html-id' => 'menu-item-cancel', 'icon' => 'fa-times']);
+$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-expenditure', 'title' => 'Ausgabe', 'height' => 200]);
+
+// Menu Add
+$items = $tpl->load('menu/item-simple', ['bezahlt von: ', '#', 'html-id' => 'item-add-user-from']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-date', 'placeholder' => 'Datum des Transfers', 'type' => 'date', 'css-class' => 'mt-3']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-amount', 'placeholder' => 'Betrag in Euro', 'type' => 'number" min="0.01" step="0.01']);
+$options = '<option value="entryfee">Meldegeld</option>';
+$options .= '<option value="camping">Camping</option>';
+$options .= '<option value="food">Essen</option>';
+$options .= '<option value="other">andere</option>';
+$items .= $tpl->load('select', ['html-id' => 'select-add-purpose', 'placeholder' => 'Verwendung', 'options' => $options]);
+$items .= $tpl->load('input', ['html-id' => 'input-add-regatta-name', 'placeholder' => 'Name der Regatta (optional)', 'type' => 'text']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-purpose-text', 'placeholder' => 'Verwendungszweck (optional)', 'type' => 'text']);
+$items .= '<p style="line-height: normal; margin-bottom: 0;">Für wen wurde das Geld ausgegeben? (z.B. Du und Dein Segelpartner)<br>Hinweis: Der angegebene Betrag wird durch die Personen geteilt, die Du hier auswählst.</p>';
+$items .= $tpl->load('menu/item-simple', ['<span style="font-style:italic;">Weiteren Benutzer hinzuf&uuml;gen</span>', '#', 'html-id' => 'item-add-user-to']);
+$items .= $tpl->load('button', ['Speichern', '#', 'html-id' => 'button-add-save', 'css-class' => 'mb-3']);
+$sp['menus'] .= $tpl->load('menu/modal', [$items, 'html-id' => 'menu-add', 'title' => 'Neue Ausgabe', 'height' => '90vh', 'width' => '90vw']);
+
+// Menu Add Transfer
+$items = $tpl->load('menu/item-switch', ['Geld bekommen', 'html-id' => 'switch-add-transfer-received', 'icon' => 'fa-arrow-left']);
+$items .= $tpl->load('menu/item-simple', ['von: <font style="font-style:italic;">bitte auswählen</font>', '#', 'html-id' => 'item-add-transfer-user']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-transfer-date', 'placeholder' => 'Datum des Transfers', 'type' => 'date', 'css-class' => 'mt-3']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-transfer-amount', 'placeholder' => 'Betrag in Euro', 'type' => 'number" min="0.01" step="0.01']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-transfer-purpose-text', 'placeholder' => 'Verwendungszweck (optional)', 'type' => 'text']);
+$items .= $tpl->load('button', ['Speichern', '#', 'html-id' => 'button-add-transfer-save']);
+$sp['menus'] .= $tpl->load('menu/modal', [$items, 'html-id' => 'menu-add-transfer', 'title' => 'Neuer Geldtransfer', 'height' => 470, 'width' => '90vw']);
+
+// Select user
+$items = $tpl->load('input', ['html-id' => 'input-user-search', 'placeholder' => 'Suche...', 'type' => 'text']);
+$sp['menus'] .= $tpl->load('menu/modal', [$items, 'html-id' => 'menu-select-user', 'title' => 'Benutzer auswählen', 'height' => 500, 'width' => '90vw']);
+
+$sp['scripts'] .= $scripts->load('pagination', ['pageChange', 'page', 'pageCount', 'pagination']);
+$sp['scripts'] .= $scripts->load('expenditures-add');
+$sp['scripts'] .= $scripts->load('expenditures-user');
+
+?>

server/content/expenditures.php

@@ -0,0 +1,63 @@
+<?php
+
+$sp['title'] = 'Ausgaben-Verwaltung - Regatten.net ' . $_CLASS['name'];
+$sp['backbutton'] = 'index';
+$sp['activenav'] = 5;
+
+// Title
+$content = "<h1>Ausgaben-Verwaltung</h1>";
+$content .= $tpl->load('button', ['<i class="fas fa-plus"></i>&ensp;Neue Ausgabe', '#', 'html-id' => 'button-add', 'css-class' => 'mt-3 mb-2']);
+$content .= $tpl->load('button', ['<i class="fas fa-plus"></i>&ensp;Neuer Geldtransfer', '#', 'html-id' => 'button-add-transfer', 'css-class' => 'mt-3 mb-0']);
+
+$sp['output'] .= $tpl->load('card', [$content, 'css-class' => 'show-loggedin']);
+
+// Not loggedin
+$content = '<h1>Ausgaben-Verwaltung</h1>';
+$content .= '<p>Um die Ausgaben-Verwaltung nutzen zu können, musst Du angemeldet sein.<br><a href="#" data-menu="menu-login">Melde Dich hier an</a> oder <a href="https://regatten.net/#signup">registriere Dich jetzt kostenlos</a>.</p>';
+
+$sp['output'] .= $tpl->load('card', [$content, 'css-class' => 'show-notloggedin']);
+
+// List
+$content = '<p id="p-count" class="mb-0"></p>';
+$content .= $tpl->load('input', ['html-id' => 'input-search', 'placeholder' => 'Suche', 'type' => 'text', 'css-class' => 'mt-2']);
+$content .= '<div id="div-list" class="normal-list mb-0"></div>';
+
+$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-list', 'css-class' => 'show-loggedin']);
+
+// Pagination
+$sp['output'] .= $tpl->load('pagination', ['html-id' => 'pagination', 'css-class' => 'show-loggedin']);
+
+// Menu Add
+$items = $tpl->load('menu/item-simple', ['bezahlt von: ', '#', 'html-id' => 'item-add-user-from']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-date', 'placeholder' => 'Datum des Transfers', 'type' => 'date', 'css-class' => 'mt-3']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-amount', 'placeholder' => 'Betrag in Euro', 'type' => 'number" min="0.01" step="0.01']);
+$options = '<option value="entryfee">Meldegeld</option>';
+$options .= '<option value="camping">Camping</option>';
+$options .= '<option value="food">Essen</option>';
+$options .= '<option value="other">andere</option>';
+$items .= $tpl->load('select', ['html-id' => 'select-add-purpose', 'placeholder' => 'Verwendung', 'options' => $options]);
+$items .= $tpl->load('input', ['html-id' => 'input-add-regatta-name', 'placeholder' => 'Name der Regatta (optional)', 'type' => 'text']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-purpose-text', 'placeholder' => 'Verwendungszweck (optional)', 'type' => 'text']);
+$items .= '<p style="line-height: normal; margin-bottom: 0;">Für wen wurde das Geld ausgegeben? (z.B. Du und Dein Segelpartner)<br>Hinweis: Der angegebene Betrag wird durch die Personen geteilt, die Du hier auswählst.</p>';
+$items .= $tpl->load('menu/item-simple', ['<span style="font-style:italic;">Weiteren Benutzer hinzuf&uuml;gen</span>', '#', 'html-id' => 'item-add-user-to']);
+$items .= $tpl->load('button', ['Speichern', '#', 'html-id' => 'button-add-save', 'css-class' => 'mb-3']);
+$sp['menus'] .= $tpl->load('menu/modal', [$items, 'html-id' => 'menu-add', 'title' => 'Neue Ausgabe', 'height' => '90vh', 'width' => '90vw']);
+
+// Menu Add Transfer
+$items = $tpl->load('menu/item-switch', ['Geld bekommen', 'html-id' => 'switch-add-transfer-received', 'icon' => 'fa-arrow-left']);
+$items .= $tpl->load('menu/item-simple', ['von: <font style="font-style:italic;">bitte auswählen</font>', '#', 'html-id' => 'item-add-transfer-user']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-transfer-date', 'placeholder' => 'Datum des Transfers', 'type' => 'date', 'css-class' => 'mt-3']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-transfer-amount', 'placeholder' => 'Betrag in Euro', 'type' => 'number" min="0.01" step="0.01']);
+$items .= $tpl->load('input', ['html-id' => 'input-add-transfer-purpose-text', 'placeholder' => 'Verwendungszweck (optional)', 'type' => 'text']);
+$items .= $tpl->load('button', ['Speichern', '#', 'html-id' => 'button-add-transfer-save']);
+$sp['menus'] .= $tpl->load('menu/modal', [$items, 'html-id' => 'menu-add-transfer', 'title' => 'Neuer Geldtransfer', 'height' => 470, 'width' => '90vw']);
+
+// Select user
+$items = $tpl->load('input', ['html-id' => 'input-user-search', 'placeholder' => 'Suche...', 'type' => 'text']);
+$sp['menus'] .= $tpl->load('menu/modal', [$items, 'html-id' => 'menu-select-user', 'title' => 'Benutzer auswählen', 'height' => 500, 'width' => '90vw']);
+
+$sp['scripts'] .= $scripts->load('pagination', ['pageChange', 'page', 'pageCount', 'pagination']);
+$sp['scripts'] .= $scripts->load('expenditures-add');
+$sp['scripts'] .= $scripts->load('expenditures');
+
+?>

server/content/go2url.php

@@ -0,0 +1,13 @@
+<?php
+
+	$sp['title'] = 'Umleitung - Regatten.net ' . $_CLASS['name'];
+
+	// Title
+	$content = '<h1>Umleitung</h1>';
+	$content .= '<p>Wir leiten Dich in K&uuml;rze zur gew&uuml;nschten Website weiter</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-title']);
+
+	$sp['scripts'] .= $scripts->load('go2url');
+
+?>

server/content/index.php

@@ -0,0 +1,103 @@
+<?php
+
+	$sp['title'] = 'Startseite - Regatten.net ' . $_CLASS['name'];
+	$sp['activenav'] = 1;
+
+	// Title
+	$content = "<h1>$_CLASS[name]</h1>";
+	$content .= "<p>$_CLASS[desc]</p>";
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	// Favorites
+	$content = '<h2>Deine Favoriten</h2>';
+	$content .= '<div id="div-favorites" class="normal-list mb-0"></div>';
+	$content .= '<p id="p-favorites" class="mt-3">';
+	$content .= 'Du folgst <b>keinen</b> Seglern.<br>';
+	$content .= 'Um jemandem zu folgen, gehe zur <a href="' . LINK_PRE . 'sailors">Segler-Liste</a> und w&auml;hle bis zu f&uuml;nf Segler aus.';
+	$content .= '</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-favorites']);
+
+	// Planning next
+	$content = '<h2>Deine n&auml;chsten Regatten</h2>';
+	$content .= '<div id="div-yournext" class="regattas-list mb-0"></div>';
+	$content .= '<p id="p-yournext" class="mt-3">';
+	$content .= 'Du f&auml;hrst in den n&auml;chsten vier Wochen auf keine Regatta!';
+	$content .= '</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-yournext']);
+
+	// Not logged in
+	$content = '<h2>Nicht angemeldet</h2>';
+	$content .= '<p class="mt-3">';
+	$content .= 'Um alle Funktionen dieser Seite nutzen zu k&ouml;nnen, <a href="#" data-menu="menu-login">logge Dich bitte ein</a>.<br>';
+	$content .= 'Solltest Du noch kein Benutzerkonto haben, kannst Du Dich kostenlos <a href="https://regatten.net/#signup">registrieren</a>.';
+	$content .= '</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-notloggedin']);
+
+	// Notification Info
+	$content = '<h2 class="color-white">Push-Benachrichtigungen</h2>';
+	$content .= '<p class="mt-3 mb-3 color-white">';
+	$content .= '<b>Bleibe immer auf dem Laufendem!</b><br>';
+	$content .= 'Aktiviere einfach unsere Push-Benachrichtigungen und wir informieren Dich &uuml;ber alle &Auml;nderungen.<br>';
+	$content .= 'Du bestimmst nat&uuml;rlich, welche Benachrichtigungen Du bekommen m&ouml;chtest.';
+	$content .= '</p>';
+	$content .= $tpl->load('button', ['Jetzt aktivieren', '#', 'html-id' => 'button-notifications-activate', 'css-class' => 'bg-green2-dark']);
+	$content .= '<p class="text-center mt-3"><a id="a-notifications-later" class="color-grey2-light text-uppercase font-900">Vielleicht sp&auml;ter</a></p>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-notifications', 'css-class' => 'bg-blue2-dark']);
+
+	// Next
+	$content = '<h2>N&auml;chste Regatten</h2>';
+	$content .= '<div id="div-next" class="regattas-list mb-0"></div>';
+	$content .= '<p id="p-next" class="mt-3">';
+	$content .= 'Keine Regatten in den n&auml;chsten zwei Wochen!';
+	$content .= '</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-next']);
+
+	// Last
+	$content = '<h2>Letzte Regatten</h2>';
+	$content .= '<div id="div-last" class="regattas-list mb-0"></div>';
+	$content .= '<p id="p-last" class="mt-3">';
+	$content .= 'Keine Regatten in den letzten zwei Wochen!';
+	$content .= '</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-last']);
+
+	// Calendar
+	$content = '<h2>Regatta-Kalender</h2>';
+	$content .= '<p>Du willst alle Regatta-Termine in deinem Kalender, aber nicht alles abtippen?<br>Kein Problem! Abonniere einfach unseren ics-Kalender.</p>';
+	$content .= '<p><b>Nur die Regatten, zu denen Du gehst?</b><br>Auch kein Problem! ';
+	$content .= '<font class="show-loggedin">Erstelle einfach eine <a href="' . LINK_PRE . 'planning">Saison-Planung</a> und abonniere Deinen persönlichen Kalender.</font>';
+	$content .= '<font class="show-notloggedin"><a href="https://regatten.net/#signup">Registriere Dich einfach kostenlos</a>, erstelle eine Saison-Planung und wir erstellen Dir einen pers&ouml;nlichen Kalender.</font>';
+	$content .= '</p>';
+	$content .= $tpl->load('button', ['<i class="fas fa-calendar-alt"></i> Regatta-Kalender', 'https://ranglisten.net/client/calendar/' . BOATCLASS . '/everything.ics', 'css-class' => 'mb-2']);
+	$content .= $tpl->load('button', ['<i class="fas fa-calendar-alt"></i> Kalender f&uuml;r <font class="replace-username"></font>', 'https://ranglisten.net/client/calendar/' . BOATCLASS . '/user_%USERID%.ics', 'css-class' => 'show-loggedin replace-userid-href']);
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	// Regattas Menu
+	$items = '<p id="menu-item-special" class="mb-2 mt-1" style="line-height: 1.5em;"></p>';
+	$items .= '<p id="menu-item-yourplanning" class="mb-2 mt-1" style="line-height: 1.5em;"></p>';
+	$items .= $tpl->load('menu/item-icon-badge', ['Saison-Planungen', '', 'html-id' => 'menu-item-plannings', 'icon' => 'fa-calendar-alt', 'badge-id' => 'badge-regatta-plannings']);
+	$items .= $tpl->load('menu/item-icon-badge', ['Meldeliste', '', 'html-id' => 'menu-item-entrylist', 'icon' => 'fa-file-signature', 'badge-id' => 'badge-regatta-entrylist']);
+	$items .= $tpl->load('menu/item-icon', ['Ergebnisse', '', 'html-id' => 'menu-item-results', 'icon' => 'fa-poll']);
+	$items .= $tpl->load('menu/item-icon', ['Bericht', '', 'html-id' => 'menu-item-bericht', 'icon' => 'fa-book']);
+	$items .= $tpl->load('menu/item-icon', ['Fakten', '', 'html-id' => 'menu-item-facts', 'icon' => 'fa-list']);
+	$items .= $tpl->load('menu/item-icon', ['Informationen', '', 'html-id' => 'menu-item-info', 'icon' => 'fa-info']);
+	$items .= $tpl->load('menu/item-icon-badge', ['Meldung', '', 'html-id' => 'menu-item-meldung', 'icon' => 'fa-file-signature', 'badge-id' => 'badge-regatta-meldung']);
+	$items .= $tpl->load('menu/item-icon', ['offizielle Ergebnisse', '', 'html-id' => 'menu-item-oresults', 'icon' => 'fa-poll']);
+	$items .= $tpl->load('menu/item-icon', ['Vereins-Website', '', 'html-id' => 'menu-item-clubwebsite', 'icon' => 'fa-globe']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-regatta', 'title' => 'Regatta-Details', 'height' => 400]);
+
+	// Favorites Menu
+	$items = $tpl->load('menu/item-icon', ['Nicht mehr folgen', '#', 'html-id' => 'menu-item-unfollow', 'icon' => 'fa-heart', 'css-class' => ' border-0']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-favorite', 'title' => 'Favorit', 'height' => 200]);
+
+	$sp['scripts'] .= $scripts->load('onRegattaClicked');
+	$sp['scripts'] .= $scripts->load('index');
+
+?>

server/content/news.php

@@ -0,0 +1,28 @@
+<?php
+
+	$sp['title'] = 'News - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	$sp['activenav'] = 5;
+
+	// Title
+	$content = "<h1>Neuigkeiten</h1>";
+	$content .= '<p>Aktuelles der letzten zw&ouml;lf Monate</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	$sp['output'] .= '<div id="news-entries"></div>';
+
+	// Pagination
+	$sp['output'] .= $tpl->load('pagination', ['html-id' => 'pagination']);
+
+	// Menu
+	$sp['menus'] .= $tpl->load('menu/modal', ['html-id' => 'menu-news', 'title' => 'Details']);
+
+	$sp['scripts'] .= $scripts->load('pagination', ['pageChange', 'page', 'pageCount', 'pagination']);
+	$cardTemplate = $tpl->load('card', ['%CONTENT%', 'html-id' => '%ID%', 'css-class' => 'card-news']);
+	$cardTemplate = str_replace("\n", '', $cardTemplate);
+	$cardTemplate = str_replace("\r", '', $cardTemplate);
+	$sp['scripts'] .= "<script>const cardTemplate = '" . $cardTemplate . "';</script>";
+	$sp['scripts'] .= $scripts->load('news');
+
+?>

server/content/planning.php

@@ -0,0 +1,52 @@
+<?php
+
+	$sp['title'] = 'Saison-Planung - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = 'index';
+	$sp['activenav'] = 4;
+
+	// Title
+	$content = '<h1>Saison-Planung</h1>';
+	$content .= $tpl->load('button', ['<i class="fas fa-list"></i>&ensp;Saison-Planungen anderer', 'html-id' => 'a-list-plannings', 'css-class' => 'mt-2 mb-2']);
+	$content .= '<p class="mb-1"><b>Hinweis:</b> Diese Seite kannst nur Du sehen.<br>Wenn Du Deine Saison-Planung teilen möchtest, <a id="a-share-planning">klicke hier</a></p>';
+	$content .= $tpl->load('button', ['<i class="fas fa-edit"></i>&ensp;bearbeiten', 'html-id' => 'a-edit-planning']);
+	$content .= $tpl->load('select', ['html-id' => 'select-year', 'placeholder' => 'Jahr', 'css-class' => 'mt-3 mb-0']);
+
+	$sp['output'] .= $tpl->load('card', [$content, 'css-class' => 'show-loggedin']);
+
+	// Not loggedin
+	$content = '<h1>Saison-Planung</h1>';
+	$content .= '<p>Um Deine Saison-Planung zu sehen, musst Du angemeldet sein.<br><a href="#" data-menu="menu-login">Melde Dich hier an</a> oder <a href="https://regatten.net/#signup">registriere Dich jetzt kostenlos</a>.</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'css-class' => 'show-notloggedin']);
+
+	// Regattas
+	$content = '<p id="p-count" class="mb-0"></p>';
+	$content .= $tpl->load('input', ['html-id' => 'input-search', 'placeholder' => 'Suche', 'type' => 'text', 'css-class' => 'mt-2']);
+	$content .= '<div id="div-regattas" class="regattas-list mb-0"></div>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-regattas', 'css-class' => 'show-loggedin']);
+
+	// Menu
+	$items = '<p id="menu-item-special" class="mb-2 mt-1" style="line-height: 1.5em;"></p>';
+	$items .= '<p id="menu-item-yourplanning" class="mb-2 mt-1" style="line-height: 1.5em;"></p>';
+	$items .= $tpl->load('menu/item-icon', ['Status bearbeiten', '#', 'html-id' => 'menu-item-status', 'icon' => 'fa-edit']);
+	$items .= $tpl->load('menu/item-icon-badge', ['Saison-Planungen', '', 'html-id' => 'menu-item-plannings', 'icon' => 'fa-calendar-alt', 'badge-id' => 'badge-regatta-plannings']);
+	$items .= $tpl->load('menu/item-icon-badge', ['Meldeliste', '', 'html-id' => 'menu-item-entrylist', 'icon' => 'fa-file-signature', 'badge-id' => 'badge-regatta-entrylist']);
+	$items .= $tpl->load('menu/item-icon', ['Ergebnisse', '', 'html-id' => 'menu-item-results', 'icon' => 'fa-poll']);
+	$items .= $tpl->load('menu/item-icon', ['Bericht', '', 'html-id' => 'menu-item-bericht', 'icon' => 'fa-book']);
+	$items .= $tpl->load('menu/item-icon', ['Fakten', '', 'html-id' => 'menu-item-facts', 'icon' => 'fa-list']);
+	$items .= $tpl->load('menu/item-icon', ['Informationen', '', 'html-id' => 'menu-item-info', 'icon' => 'fa-info']);
+	$items .= $tpl->load('menu/item-icon-badge', ['Meldung', '', 'html-id' => 'menu-item-meldung', 'icon' => 'fa-file-signature', 'badge-id' => 'badge-regatta-meldung']);
+	$items .= $tpl->load('menu/item-icon', ['offizielle Ergebnisse', '', 'html-id' => 'menu-item-oresults', 'icon' => 'fa-poll']);
+	$items .= $tpl->load('menu/item-icon', ['Vereins-Website', '', 'html-id' => 'menu-item-clubwebsite', 'icon' => 'fa-globe']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-regatta', 'title' => 'Regatta-Details', 'height' => 400]);
+
+	// Menu Edit status
+	$items = $tpl->load('menu/item-switch', ['Gemeldet', 'html-id' => 'switch-status-gemeldet', 'icon' => 'fa-file-signature']);
+	$items .= $tpl->load('menu/item-switch', ['Bezahlt', 'html-id' => 'switch-status-bezahlt', 'icon' => 'fa-euro-sign', 'css-class' => 'border-0']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-status', 'title' => 'Status bearbeiten', 'height' => 220]);
+
+	$sp['scripts'] .= $scripts->load('onRegattaClicked');
+	$sp['scripts'] .= $scripts->load('planning');
+
+?>

server/content/planning_edit.php

@@ -0,0 +1,36 @@
+<?php
+
+	$sp['title'] = 'Saison-Planung bearbeiten - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	$sp['activenav'] = 4;
+
+	// Title, Inputs
+	$content = "<h1>Saison-Planung bearbeiten</h1>";
+	$content .= $tpl->load('select', ['html-id' => 'select-year', 'placeholder' => 'Jahr', 'css-class' => 'mt-3 mb-0']);
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	// Regattas
+	$content = '<p id="p-count" class="mb-0"></p>';
+	$content .= $tpl->load('input', ['html-id' => 'input-search', 'placeholder' => 'Suche', 'type' => 'text', 'css-class' => 'mt-2']);
+	$content .= '<div id="div-regattas" class="ranking-detail-list mb-0"></div>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-regattas']);
+
+	// Menu
+	$items = $tpl->load('menu/item-switch', ['In die Saison-Planung aufnehmen', 'html-id' => 'switch-planning-include', 'icon' => 'fa-check']);
+	$items .= $tpl->load('menu/item-simple', ['', '#', 'html-id' => 'item-boat']);
+	$items .= $tpl->load('menu/item-simple', ['', '#', 'html-id' => 'item-steuermann']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-edit', 'title' => 'Regatta bearbeiten', 'height' => 400]);
+
+	// Select boat
+	$items = $tpl->load('input', ['html-id' => 'input-edit-boat-search', 'placeholder' => 'Suche', 'type' => 'text']);
+	$sp['menus'] .= $tpl->load('menu/modal', [$items, 'html-id' => 'menu-boat', 'height' => 500, 'width' => 350]);
+
+	// Select sailor
+	$items = $tpl->load('input', ['html-id' => 'input-edit-search', 'placeholder' => 'Suche', 'type' => 'text']);
+	$sp['menus'] .= $tpl->load('menu/modal', [$items, 'html-id' => 'menu-sailor', 'height' => 500, 'width' => 350]);
+
+	$sp['scripts'] .= $scripts->load('planning_edit');
+
+?>

server/content/planning_list.php

@@ -0,0 +1,27 @@
+<?php
+
+	$sp['title'] = 'Saison-Planungen - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	$sp['activenav'] = 4;
+
+	// Title
+	$content = '<h1>Saison-Planungen</h1>';
+	$content .= $tpl->load('select', ['html-id' => 'select-year', 'placeholder' => 'Jahr', 'css-class' => 'mt-3 mb-0']);
+
+	$sp['output'] .= $tpl->load('card', [$content, 'css-class' => 'show-loggedin']);
+
+	// Not loggedin
+	$content = '<h1>Saison-Planungen</h1>';
+	$content .= '<p>Um die Saison-Planungen anderer zu sehen, musst Du angemeldet sein.<br><a href="#" data-menu="menu-login">Melde Dich hier an</a> oder <a href="https://regatten.net/#signup">registriere Dich jetzt kostenlos</a>.</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'css-class' => 'show-notloggedin']);
+
+	// Regattas
+	$content = $tpl->load('input', ['html-id' => 'input-search', 'placeholder' => 'Suche', 'type' => 'text']);
+	$content .= '<div id="div-users" class="normal-list mb-0"></div>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-regattas', 'css-class' => 'show-loggedin']);
+
+	$sp['scripts'] .= $scripts->load('planning_list');
+
+?>

server/content/planning_view.php

@@ -0,0 +1,39 @@
+<?php
+
+	$sp['title'] = 'Saison-Planung - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	$sp['activenav'] = 4;
+
+	// Title
+	$content = '<h1>Saison-Planung</h1>';
+	$content .= '<p id="p-username" class="mb-1"></p>';
+	$content .= $tpl->load('button', ['<i class="fas fa-share-alt"></i>&ensp;Teilen', '#', 'html-id' => 'button-share']);
+	$content .= $tpl->load('select', ['html-id' => 'select-year', 'placeholder' => 'Jahr', 'css-class' => 'mt-3 mb-0']);
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	// Regattas
+	$content = '<p id="p-count" class="mb-0"></p>';
+	$content .= $tpl->load('input', ['html-id' => 'input-search', 'placeholder' => 'Suche', 'type' => 'text', 'css-class' => 'mt-2']);
+	$content .= '<div id="div-regattas" class="ranking-detail-list mb-0"></div>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-regattas']);
+
+	// Menu
+	$items = '<p id="menu-item-special" class="mb-2 mt-1" style="line-height: 1.5em;"></p>';
+	$items .= '<p id="menu-item-yourplanning" class="mb-2 mt-1" style="line-height: 1.5em;"></p>';
+	$items .= $tpl->load('menu/item-icon-badge', ['Saison-Planungen', '', 'html-id' => 'menu-item-plannings', 'icon' => 'fa-calendar-alt', 'badge-id' => 'badge-regatta-plannings']);
+	$items .= $tpl->load('menu/item-icon-badge', ['Meldeliste', '', 'html-id' => 'menu-item-entrylist', 'icon' => 'fa-file-signature', 'badge-id' => 'badge-regatta-entrylist']);
+	$items .= $tpl->load('menu/item-icon', ['Ergebnisse', '', 'html-id' => 'menu-item-results', 'icon' => 'fa-poll']);
+	$items .= $tpl->load('menu/item-icon', ['Bericht', '', 'html-id' => 'menu-item-bericht', 'icon' => 'fa-book']);
+	$items .= $tpl->load('menu/item-icon', ['Fakten', '', 'html-id' => 'menu-item-facts', 'icon' => 'fa-list']);
+	$items .= $tpl->load('menu/item-icon', ['Informationen', '', 'html-id' => 'menu-item-info', 'icon' => 'fa-info']);
+	$items .= $tpl->load('menu/item-icon-badge', ['Meldung', '', 'html-id' => 'menu-item-meldung', 'icon' => 'fa-file-signature', 'badge-id' => 'badge-regatta-meldung']);
+	$items .= $tpl->load('menu/item-icon', ['offizielle Ergebnisse', '', 'html-id' => 'menu-item-oresults', 'icon' => 'fa-poll']);
+	$items .= $tpl->load('menu/item-icon', ['Vereins-Website', '', 'html-id' => 'menu-item-clubwebsite', 'icon' => 'fa-globe']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-regatta', 'title' => 'Regatta-Details', 'height' => 400]);
+
+	$sp['scripts'] .= $scripts->load('onRegattaClicked');
+	$sp['scripts'] .= $scripts->load('planning_view');
+
+?>

server/content/rank.php

@@ -0,0 +1,46 @@
+<?php
+
+	$sp['title'] = 'Ranglisten - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = 'index';
+	$sp['activenav'] = 3;
+
+	// Title, Inputs
+	$content = "<h1>Ranglisten</h1>";
+
+	$content .= $tpl->load('select', ['html-id' => 'select-year', 'placeholder' => 'Jahr', 'css-class' => 'mt-3 mb-0']);
+	$content .= $tpl->load('select', ['html-id' => 'select-type', 'placeholder' => 'Rangliste', 'css-class' => 'mt-3 mb-0']);
+	$content .= $tpl->load('input', ['html-id' => 'input-from', 'placeholder' => 'Von', 'type' => 'date', 'css-class' => 'mt-3']);
+	$content .= $tpl->load('input', ['html-id' => 'input-to', 'placeholder' => 'Bis', 'type' => 'date']);
+	$content .= $tpl->load('input', ['html-id' => 'input-altm', 'placeholder' => 'alt. m', 'type' => 'number']);
+	$content .= $tpl->load('input', ['html-id' => 'input-maxage', 'placeholder' => 'max. Alter (leer = nicht prüfen)', 'type' => 'number']);
+	$content .= $tpl->load('checkbox', ['html-id' => 'input-agestrict', 'placeholder' => 'unb. Jahrgänge ausschließen']);
+	$content .= $tpl->load('checkbox', ['html-id' => 'input-agecrew', 'placeholder' => 'Crew auch prüfen']);
+	$content .= $tpl->load('select', ['html-id' => 'select-personmode', 'placeholder' => 'nach', 'css-class' => 'mt-3 mb-0']);
+	$content .= $tpl->load('button', ['Anzeigen', '#', 'html-id' => 'button-show', 'css-class' => 'mt-3']);
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	// Sepcial ranks
+	$sp['output'] .= $tpl->load('card', ['', 'html-id' => 'card-special-ranks']);
+
+	// No Results
+	$content = '<h2 class="color-white">ACHTUNG</h2>';
+	$content .= '<p class="color-white">Zu folgenden Regatten wurden noch keine Ergebnisse hinterlegt:</p>';
+	$content .= '<ul id="ul-noresults"></ul>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-noresults', 'css-class' => 'bg-red2-dark']);
+
+	// Ranking
+	$content = $tpl->load('input', ['html-id' => 'input-search', 'placeholder' => 'Suche', 'type' => 'text']);
+	$content .= '<div id="div-rank" class="ranking-list mb-0"></div>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-rank']);
+
+	// Menu
+	$items = '<p id="menu-item-text" class="mb-2 mt-1" style="line-height: 1.5em;"></p>';
+	$items .= '<div id="div-details" class="ranking-detail-list mb-3" style="line-height: 2em;"></div>';
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-rank', 'title' => 'Ranglisten-Details', 'height' => 500]);
+
+	$sp['scripts'] .= $scripts->load('rank');
+
+?>

server/content/regatta_facts.php

@@ -0,0 +1,49 @@
+<?php
+
+	$sp['title'] = 'Fakten - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	$sp['activenav'] = 2;
+
+	// Title, Inputs
+	$content = '<h1 id="h1-title"></h1>';
+	$content .= '<p id="p-title"></p>';
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	// NO FACTS INFO
+	$content = '<p>Es sind keine Fakten zu dieser Veranstaltung hinterlegt. Bitte lies die Ausschreibung.</p>';
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-nofactsinfo']);
+
+	// Meldegeld
+	$content = '<h2>Meldegeld</h2>';
+	$content .= '<p></p>';
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-entryfee']);
+
+	// Wettfahrten
+	$content = '<h2>Wettfahrten</h2>';
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-races']);
+
+	// Zeitplan
+	$content = '<h2>Zeitplan</h2>';
+	$content .= $tpl->load('table', ['css-class' => 'mb-0 text-nowrap']);
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-times']);
+
+	// Camping
+	$content = '<h2>Camping</h2>';
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-camping']);
+
+	// Verpflegung
+	$content = '<h2>Verpflegung</h2>';
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-food']);
+
+	// Weitere Infos
+	$content = '<h2>Weitere Informationen</h2><p></p>';
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-text']);
+
+	// Disclaimer
+	$content = '<p><i>Alle Angaben ohne Gewähr. Änderungen vorbehalten. Am Ende gilt, was in der Ausschreibung / Segelanweisung steht!</i></p>';
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	$sp['scripts'] .= $scripts->load('regatta_facts');
+
+?>

server/content/regatta_plan.php

@@ -0,0 +1,31 @@
+<?php
+
+	$sp['title'] = 'Saison-Planung - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = 'regattas';
+	$sp['activenav'] = 2;
+
+	// Title, Inputs
+	$content = '<h1 id="h1-title"></h1>';
+	$content .= '<p id="p-title"></p>';
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	// Plannings
+	$content = '<p id="p-info" class="mb-0"></p>';
+	$thead = '<tr><th>Benutzer</th><th>Boot</th><th>Steuermann/-frau</th><th>Crew</th></tr>';
+	$content .= $tpl->load('table', [$thead, 'html-id' => 'table-plannings', 'css-class' => 'mb-0 text-nowrap']);
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-plannings']);
+
+	// Info
+	$content = '<p>Du planst, hier hinzufahren, aber stehst nicht auf dieser Liste?<br>';
+	$content .= 'Das kannst Du &auml;ndern! ';
+	$content .= '<font class="show-loggedin">Erstelle einfach <a href="' . LINK_PRE . 'planning">hier</a> Deine eigene Saison-Planung.</font>';
+	$content .= '<font class="show-notloggedin"><a href="#" data-menu="menu-login">Melde Dich an</a> oder <a href="https://regatten.net/#signup">registriere Dich kostenlos</a> und erstelle Deine eigene Saison-Planung.</font>';
+	$content .= '</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	$sp['scripts'] .= $scripts->load('regatta_plan');
+
+?>

server/content/regattas.php

@@ -1,6 +1,6 @@
 <?php
 
-	$sp['title'] = 'Regatten - Regatten.net Pirat';
+	$sp['title'] = 'Regatten - Regatten.net ' . $_CLASS['name'];
 	$sp['backbutton'] = 'index';
 	$sp['activenav'] = 2;
 
@@ -14,6 +14,11 @@
 
 	$sp['output'] .= $tpl->load('card', [$content]);
 
+	// To today
+	$content = $tpl->load('button', ['<i class="fas fa-arrow-down"></i>&emsp;Heute&emsp;<i class="fas fa-arrow-down"></i>', '#', 'html-id' => 'button-totoday']);
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
 	// Regattas
 	$content = '<p id="p-count" class="mb-0"></p>';
 	$content .= $tpl->load('input', ['html-id' => 'input-search', 'placeholder' => 'Suche', 'type' => 'text', 'css-class' => 'mt-2']);
@@ -21,15 +26,23 @@
 
 	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-regattas']);
 
+	$sp['output'] .= $tpl->load('card', ['<p></p>', 'html-id' => 'card-special']);
+
 	// Menu
-	$items = $tpl->load('menu/item-icon', ['Ergebnisse', '', 'html-id' => 'menu-item-results', 'icon' => 'fa-poll']);
+	$items = '<p id="menu-item-special" class="mb-2 mt-1" style="line-height: 1.5em;"></p>';
+	$items .= '<p id="menu-item-yourplanning" class="mb-2 mt-1" style="line-height: 1.5em;"></p>';
+	$items .= $tpl->load('menu/item-icon-badge', ['Saison-Planungen', '', 'html-id' => 'menu-item-plannings', 'icon' => 'fa-calendar-alt', 'badge-id' => 'badge-regatta-plannings']);
+	$items .= $tpl->load('menu/item-icon-badge', ['Meldeliste', '', 'html-id' => 'menu-item-entrylist', 'icon' => 'fa-file-signature', 'badge-id' => 'badge-regatta-entrylist']);
+	$items .= $tpl->load('menu/item-icon', ['Ergebnisse', '', 'html-id' => 'menu-item-results', 'icon' => 'fa-poll']);
 	$items .= $tpl->load('menu/item-icon', ['Bericht', '', 'html-id' => 'menu-item-bericht', 'icon' => 'fa-book']);
+	$items .= $tpl->load('menu/item-icon', ['Fakten', '', 'html-id' => 'menu-item-facts', 'icon' => 'fa-list']);
 	$items .= $tpl->load('menu/item-icon', ['Informationen', '', 'html-id' => 'menu-item-info', 'icon' => 'fa-info']);
 	$items .= $tpl->load('menu/item-icon-badge', ['Meldung', '', 'html-id' => 'menu-item-meldung', 'icon' => 'fa-file-signature', 'badge-id' => 'badge-regatta-meldung']);
 	$items .= $tpl->load('menu/item-icon', ['offizielle Ergebnisse', '', 'html-id' => 'menu-item-oresults', 'icon' => 'fa-poll']);
 	$items .= $tpl->load('menu/item-icon', ['Vereins-Website', '', 'html-id' => 'menu-item-clubwebsite', 'icon' => 'fa-globe']);
-	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-regatta', 'title' => 'Regatta-Details', 'height' => 320]);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-regatta', 'title' => 'Regatta-Details', 'height' => 400]);
 
+	$sp['scripts'] .= $scripts->load('onRegattaClicked');
 	$sp['scripts'] .= $scripts->load('regattas');
 
 ?>

server/content/result.php

@@ -0,0 +1,21 @@
+<?php
+	
+	$sp['title'] = 'Ergebnisse - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	$sp['activenav'] = 2;
+	
+	// Title, Inputs
+	$content = '<h1 id="h1-title"></h1>';
+	$content .= '<p id="p-title"></p>';
+	
+	$sp['output'] .= $tpl->load('card', [$content]);
+	
+	// Results
+	$content = '<p id="p-info" class="mb-0"></p>';
+	$content .= $tpl->load('table', ['html-id' => 'table-results', 'css-class' => 'mb-0 text-nowrap']);
+	
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-results']);
+	
+	$sp['scripts'] .= $scripts->load('result');
+	
+?>

server/content/sailors.php

@@ -0,0 +1,48 @@
+<?php
+
+	$sp['title'] = 'Segler - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = 'index';
+	$sp['activenav'] = 5;
+
+	// Title
+	$content = "<h1>Segler</h1>";
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	// Info Years
+	$content = '<h2>Jahrg&auml;nge</h2>';
+	$content .= '<p>';
+	$content .= 'Zu vielen Seglern fehlen uns leider noch die Jahrg&auml;nge. Diese ben&ouml;tigen wir jedoch, um die Ranglisten vern&uuml;nftig zu erstellen.<br>';
+	$content .= 'Solltest Du jemanden kennen, dessen Jahrgang hier in der Liste noch nicht hinterlegt ist oder der wom&ouml;glich falsch ist, <b>hilf uns bitte</b>, indem Du diesen eintr&auml;gst!<br>';
+	$content .= 'Klicke dazu einfach auf den entsprechenden Segler und w&auml;hle Jahrgang bearbeiten aus.<br>';
+	$content .= 'Vielen Dank f&uuml;r Deine Unterst&uuml;tzung!';
+	$content .= '</p>';
+
+	$sp['output'] .= $tpl->load('card', [$content]);
+
+	// List
+	$content = '<p id="p-count" class="mb-0"></p>';
+	$content .= $tpl->load('input', ['html-id' => 'input-search', 'placeholder' => 'Suche', 'type' => 'text', 'css-class' => 'mt-2']);
+	$content .= '<div id="div-list" class="normal-list mb-0"></div>';
+
+	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-list']);
+
+	// Pagination
+	$sp['output'] .= $tpl->load('pagination', ['html-id' => 'pagination']);
+
+	// Menu
+	$items = $tpl->load('menu/item-switch', ['Favorit', 'html-id' => 'menu-item-follow', 'icon' => 'fa-heart']);
+	$items .= $tpl->load('menu/item-icon-badge', ['Favorit', '#', 'html-id' => 'menu-item-follow-disabled', 'icon' => 'fa-heart', 'badge-value' => 'MAX REACHED']);
+	$items .= $tpl->load('menu/item-icon', ['', '#', 'html-id' => 'menu-item-year', 'icon' => 'fa-edit']);
+	$items .= $tpl->load('menu/item-icon', ['Vereins-Website', '', 'html-id' => 'menu-item-clubwebsite', 'icon' => 'fa-globe', 'css-class' => 'border-0']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-sailor', 'title' => 'Segler-Details', 'height' => 260]);
+
+	$items = '<p class="mb-2 mt-1" style="line-height: 1.5em;">Bitte trage hier den Jahrgang ein:</p>';
+	$items .= $tpl->load('input', ['html-id' => 'input-edityear', 'placeholder' => 'Jahrgang', 'type' => 'number']);
+	$items .= $tpl->load('button', ['Speichern', '#', 'html-id' => 'button-edityear']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-edityear', 'height' => 240]);
+
+	$sp['scripts'] .= $scripts->load('pagination', ['pageChange', 'page', 'pageCount', 'pagination']);
+	$sp['scripts'] .= $scripts->load('sailors');
+
+?>

server/content/trim_boat.php

@@ -0,0 +1,19 @@
+<?php
+	
+	// TODO: Create site
+	
+	$sp['title'] = 'Seite noch nicht unterstuuml;tzt - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	
+	$content = $tpl->load('error', ['404', 'Seite existiert noch nicht']);
+	$content .= '<p>';
+	$content .= 'Die gesuchte Seite ist leider noch nicht verf&uuml;gbar.<br>';
+	$content .= 'Wir arbeiten daran, sie schnellstm&ouml;glich zur Verf&uuml;gung zu stellen.<br>';
+	$content .= 'Wie w&auml;re es mit der Homepage?';
+	$content .= '</p>';
+	$content .= $tpl->load('button', ['Zur Startseite', LINK_PRE . 'index', 'css-class' => 'mb-3']);
+	$content .= $tpl->load('button', ['Kontakt', LINK_PRE . 'contact']);
+	
+	$sp['output'] = $tpl->load('card', [$content, 'css-class' => 'text-center pt-3']);
+	
+?>

server/content/trim_boat_edit.php

@@ -0,0 +1,19 @@
+<?php
+	
+	// TODO: Create site
+	
+	$sp['title'] = 'Seite noch nicht unterstuuml;tzt - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	
+	$content = $tpl->load('error', ['404', 'Seite existiert noch nicht']);
+	$content .= '<p>';
+	$content .= 'Die gesuchte Seite ist leider noch nicht verf&uuml;gbar.<br>';
+	$content .= 'Wir arbeiten daran, sie schnellstm&ouml;glich zur Verf&uuml;gung zu stellen.<br>';
+	$content .= 'Wie w&auml;re es mit der Homepage?';
+	$content .= '</p>';
+	$content .= $tpl->load('button', ['Zur Startseite', LINK_PRE . 'index', 'css-class' => 'mb-3']);
+	$content .= $tpl->load('button', ['Kontakt', LINK_PRE . 'contact']);
+	
+	$sp['output'] = $tpl->load('card', [$content, 'css-class' => 'text-center pt-3']);
+	
+?>

server/content/trim_list.php

@@ -0,0 +1,19 @@
+<?php
+	
+	// TODO: Create site
+	
+	$sp['title'] = 'Seite noch nicht unterstuuml;tzt - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	
+	$content = $tpl->load('error', ['404', 'Seite existiert noch nicht']);
+	$content .= '<p>';
+	$content .= 'Die gesuchte Seite ist leider noch nicht verf&uuml;gbar.<br>';
+	$content .= 'Wir arbeiten daran, sie schnellstm&ouml;glich zur Verf&uuml;gung zu stellen.<br>';
+	$content .= 'Wie w&auml;re es mit der Homepage?';
+	$content .= '</p>';
+	$content .= $tpl->load('button', ['Zur Startseite', LINK_PRE . 'index', 'css-class' => 'mb-3']);
+	$content .= $tpl->load('button', ['Kontakt', LINK_PRE . 'contact']);
+	
+	$sp['output'] = $tpl->load('card', [$content, 'css-class' => 'text-center pt-3']);
+	
+?>

server/content/trim_trim_add.php

@@ -0,0 +1,19 @@
+<?php
+	
+	// TODO: Create site
+	
+	$sp['title'] = 'Seite noch nicht unterstuuml;tzt - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	
+	$content = $tpl->load('error', ['404', 'Seite existiert noch nicht']);
+	$content .= '<p>';
+	$content .= 'Die gesuchte Seite ist leider noch nicht verf&uuml;gbar.<br>';
+	$content .= 'Wir arbeiten daran, sie schnellstm&ouml;glich zur Verf&uuml;gung zu stellen.<br>';
+	$content .= 'Wie w&auml;re es mit der Homepage?';
+	$content .= '</p>';
+	$content .= $tpl->load('button', ['Zur Startseite', LINK_PRE . 'index', 'css-class' => 'mb-3']);
+	$content .= $tpl->load('button', ['Kontakt', LINK_PRE . 'contact']);
+	
+	$sp['output'] = $tpl->load('card', [$content, 'css-class' => 'text-center pt-3']);
+	
+?>

server/content/trim_trim_edit.php

@@ -0,0 +1,19 @@
+<?php
+	
+	// TODO: Create site
+	
+	$sp['title'] = 'Seite noch nicht unterstuuml;tzt - Regatten.net ' . $_CLASS['name'];
+	$sp['backbutton'] = true;
+	
+	$content = $tpl->load('error', ['404', 'Seite existiert noch nicht']);
+	$content .= '<p>';
+	$content .= 'Die gesuchte Seite ist leider noch nicht verf&uuml;gbar.<br>';
+	$content .= 'Wir arbeiten daran, sie schnellstm&ouml;glich zur Verf&uuml;gung zu stellen.<br>';
+	$content .= 'Wie w&auml;re es mit der Homepage?';
+	$content .= '</p>';
+	$content .= $tpl->load('button', ['Zur Startseite', LINK_PRE . 'index', 'css-class' => 'mb-3']);
+	$content .= $tpl->load('button', ['Kontakt', LINK_PRE . 'contact']);
+	
+	$sp['output'] = $tpl->load('card', [$content, 'css-class' => 'text-center pt-3']);
+	
+?>

server/page/headerfooter.php

@@ -15,6 +15,6 @@
 	<a href="<?php echo LINK_PRE; ?>index"<?php if ($sp['activenav'] == 1) echo ' class="active-nav"'; ?>><i class="fa fa-home"></i><span>Start</span></a>
 	<a href="<?php echo LINK_PRE; ?>regattas"<?php if ($sp['activenav'] == 2) echo ' class="active-nav"'; ?>><i class="fa fa-flag-checkered"></i><span>Regatten</span></a>
 	<a href="<?php echo LINK_PRE; ?>rank"<?php if ($sp['activenav'] == 3) echo ' class="active-nav"'; ?>><i class="fa fa-trophy"></i><span>Ranglisten</span></a>
-	<a href="#" data-menu="menu-lists"<?php if ($sp['activenav'] == 4) echo ' class="active-nav"'; ?>><i class="fa fa-list"></i><span>Listen</span></a>
+	<a href="<?php echo LINK_PRE; ?>planning"<?php if ($sp['activenav'] == 4) echo ' class="active-nav"'; ?>><i class="fa fa-calendar-alt"></i><span>Planung</span></a>
 	<a href="#" data-menu="menu-more"<?php if ($sp['activenav'] == 5) echo ' class="active-nav"'; ?>><i class="fa fa-ellipsis-h"></i><span>Mehr</span><em id="badge-footer-more" class="badge bg-highlight"></em></a>
 </div>

server/page/install.php

@@ -1,6 +1,6 @@
 <!-- Install Prompt for Android -->
 <div id="menu-install-pwa-android" class="menu menu-box-bottom menu-box-detached rounded-l"
-	data-menu-height="350" 
+	data-menu-height="400" 
 	data-menu-effect="menu-parallax">
 	<div class="boxed-text-l mt-4">
 		<img class="rounded-l mb-3" src="<?php echo SERVER_ADDR; ?>/client/app/icons/icon-128x128.png" alt="img" width="90">
@@ -17,7 +17,7 @@
 <!-- Install instructions for iOS -->
 <div id="menu-install-pwa-ios" 
 	class="menu menu-box-bottom menu-box-detached rounded-l"
-	data-menu-height="320" 
+	data-menu-height="360" 
 	data-menu-effect="menu-parallax">
 	<div class="boxed-text-xl mt-4">
 		<img class="rounded-l mb-3" src="<?php echo SERVER_ADDR; ?>/client/app/icons/icon-128x128.png" alt="img" width="90">
@@ -26,7 +26,6 @@
 			Installiere Regatten.net auf Deinem Startbildschirm und greife wie bei einer normalen App darauf zu. &Ouml;ffne Dein Safari-Men&uuml; und tippe auf &quot;Zum Startbildschirm hinzuf&uuml;gen&quot;.
 		</p>
 		<div class="clear"></div>
-		<a href="#" class="pwa-dismiss close-menu color-highlight uppercase ultrabold opacity-80 top-25">Vielleicht sp&auml;ter</a>
+		<a href="#" class="pwa-dismiss close-menu color-highlight text-uppercase font-900 opacity-60 font-10">Vielleicht sp&auml;ter</a>
-		<i class="fa-ios-arrow fa fa-caret-down font-40"></i>
 	</div>
 </div>

server/page/menus.php

@@ -1,29 +1,29 @@
 <div id="menu-share" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="345" data-menu-effect="menu-over">
-	<div class="menu-title mt-n1"><h1>Share the Love</h1><p class="color-highlight">Just Tap the Social Icon. We'll add the Link</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
+	<div class="menu-title mt-n1"><h1>Seite Teilen</h1><p class="color-highlight">Teile diese Seite mit Deinen Freunden!</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
 	<div class="content mb-0">
 		<div class="divider mb-0"></div>
 		<div class="list-group list-custom-small list-icon-0">
-			<a href="#" class="shareToFacebook">
+			<a href="#" class="shareToFacebook" target="_blank">
 				<i class="font-18 fab fa-facebook color-facebook"></i>
 				<span class="font-13">Facebook</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="#" class="shareToTwitter">
+			<a href="#" class="shareToTwitter" target="_blank">
 				<i class="font-18 fab fa-twitter-square color-twitter"></i>
 				<span class="font-13">Twitter</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="#" class="shareToLinkedIn">
+			<a href="#" class="shareToLinkedIn" target="_blank">
 				<i class="font-18 fab fa-linkedin color-linkedin"></i>
 				<span class="font-13">LinkedIn</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="#" class="shareToWhatsApp">
+			<a href="#" class="shareToWhatsApp" target="_blank">
 				<i class="font-18 fab fa-whatsapp-square color-whatsapp"></i>
 				<span class="font-13">WhatsApp</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="#" class="shareToMail border-0">
+			<a href="#" class="shareToMail border-0" target="_blank">
 				<i class="font-18 fa fa-envelope-square color-mail"></i>
 				<span class="font-13">Email</span>
 				<i class="fa fa-angle-right"></i>
@@ -57,7 +57,7 @@
 	</div>
 </div>
 
-<div id="menu-more" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="360" >
+<div id="menu-more" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="410" >
 	<div class="menu-title"><h1>Mehr</h1><p class="color-highlight">&nbsp;</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
 	<div class="divider divider-margins mb-n2"></div>
 	<div class="content">
@@ -68,11 +68,12 @@
 				<span id="badge-more-news" class="badge bg-highlight color-white"></span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="<?php echo LINK_PRE; ?>planning">
+            <a href="<?php echo LINK_PRE; ?>expenditures" class="show-loggedin">
-				<i class="fa font-14 fa-calendar-alt rounded-s bg-highlight color-white"></i>
+                <i class="fa font-14 fa-money-bill-wave rounded-s bg-highlight color-white"></i>
-				<span>Saison-Planung</span>
+                <span>Ausgaben-Verwaltung</span>
-				<i class="fa fa-angle-right"></i>
+                <span id="badge-more-expenditures" class="badge bg-highlight color-white"></span>
-			</a>
+                <i class="fa fa-angle-right"></i>
+            </a>
 			<a href="<?php echo LINK_PRE; ?>trim_list">
 				<i class="fa font-14 fa-book rounded-s bg-highlight color-white"></i>
 				<span>Trimm-B&uuml;cher</span>
@@ -83,6 +84,11 @@
 				<span>RLP-Rechner</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
+            <a href="#" data-menu="menu-lists">
+                <i class="fa font-14 fa-list rounded-s bg-highlight color-white"></i>
+                <span>Listen</span>
+                <i class="fa fa-angle-right"></i>
+            </a>
 			<a href="<?php echo LINK_PRE; ?>contact" class="border-0">
 				<i class="fa font-14 fa-phone rounded-s bg-highlight color-white"></i>
 				<span>Kontakt</span>
@@ -92,7 +98,7 @@
 	</div>
 </div>
 
-<div id="menu-settings" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="270">
+<div id="menu-settings" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="310">
 	<div class="menu-title"><h1>Einstellungen</h1><p class="color-highlight">&nbsp;</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
 	<div class="divider divider-margins mb-n2"></div>
 	<div class="content">
@@ -110,7 +116,7 @@
 				<span>Login</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="#" data-menu="menu-signup" class="show-notloggedin border-0">
+			<a href="https://regatten.net/#signup" class="show-notloggedin">
 				<i class="fa font-14 fa-user-plus rounded-s bg-highlight color-white"></i>
 				<span>Registrieren</span>
 				<span class="badge bg-red2-dark color-white">FREE</span>
@@ -120,45 +126,135 @@
 				<span>Account</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="#" onclick="logout();" class="show-loggedin border-0">
+			<a href="#" onclick="logout();" class="show-loggedin">
 				<i class="fa font-14 fa-sign-out-alt rounded-s bg-highlight color-white"></i>
 				<span>Logout</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
+			<a href="#" onclick="pushesOpenMenu()" class="border-0">
+				<i class="fa font-14 fa-bell rounded-s bg-highlight color-white"></i>
+				<span>Benachrichtigungen</span>
+				<span id="badge-pushes" class="badge color-white"></span>
+				<i class="fa fa-angle-right"></i>
+			</a>
 		</div>
 	</div>
 </div>
 
-<div id="menu-developer" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="310">
+<div id="menu-pushes" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="500">
-	<div class="menu-title"><h1>Entwickler-Optionen</h1><p class="color-highlight">&nbsp;</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
+	<div class="menu-title"><h1>Benachrichtigungen</h1><p class="color-highlight">Bleibe immer auf dem aktuellen Stand</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
 	<div class="divider divider-margins mb-n2"></div>
 	<div class="content">
 		<div class="list-group list-custom-small">
-			<a href="https://info.ostertun.net/regatten/beta">
+			<a id="a-switch-pushes" href="#" data-trigger-switch="switch-pushes" class="pb-2">
+				<i class="fa font-14 fa-bell rounded-s bg-highlight color-white"></i>
+				<span>Benachrichtigungen aktivieren</span>
+				<div class="custom-control scale-switch ios-switch">
+					<input type="checkbox" class="ios-input" id="switch-pushes">
+					<label class="custom-control-label" for="switch-pushes"></label>
+				</div>
+			</a>
+			<div class="divider"></div>
+			<p style="line-height: 1.5em;" id="p-pushes-info">
+				W&auml;hle hier, &uuml;ber was Du informiert werden m&ouml;chtest.<br>
+				(meine) bezieht sich auf die Regatten, die in Deiner Saison-Planung sind,<br>
+				(alle) informiert Dich &uuml;ber alle Regatten
+			</p>
+			<a href="#" data-trigger-switch="switch-pushes-news" class="pb-2 a-switch-pushes-channel-all">
+				<i class="fa font-14 fa-newspaper rounded-s bg-highlight color-white"></i>
+				<span>Neuigkeiten</span>
+				<div class="custom-control scale-switch ios-switch">
+					<input type="checkbox" class="ios-input" id="switch-pushes-news">
+					<label class="custom-control-label" for="switch-pushes-news"></label>
+				</div>
+			</a>
+			<a href="#" data-trigger-switch="switch-pushes-regatta-changed-my" class="pb-2 a-switch-pushes-channel-my">
+				<i class="fa font-14 fa-calendar-check rounded-s bg-highlight color-white"></i>
+				<span>Regatta verschoben (meine)</span>
+				<span class="badge bg-red2-dark color-white"></span>
+				<div class="custom-control scale-switch ios-switch">
+					<input type="checkbox" class="ios-input" id="switch-pushes-regatta-changed-my">
+					<label class="custom-control-label" for="switch-pushes-regatta-changed-my"></label>
+				</div>
+			</a>
+			<a href="#" data-trigger-switch="switch-pushes-regatta-changed-all" class="pb-2 a-switch-pushes-channel-all">
+				<i class="fa font-14 fa-calendar-check rounded-s bg-highlight color-white"></i>
+				<span>Regatta verschoben (alle)</span>
+				<div class="custom-control scale-switch ios-switch">
+					<input type="checkbox" class="ios-input" id="switch-pushes-regatta-changed-all">
+					<label class="custom-control-label" for="switch-pushes-regatta-changed-all"></label>
+				</div>
+			</a>
+			<a href="#" data-trigger-switch="switch-pushes-result-ready-my" class="pb-2 a-switch-pushes-channel-my">
+				<i class="fa font-14 fa-poll rounded-s bg-highlight color-white"></i>
+				<span>Ergebnisse verf&uuml;gbar (meine)</span>
+				<span class="badge bg-red2-dark color-white"></span>
+				<div class="custom-control scale-switch ios-switch">
+					<input type="checkbox" class="ios-input" id="switch-pushes-result-ready-my">
+					<label class="custom-control-label" for="switch-pushes-result-ready-my"></label>
+				</div>
+			</a>
+			<a href="#" data-trigger-switch="switch-pushes-result-ready-all" class="pb-2 a-switch-pushes-channel-all">
+				<i class="fa font-14 fa-poll rounded-s bg-highlight color-white"></i>
+				<span>Ergebnisse verf&uuml;gbar (alle)</span>
+				<div class="custom-control scale-switch ios-switch">
+					<input type="checkbox" class="ios-input" id="switch-pushes-result-ready-all">
+					<label class="custom-control-label" for="switch-pushes-result-ready-all"></label>
+				</div>
+			</a>
+			<a href="#" data-trigger-switch="switch-pushes-meldeschluss" class="pb-2 a-switch-pushes-channel-my">
+				<i class="fa font-14 fa-file-signature rounded-s bg-highlight color-white"></i>
+				<span>Melde-Erinnerungen</span>
+				<span class="badge bg-red2-dark color-white"></span>
+				<div class="custom-control scale-switch ios-switch">
+					<input type="checkbox" class="ios-input" id="switch-pushes-meldeschluss">
+					<label class="custom-control-label" for="switch-pushes-meldeschluss"></label>
+				</div>
+			</a>
+		</div>
+	</div>
+</div>
+
+<div id="menu-developer" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="400">
+	<div class="menu-title"><h1>Entwickler-Optionen</h1><p class="color-highlight">Version <?php echo PWA_VERSION; ?></p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
+	<div class="divider divider-margins mb-n2"></div>
+	<div class="content">
+		<div class="list-group list-custom-small">
+			<a href="https://github.com/ostertun/RegattenApp/wiki">
 				<i class="fa font-14 fa-info rounded-s bg-highlight color-white"></i>
-				<span>Infos zur BETA</span>
+				<span>App-Wiki</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="javascript:resetDb();">
+			<a href="javascript:deleteDb();">
 				<i class="fa font-14 fa-database rounded-s bg-highlight color-white"></i>
 				<span>Reset Database</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="javascript:resetCache();">
+			<a href="javascript:deleteCache();">
 				<i class="fa font-14 fa-trash-alt rounded-s bg-highlight color-white"></i>
 				<span>Reset Cache</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="https://report.regatten.net/" class="border-0">
+			<a href="https://github.com/ostertun/RegattenApp/issues/new">
 				<i class="fa font-14 fa-bug rounded-s bg-highlight color-white"></i>
 				<span>Problem melden</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
+			<a href="#" onclick="sendErrorReport(); return false;" class="menu-close">
+				<i class="fa font-14 fa-bug rounded-s bg-highlight color-white"></i>
+				<span>Fehlerbericht senden</span>
+				<i class="fa fa-angle-right"></i>
+			</a>
+			<a href="#" onclick="mobileConsole.displayConsole(); return false;" class="border-0 menu-close">
+				<i class="fa font-14 fa-terminal rounded-s bg-highlight color-white"></i>
+				<span>Console anzeigen</span>
+				<i class="fa fa-angle-right"></i>
+			</a>
 		</div>
 	</div>
 </div>
 
-<div id="menu-login" class="menu menu-box-top menu-box-detached rounded-m" data-menu-height="270">
+<div id="menu-login" class="menu menu-box-top menu-box-detached rounded-m" data-menu-height="320">
 	<div class="content bottom-0">
 		<h1 class="text-center mt-5 font-900">Login</h1>
 		<div class="input-style input-style-2 has-icon input-required">
@@ -172,29 +268,37 @@
 			<input id="input-login-password" class="form-control" type="password" placeholder="Passwort" />
 		</div>
 		<a class="btn btn-m mt-2 mb-2 btn-full bg-green2-dark text-uppercase font-900" href="#" onclick="login();">Login</a>
+		<p class="text-center mt-3"><a class="text-uppercase font-900" href="https://regatten.net/reset">Benutzername oder Passwort vergessen</a></p>
 	</div>
 </div>
 
-<div id="menu-signup" class="menu menu-box-modal menu-box-detached rounded-m" data-menu-height="300">
+<div id="menu-welcome" class="menu menu-box-bottom" style="height: 70vh">
 	<div class="content bottom-0">
-		<h1 class="text-center mt-5 font-900">Registrieren</h1>
+		<h1 class="text-center font-900">Willkommen</h1>
-		<p class="text-center">
+		<p>
-			Momentan kannst Du Dich leider nicht in der App registrieren.<br>
+			Diese App befindet sich zur Zeit noch in der Entwicklungs-Phase.<br>
-			Das ist aber kein Problem, registriere Dich einfach kostenlos auf unserer Website!
+			Dadurch kann es vorkommen, dass bestimmte Funktionen noch nicht richtig funktionieren.<br>
+			Wenn Dir etwas ungew&ouml;hnlich vorkommt, melde uns dies bitte. Klicke dazu auf das Entwickler-Icon oben links und w&auml;hle &quot;Problem melden&quot;.<br>
+			Vielen Dank f&uuml;r Deine Unterst&uuml;tzung!
 		</p>
-		<a href="https://regatten.net/de/signup" class="btn btn-center-xl btn-m shadow-xl rounded-s bg-highlight font-900 text-center">Registrieren</a>
+		<p>
-		<p class="text-center font-10 bottom-0">Du kannst Dich danach in dieser App anmelden.</p>
+			Mehr Informationen findest Du <a href="https://info.ostertun.net/regatten/beta">hier</a>.
+		</p>
+		<a id="menu-welcome-a-okay" class="btn btn-m mt-2 mb-3 btn-full bg-green2-dark text-uppercase font-900" href="#">Alles klar</a>
 	</div>
 </div>
 
-<div id="menu-update">
+<div id="menu-nodb-warning" class="menu menu-box-bottom menu-box-detached rounded-m" data-height="500">
+	<div class="menu-title"><h1>Warnung</h1><p class="color-highlight">Datenbank nicht unterst&uuml;tzt</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
+	<div class="divider divider-margins mb-n2"></div>
 	<div class="content bottom-0">
-		<p class="text-center mt-5"><i class="fa fa-sync-alt fa-7x color-highlight fa-spin"></i></p>
+		<p>
-		<h1 class="text-center mt-5 font-900">Update Verfügbar</h1>
+			Das Speichern der ben&ouml;tigten Daten wird von Deinem Ger&auml;t nicht unterst&uuml;tzt.<br>
-		<p class="text-center">
+			Da deshalb die Daten jedesmal direkt vom Server geladen werden m&uuml;ssen, kannst Du die App nicht offline nutzen.<br>
-			Eine neue Version unserer App ist verf&uuml;gbar. Keine Sorge, Du musst nichts machen. Wir aktuallisieren den Inhalt in wenigen Sekunden.
+			Das Nachladen kann au&szlig;erdem gerade bei gro&szlig;en Datenmengen (wie Ranglisten) sehr lange dauern.
+			Wir empfehlen Dir daher, auf diesem Ger&auml;t unsere normale Website zu benutzen. Diese ist auch f&uuml;r Mobil-Ger&auml;te optimiert.
 		</p>
-		<a href="#" class="page-update btn btn-center-xl btn-m shadow-xl rounded-s bg-highlight font-900 text-center">Update</a>
+		<a class="btn btn-m mt-2 btn-full bg-highlight text-uppercase font-900" href="https://ranglisten.net/">Zur Website</a>
-		<p class="text-center font-10 bottom-0">Die App wird neu laden und das Update ist abgeschlossen.</p>
+		<a id="menu-nodb-warning-okay" class="btn btn-m mt-2 mb-3 btn-full bg-highlight text-uppercase font-900" href="#">Nicht erneut anzeigen</a>
 	</div>
 </div>

server/page/wrapper.php

@@ -2,6 +2,7 @@
 <html lang="de">
 
 	<head>
+		<script type="text/javascript" src="<?php echo SERVER_ADDR; ?>/client/scripts/mobileconsole.js"></script>
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 		<meta name="apple-mobile-web-app-capable" content="yes">
 		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -26,7 +27,8 @@
 			<?php include(__DIR__ . '/headerfooter.php'); ?>
 
 			<!--start of page content, add your stuff here-->
-			<div class="page-content header-clear-medium">
+			<div class="page-content header-clear">
+				<div id="syncstatus" class="text-right mr-2 mb-1">Zuletzt aktualisiert: nie</div>
 				<?php echo $sp['output']; ?>
 			</div>
 			<!--end of page content, off canvas elements here-->

server/scripts/boats.js

@@ -0,0 +1,197 @@
+var firstCall = true;
+var rows = [];
+var displayed = [];
+var page = 1;
+var pageCount = 0;
+const showCount = 25;
+
+async function onEditBoatnameClick() {
+	var id = $('#button-editboatname').attr('data-boat-id');
+	var name = $('#input-editboatname').val();
+	if (name != '') {
+		showLoader();
+		$.ajax({
+			url: QUERY_URL + 'add_boatname',
+			method: 'POST',
+			data: {
+				boat: id,
+				name: name
+			},
+			error: function (xhr, status, error) {
+				if (xhr.status == 0) {
+					toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um den Bootsnamen zu bearbeiten');
+				} else {
+					log('EditBoatname: unbekannter Fehler', status, error);
+					log(xhr);
+					toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+				}
+				hideLoader();
+			},
+			success: function (data, status, xhr) {
+				if ('status' in data) {
+					if (data.status == 'added') {
+						toastOk('Bootsnamen erfolgreich hinzugefügt');
+						sync();
+					} else {
+						toastInfo('Wir prüfen Deine Anfrage und korrigieren den Bootsnamen schnellstmöglich', 5000);
+					}
+				} else {
+					toastOk('Erfolgreich');
+				}
+				hideLoader();
+			}
+		});
+	}
+	$('#menu-editboatname').hideMenu();
+}
+
+async function onListClicked(id) {
+	var boat = await dbGetData('boats', id);
+
+	$('#menu-boat').find('.menu-title').find('p').text(boat.sailnumber);
+
+	// Edit Boatname
+	$('#button-editboatname').attr('data-boat-id', boat.id);
+	$('#menu-editboatname').find('.menu-title').find('p').text(boat.sailnumber);
+	if (boat['name'] == '') {
+		$('#menu-item-boatname').find('span').text('Bootsnamen hinzufügen');
+		$('#menu-editboatname').find('.menu-title').find('h1').text('Bootsnamen hinzufügen');
+		$('#input-editboatname').val('');
+	} else {
+		$('#menu-item-boatname').find('span').text('Bootsnamen bearbeiten');
+		$('#menu-editboatname').find('.menu-title').find('h1').text('Bootsnamen bearbeiten');
+		$('#input-editboatname').val(boat.name);
+	}
+	$('#input-editboatname').trigger('focusin').trigger('focusout');
+
+	// club website
+	var clubwebsite = '';
+	if (boat['club'] != null) {
+		clubwebsite = (await dbGetData('clubs', boat['club'])).website;
+	}
+	if (clubwebsite != '') {
+		$('#menu-item-clubwebsite').show();
+		$('#menu-item-clubwebsite').attr('href', clubwebsite);
+		$('#menu-item-clubwebsite').attr('target', '_blank');
+	} else {
+		$('#menu-item-clubwebsite').hide();
+	}
+
+	$('#menu-boat').showMenu();
+	$('#menu-boat').scrollTop(0);
+}
+
+function pageChange() {
+	$('#p-count')[0].scrollIntoView({ behavior: "smooth" });
+	drawList();
+}
+
+async function drawList() {
+	window.setTimeout(function () {
+		var list = '';
+
+		if (displayed.length > 0) {
+			var offset = (page - 1) * showCount;
+			var count = (page == pageCount ? (displayed.length % showCount) : showCount);
+			if (count == 0) count = showCount;
+
+			for (i = 0; i < count; i ++) {
+				list += displayed[i + offset];
+			}
+		} else {
+			list = '<div><div>Keine Ergebnisse, die der Suche entsprechen</div></div>';
+		}
+
+		$('#div-list').html(list);
+	}, 0);
+}
+
+async function reSearch() {
+	window.setTimeout(function () {
+		displayed = [];
+		rows.forEach(function (entry) {
+			if (search($('#input-search').val(), entry.keywords)) {
+				displayed.push(entry.content);
+			}
+		});
+		pageCount = Math.ceil(displayed.length / showCount);
+		if ((page < 1) || (page > pageCount)) {
+			if (page < 1) {
+				page = 1;
+			} else {
+				page = pageCount;
+			}
+		}
+		drawPagination();
+		drawList();
+	}, 0);
+}
+
+var siteScript = async function() {
+	if (firstCall) {
+		firstCall = false;
+		initPagination();
+		$('#input-search').on('input', reSearch);
+		$('#menu-item-boatname').click(function(){ $('#menu-boat').hideMenu(); $('#menu-editboatname').showMenu(); });
+		$('#button-editboatname').click(onEditBoatnameClick);
+	}
+
+	var results = await dbGetData('boats');
+
+	var count = results.length;
+	if (count > 0) {
+		if (count == 1) {
+			$('#p-count').html('Es wurde 1 Boot gefunden!');
+		} else {
+			$('#p-count').html('Es wurden ' + count + ' Boote gefunden!');
+		}
+		$('#div-list').show();
+		$('#input-search').parent().show();
+
+		results.sort(function (a, b) {
+			return a.sailnumber.localeCompare(b.sailnumber);
+		});
+
+		rows = [];
+
+		for (id in results) {
+			var entry = results[id];
+			var club = null;
+			if (entry['club'] != null)
+				club = await dbGetData('clubs', entry['club']);
+
+			var row = { keywords: [], content: '' };
+			row.keywords.push(entry['sailnumber']);
+			if (entry['name'] != '') row.keywords.push(entry['name']);
+			if (club != null) row.keywords.push(club['kurz'], club['name']);
+
+			row.content += '<div onclick="onListClicked(' + entry['id'] + ');">';
+
+			// ZEILE 1
+			// Sailnumber
+			row.content += '<div><b>' + entry['sailnumber'] + '</b></div>';
+
+			// ZEILE 2
+			row.content += '<div>';
+
+			// Name
+			row.content += '<div>' + entry['name'] + '</div>';
+
+			// Club
+			row.content += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
+
+			row.content += '</div></div>';
+
+			rows.push(row);
+		}
+
+		reSearch();
+
+	} else {
+		$('#p-count').html('Keine Boote gefunden!');
+		$('#div-list').hide();
+		$('#input-search').parent().hide();
+	}
+
+	hideLoader();
+}

server/scripts/calc.js

@@ -0,0 +1,92 @@
+var races = [];
+var firstCall = true;
+
+function reCalc() {
+	setTimeout(function(){
+		if (races.length > 0) {
+			$('#card-races').show();
+			$('#p-result').text('Berechne...');
+			var rlps = [];
+			var tbody = '';
+			for (var i = 0; i < races.length; i ++) {
+				tbody += '<tr>';
+				tbody += '<td>' + races[i].rlf + '</td>';
+				tbody += '<td>' + races[i].m + '</td>';
+				tbody += '<td>' + races[i].fb + '</td>';
+				tbody += '<td>' + races[i].pl + '</td>';
+				tbody += '<td>' + races[i].rlp.toFixed(3) + '</td>';
+				tbody += '<td><a href="#" onclick="removeRace(' + i + ')" class="btn rounded-s text-uppercase font-900 shadow-m bg-highlight"><i class="fas fa-times"></i></a></td>';
+				tbody += '</tr>';
+				for (var j = 0; j < races[i].m; j ++) {
+					rlps.push(races[i].rlp);
+				}
+			}
+			$('#table-races').find('tbody').html(tbody);
+			rlps.sort(function (a,b) {
+				return b-a;
+			});
+			var sum = 0;
+			var cnt = Math.min(rlps.length, 9);
+			for (var i = 0; i < cnt; i ++) {
+				sum += rlps[i];
+			}
+			$('#p-result').html('<b>' + (sum / cnt).toFixed(3) + '</b> Punkte aus <b>' + cnt + '</b> Wertungen.');
+		} else {
+			$('#card-races').hide();
+		}
+	}, 0);
+}
+
+function addRace() {
+	var rlf = parseFloat($('#input-rlf').val().replace(',', '.'));
+	var m = parseFloat($('#input-m').val());
+	var fb = parseFloat($('#input-fb').val());
+	var pl = parseFloat($('#input-pl').val().replace(',', '.'));
+
+	if (isNaN(rlf) || (rlf < 1) || (rlf > 1.6)) {
+		toastError('RLF ungültig');
+		return;
+	}
+	if (isNaN(m) || (m < 1) || (m > 5)) {
+		toastError('m ungültig');
+		return;
+	}
+	if (isNaN(fb) || (fb < 1)) {
+		toastError('fb ungültig');
+		return;
+	}
+	if (isNaN(pl) || (pl < 1) || (pl > (fb + 1))) {
+		toastError('pl ungültig');
+		return;
+	}
+
+	var race = {
+		rlf: rlf,
+		m: m,
+		fb: fb,
+		pl: pl,
+		rlp: (100 * rlf * ((fb + 1 - pl) / fb))
+	};
+
+	$('#input-rlf').val('').trigger('focusin').trigger('focusout');
+	$('#input-m').val('').trigger('focusin').trigger('focusout');
+	$('#input-fb').val('').trigger('focusin').trigger('focusout');
+	$('#input-pl').val('').trigger('focusin').trigger('focusout');
+
+	races.push(race);
+	reCalc();
+}
+
+function removeRace(id) {
+	if ((id >= 0) && (id < races.length)) races.splice(id, 1);
+	reCalc();
+}
+
+var siteScript = async function () {
+	if (firstCall) {
+		firstCall = false;
+		$('#button-add').click(addRace);
+	}
+	reCalc();
+	hideLoader();
+}

server/scripts/clubs.js

@@ -0,0 +1,136 @@
+var firstCall = true;
+var rows = [];
+var displayed = [];
+var page = 1;
+var pageCount = 0;
+const showCount = 25;
+
+async function onListClicked(id) {
+	var club = await dbGetData('clubs', id);
+	
+	$('#menu-club').find('.menu-title').find('p').text(club.name);
+	
+	// club website
+	if (club.website != '') {
+		$('#menu-item-clubwebsite').show();
+		$('#menu-item-clubwebsite').attr('href', club.website);
+		$('#menu-item-clubwebsite').attr('target', '_blank');
+	} else {
+		$('#menu-item-clubwebsite').hide();
+	}
+	
+	$('#menu-club').showMenu();
+	$('#menu-club').scrollTop(0);
+}
+
+function pageChange() {
+	$('#p-count')[0].scrollIntoView({ behavior: "smooth" });
+	drawList();
+}
+
+async function drawList() {
+	window.setTimeout(function () {
+		var list = '';
+		
+		if (displayed.length > 0) {
+			var offset = (page - 1) * showCount;
+			var count = (page == pageCount ? (displayed.length % showCount) : showCount);
+			if (count == 0) count = showCount;
+			
+			for (i = 0; i < count; i ++) {
+				list += displayed[i + offset];
+			}
+		} else {
+			list = '<div><div>Keine Ergebnisse, die der Suche entsprechen</div></div>';
+		}
+		
+		$('#div-list').html(list);
+	}, 0);
+}
+
+async function reSearch() {
+	window.setTimeout(function () {
+		displayed = [];
+		rows.forEach(function (entry) {
+			if (search($('#input-search').val(), entry.keywords)) {
+				displayed.push(entry.content);
+			}
+		});
+		pageCount = Math.ceil(displayed.length / showCount);
+		if ((page < 1) || (page > pageCount)) {
+			if (page < 1) {
+				page = 1;
+			} else {
+				page = pageCount;
+			}
+		}
+		drawPagination();
+		drawList();
+	}, 0);
+}
+
+var siteScript = async function() {
+	if (firstCall) {
+		firstCall = false;
+		initPagination();
+		$('#input-search').on('input', reSearch);
+	}
+	
+	var results = await dbGetData('clubs');
+	
+	var count = results.length;
+	if (count > 0) {
+		if (count == 1) {
+			$('#p-count').html('Es wurde 1 Verein gefunden!');
+		} else {
+			$('#p-count').html('Es wurden ' + count + ' Vereine gefunden!');
+		}
+		$('#div-list').show();
+		$('#input-search').parent().show();
+		
+		results.sort(function (a, b) {
+			var comp = a.kurz.localeCompare(b.kurz);
+			if (comp == 0)
+				comp = a.name.localeCompare(b.name);
+			return comp;
+		});
+		
+		rows = [];
+		
+		for (id in results) {
+			var entry = results[id];
+			
+			var row = { keywords: [], content: '' };
+			row.keywords.push(entry['dsv'], entry['kurz'], entry['name']);
+			if (entry['website'] != '') row.keywords.push(entry['website']);
+			
+			row.content += '<div onclick="onListClicked(' + entry['id'] + ');">';
+			
+			// ZEILE 1
+			// Name
+			row.content += '<div><b>' + entry['name'] + '</b></div>';
+			
+			// ZEILE 2
+			row.content += '<div>';
+			
+			// DSV
+			row.content += '<div>' + entry['dsv'] + '</div>';
+			
+			// Kurz
+			row.content += '<div>' + entry['kurz'] + '</div>';
+			
+			row.content += '</div></div>';
+			
+			rows.push(row);
+		}
+		
+		reSearch();
+		
+	} else {
+		$('#p-count').html('Keine Vereine gefunden!');
+		$('#div-list').hide();
+		$('#input-search').parent().hide();
+	}
+	
+	hideLoader();
+}

server/scripts/contact.js

@@ -0,0 +1,49 @@
+function sendMessage() {
+	var name = $('#input-name').val();
+	var email = $('#input-email').val();
+	var subject = $('#input-subject').val();
+	var message = $('#input-message').val();
+
+	if ((name == '') || (email == '') || (subject == '') || (message == '')) {
+		toastError('Bitte fülle alle Felder aus!');
+		return;
+	}
+
+	showLoader();
+	$.ajax({
+		url: QUERY_URL + 'contact',
+		method: 'POST',
+		data: {
+			name: name,
+			email: email,
+			subject: subject,
+			message: message
+		},
+		error: function (xhr, status, error) {
+			if (xhr.status == 0) {
+				toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um eine Nachricht zu versenden');
+			} else {
+				log('Contact: unbekannter Fehler', status, error);
+				log(xhr);
+				toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+			}
+			hideLoader();
+		},
+		success: function (data, status, xhr) {
+			toastOk('Nachricht erfolgreich versandt!');
+			$('#input-subject').val('').trigger('focusin').trigger('focusout');
+			$('#input-message').val('').trigger('focusin').trigger('focusout');
+			hideLoader();
+		}
+	});
+}
+
+var siteScript = async function () {
+	if (isLoggedIn()) {
+		var user = await dbGetData('users', USER_ID);
+		$('#input-name').val(user.username).trigger('focusin').trigger('focusout');
+		$('#input-email').val(user.email).trigger('focusin').trigger('focusout');
+	}
+	$('#button-send').click(sendMessage);
+	hideLoader();
+}

server/scripts/expenditures-add.js

@@ -0,0 +1,338 @@
+let users = [];
+let known = [];
+let userSelectedCallback = null;
+let excludeUsers = {};
+
+function userSelected(id) {
+    if (typeof userSelectedCallback === 'function') {
+        userSelectedCallback(id);
+    }
+}
+
+async function usersSearch() {
+    $('.item-user-search').remove();
+    if ($('#input-user-search').val().length == 0) {
+        known.forEach(function (entry) {
+            if (!(entry.id in excludeUsers)) {
+                $('#menu-select-user').find('.content').find('.list-group').append(entry.content);
+            }
+        });
+    }
+    if ($('#input-user-search').val().length >= 3) {
+        let cnt = 0;
+        users.forEach(function (entry) {
+            if (!(entry.id in excludeUsers) && search($('#input-user-search').val(), entry.keywords)) {
+                $('#menu-select-user').find('.content').find('.list-group').append(entry.content);
+                cnt++;
+            }
+        });
+        if (cnt == 0) {
+            let item = '<p class="item-user-search">Keine Benutzer gefunden.</p>';
+            $('#menu-select-user').find('.content').find('.list-group').append(item);
+        }
+    } else {
+        let item = '<p class="item-user-search">Zum Suchen mindestens 3 Zeichen eingeben</p>';
+        $('#menu-select-user').find('.content').find('.list-group').append(item);
+    }
+}
+
+function addRemoveToUser(userid) {
+    $('.item-user-to[data-userid=' + userid + ']').remove();
+}
+
+async function expendituresInitModals() {
+    $('#button-add-save').click(function () {
+        showLoader();
+        const jqUserFrom = $('#item-add-user-from');
+        const userFrom = jqUserFrom.data('userid');
+        const jqDate = $('#input-add-date');
+        const purposeDate = jqDate.val();
+        if (purposeDate == '') {
+            hideLoader();
+            toastError('Es wurde kein Datum ausgewählt!');
+            jqDate.focus();
+            return;
+        }
+        const jqAmount = $('#input-add-amount');
+        const amount = jqAmount.val();
+        if (amount == '') {
+            hideLoader();
+            toastError('Es wurde kein Betrag ausgewählt!');
+            jqAmount.focus();
+            return;
+        }
+        const purpose = $('#select-add-purpose').val();
+        const regattaName = $('#input-add-regatta-name').val();
+        const purposeText = $('#input-add-purpose-text').val();
+        let usersTo = [];
+        $('.item-user-to[data-userid]').each(function (index) {
+            usersTo.push($(this).data('userid'));
+        });
+        let auth = {
+            id: localStorage.getItem('auth_id'),
+            hash: localStorage.getItem('auth_hash')
+        }
+        $.ajax({
+            url: QUERY_URL + 'expenditures_add',
+            method: 'POST',
+            data: {
+                auth: auth,
+                user_from: userFrom,
+                date: purposeDate,
+                amount: Math.round(parseFloat(amount) * 100),
+                purpose: purpose,
+                regatta_name: regattaName,
+                purpose_text: purposeText,
+                users_to: usersTo
+            },
+            error: function (xhr, status, error) {
+                if (xhr.status == 401) {
+                    log('authentification failed');
+                    toastError('Authentifizierung fehlgeschlagen. Versuche es erneut.');
+                } else if (xhr.status == 0) {
+                    toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um die Ausgabe zu speichern');
+                } else {
+                    log('expenditures_add: unbekannter Fehler', status, error);
+                    log(xhr);
+                    toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+                }
+                hideLoader();
+            },
+            success: async function (data, status, xhr) {
+                await sync();
+                updateExpendituresBadge();
+                $('#menu-add').hideMenu();
+                hideLoader();
+                toastOk('Ausgabe gespeichert. Betrag wurde durch ' + data.count + ' Personen geteilt.');
+            }
+        });
+    });
+    $('#item-add-user-from').click(async function () {
+        excludeUsers = {};
+        $('#input-user-search').val('').trigger('focusin').trigger('focusout');
+        usersSearch();
+        userSelectedCallback = async function (userid) {
+            $('#item-add-user-from').data('userid', userid).find('span').html('bezahlt von: ' + (await dbGetData('users', userid)).username);
+            $('#menu-select-user').hideMenu();
+            $('#menu-add').showMenu();
+        }
+        $('#menu-add').hideMenu();
+        $('#menu-select-user').showMenu();
+        $('#input-user-search').focus();
+    });
+    $('#item-add-user-to').click(async function () {
+        excludeUsers = {};
+        $('.item-user-to[data-userid]').each(function (index) {
+            excludeUsers[$(this).data('userid')] = true;
+        });
+        $('#input-user-search').val('').trigger('focusin').trigger('focusout');
+        usersSearch();
+        userSelectedCallback = async function (userid) {
+            let item = '<a class="item-user-to" data-userid="' + userid + '" onclick="addRemoveToUser(' + userid + ')">';
+            item += '<span>' + (await dbGetData('users', userid)).username + '</span>';
+            item += '<i class="fa fa-times"></i>';
+            item += '</a>';
+            $('#item-add-user-to').before(item);
+            $('#menu-select-user').hideMenu();
+            $('#menu-add').showMenu();
+        }
+        $('#menu-add').hideMenu();
+        $('#menu-select-user').showMenu();
+        $('#input-user-search').focus();
+    });
+
+    $('#button-add-transfer-save').click(function () {
+        showLoader();
+        const jqUser = $('#item-add-transfer-user');
+        const selectedUser = jqUser.data('userid');
+        if (selectedUser == 0) {
+            hideLoader();
+            toastError('Es wurde keine Person ausgewählt!');
+            return;
+        }
+        const jqDate = $('#input-add-transfer-date');
+        const selectedDate = jqDate.val();
+        if (selectedDate == '') {
+            hideLoader();
+            toastError('Es wurde kein Datum ausgewählt!');
+            jqDate.focus();
+            return;
+        }
+        const jqAmount = $('#input-add-transfer-amount');
+        const selectedAmount = jqAmount.val();
+        if (selectedAmount == '') {
+            hideLoader();
+            toastError('Es wurde kein Betrag ausgewählt!');
+            jqAmount.focus();
+            return;
+        }
+        const jqPurposeText = $('#input-add-transfer-purpose-text');
+        const selectedPurposeText = jqPurposeText.val();
+        const jqSwitch = $('#switch-add-transfer-received');
+        const direction = jqSwitch.prop('checked');
+        let auth = {
+            id: localStorage.getItem('auth_id'),
+            hash: localStorage.getItem('auth_hash')
+        }
+        $.ajax({
+            url: QUERY_URL + 'expenditures_add_transfer',
+            method: 'POST',
+            data: {
+                auth: auth,
+                direction: direction ? 1 : -1,
+                userid: selectedUser,
+                date: selectedDate,
+                amount: Math.round(parseFloat(selectedAmount) * 100),
+                purpose_text: selectedPurposeText
+            },
+            error: function (xhr, status, error) {
+                if (xhr.status == 401) {
+                    log('authentification failed');
+                    toastError('Authentifizierung fehlgeschlagen. Versuche es erneut.');
+                } else if (xhr.status == 0) {
+                    toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um den Geldtransfer zu speichern');
+                } else {
+                    log('expenditures_add_transfer: unbekannter Fehler', status, error);
+                    log(xhr);
+                    toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+                }
+                hideLoader();
+            },
+            success: async function (data, status, xhr) {
+                await sync();
+                updateExpendituresBadge();
+                $('#menu-add-transfer').hideMenu();
+                hideLoader();
+                toastOk(direction ? 'Geldtransfer gespeichert. ' + (await dbGetData('users', selectedUser)).username + ' muss dies noch bestätigen' : 'Geldtransfer wurde gespeichert');
+            }
+        });
+    });
+    $('#switch-add-transfer-received').parent().parent().click(async function () {
+        const jqSwitch = $('#switch-add-transfer-received');
+        const jqUser = $('#item-add-transfer-user');
+        const direction = jqSwitch.prop('checked');
+        jqSwitch.parent().prev().text(direction ? 'Geld gegeben' : 'Geld bekommen').prev().removeClass('fa-arrow-' + (direction ? 'left' : 'right')).addClass('fa-arrow-' + (direction ? 'right' : 'left'));
+        const selectedUser = jqUser.data('userid');
+        if (selectedUser == 0) {
+            jqUser.find('span').html((direction ? 'an: ' : 'von: ') + '<font style="font-style:italic;">bitte auswählen</font>');
+        } else {
+            jqUser.find('span').text((direction ? 'an: ' : 'von: ') + (await dbGetData('users', selectedUser)).username);
+        }
+    });
+    $('#item-add-transfer-user').click(async function () {
+        excludeUsers = {};
+        excludeUsers[USER_ID] = true;
+        $('#input-user-search').val('').trigger('focusin').trigger('focusout');
+        usersSearch();
+        userSelectedCallback = async function (userid) {
+            const direction = $('#switch-add-transfer-received').prop('checked');
+            $('#item-add-transfer-user').data('userid', userid).find('span').html((direction ? 'an: ' : 'von: ') + (await dbGetData('users', userid)).username);
+            $('#menu-select-user').hideMenu();
+            $('#menu-add-transfer').showMenu();
+        }
+        $('#menu-add-transfer').hideMenu();
+        $('#menu-select-user').showMenu();
+        $('#input-user-search').focus();
+    });
+
+    $('#input-user-search').on('input', usersSearch);
+
+    users = [];
+    known = [];
+    let itemMe = '<a class="item-user-search" onclick="userSelected(' + USER_ID + ')">';
+    itemMe += '<span>ICH (' + USER_NAME + ')</span>';
+    itemMe += '<i class="fa fa-angle-right"></i>';
+    itemMe += '</a>';
+    known.push({id: USER_ID, content: itemMe});
+    let knownIds = {};
+    let allExps = await dbGetData('expenditures');
+    let expUsers = {};
+    for (let i in allExps) {
+        let exp = allExps[i];
+        let eUId = exp.user;
+        if (!(eUId in expUsers)) {
+            expUsers[eUId] = {
+                userId: eUId,
+                username: (await dbGetData('users', eUId)).username,
+                cnt: 0
+            };
+        }
+        expUsers[eUId].cnt++;
+    }
+    expUsers = Object.values(expUsers);
+    expUsers.sort(function (a, b) {
+        return a.username.localeCompare(b.username);
+    });
+    for (let i in expUsers) {
+        knownIds[expUsers[i].userId] = true;
+    }
+    const dbUsers = await dbGetData('users');
+    dbUsers.sort(function (a, b) {
+        return a.username.localeCompare(b.username);
+    });
+    for (let i in dbUsers) {
+        let item = '<a class="item-user-search" onclick="userSelected(' + dbUsers[i].id + ')">';
+        item += '<span>' + dbUsers[i].username + '</span>';
+        item += '<i class="fa fa-angle-right"></i>';
+        item += '</a>';
+        users.push({
+            keywords: [dbUsers[i].username],
+            id: dbUsers[i].id,
+            content: item
+        });
+        if (dbUsers[i].id in knownIds) known.push({id: dbUsers[i].id, content: item});
+    }
+
+    $('#input-add-regatta-name').attr('list', 'list-regattas');
+    let listRegattas = $('<datalist id="list-regattas">').appendTo('body');
+    let plannings = await dbGetDataIndex('plannings', 'user', USER_ID);
+    let regattas = [];
+    for (let i in plannings) {
+        let regatta = await dbGetData('regattas', plannings[i].regatta);
+        regatta.year = formatDate('Y', parseDate(regatta.date));
+        regattas.push(regatta);
+    }
+    regattas.sort(function (a, b) {
+        if (a.year != b.year) return b.year - a.year;
+        return a.name.localeCompare(b.name);
+    });
+    for (let i in regattas) {
+        $('<option>').attr('value', regattas[i].name).appendTo(listRegattas);
+    }
+}
+
+async function expendituresShowAdd(defaultUser = 0) {
+    $('#item-add-user-from').data('userid', USER_ID).find('span').html('bezahlt von: ' + USER_NAME);
+    $('#input-add-date').val(formatDate('Y-m-d')).trigger('focusin');
+    $('#input-add-amount').val('');
+    $('#select-add-purpose').val('entryfee');
+    $('#input-add-regatta-name').val('');
+    $('#input-add-purpose-text').val('');
+    $('.item-user-to').remove();
+    let item = '<a class="item-user-to" data-userid="' + USER_ID + '" onclick="addRemoveToUser(' + USER_ID + ')">';
+    item += '<span>' + USER_NAME + '</span>';
+    item += '<i class="fa fa-times"></i>';
+    item += '</a>';
+    $('#item-add-user-to').before(item);
+    if (defaultUser > 0) {
+        item = '<a class="item-user-to" data-userid="' + defaultUser + '" onclick="addRemoveToUser(' + defaultUser + ')">';
+        item += '<span>' + (await dbGetData('users', defaultUser)).username + '</span>';
+        item += '<i class="fa fa-times"></i>';
+        item += '</a>';
+        $('#item-add-user-to').before(item);
+    }
+    $('#menu-add').showMenu();
+}
+
+async function expendituresShowAddTransfer(defaultUser = 0, defaultDirection = true, defaultAmount = '') {
+    $('#switch-add-transfer-received').prop('checked', defaultDirection).parent().prev().text(defaultDirection ? 'Geld gegeben' : 'Geld bekommen').prev().removeClass(defaultDirection ? 'fa-arrow-left' : 'fa-arrow-right').addClass(defaultDirection ? 'fa-arrow-right' : 'fa-arrow-left');
+    if (defaultUser == 0) {
+        $('#item-add-transfer-user').data('userid', 0).find('span').html((defaultDirection ? 'an: ' : 'von: ') + '<font style="font-style:italic;">bitte auswählen</font>');
+    } else {
+        $('#item-add-transfer-user').data('userid', defaultUser).find('span').html((defaultDirection ? 'an: ' : 'von: ') + (await dbGetData('users', defaultUser)).username);
+    }
+    $('#input-add-transfer-date').val(formatDate('Y-m-d')).trigger('focusin');
+    $('#input-add-transfer-amount').val(defaultAmount).trigger('focusin').trigger('focusout');
+    $('#input-add-transfer-purpose-text').val('');
+    $('#menu-add-transfer').showMenu();
+}

server/scripts/expenditures-user.js

@@ -0,0 +1,326 @@
+let firstCall = true;
+let rows = [];
+let displayed = [];
+let page = 1;
+let pageCount = 0;
+const showCount = 25;
+let sumsDisplayed = true;
+
+function createPurpose(exp) {
+	let purpose = '';
+	let extraText = ': ';
+	switch (exp.purpose) {
+		case 'transfer': purpose = 'Geldtransfer'; break;
+		case 'entryfee': purpose = 'Meldegeld'; break;
+		case 'camping': purpose = 'Camping'; break;
+		case 'food': purpose = 'Essen'; break;
+		case 'other': extraText = ''; break;
+	}
+	if (exp.purpose_text != '') {
+		purpose += extraText + exp.purpose_text;
+	}
+	return purpose;
+}
+
+async function onListClicked(id) {
+	let exp = await dbGetData('expenditures', id);
+	console.log(exp);
+
+	$('#menu-expenditure').find('.menu-title').find('p').text(createPurpose(exp) + ' (' + (exp.direction * exp.amount / 100).toFixed(2) + ' €)');
+
+	if (exp.approved == 0 && (exp.direction < 0) == (exp.canceled == 0)) {
+		$('#menu-item-approve').show();
+		$('#menu-item-approve').attr('onclick', 'expenditureAction("approve", ' + exp['id'] + ', "' + (exp.canceled == 1 ? 'Stornierung' : 'Ausgabe') + ' genehmigt")');
+		$('#menu-item-approve').text(exp.canceled == 1 ? 'Storno akzeptieren' : 'Akzeptieren');
+		$('#menu-item-decline').show();
+		$('#menu-item-decline').attr('onclick', 'expenditureAction("decline", ' + exp['id'] + ', "Ausgabe ' + (exp.canceled == 1 ? 'erneut angefragt' : 'abgelehnt') + '")');
+		$('#menu-item-decline').text(exp.canceled == 1 ? 'Erneut anfragen' : 'Ablehnen');
+	} else {
+		$('#menu-item-approve').hide();
+		$('#menu-item-decline').hide();
+	}
+
+	if (exp.canceled == 0 && (exp.approved == 1 || exp.direction > 0)) {
+		$('#menu-item-cancel').show();
+		$('#menu-item-cancel').attr('onclick', 'expenditureAction("cancel", ' + exp['id'] + ', "' + (exp.direction > 0 ? 'Ausgabe storniert' : 'Stornierung beantragt') + '")');
+	} else {
+		$('#menu-item-cancel').hide();
+	}
+
+	$('#menu-expenditure').showMenu();
+	$('#menu-expenditure').scrollTop(0);
+}
+
+function expenditureAction(action, expId, successStr) {
+	$('#menu-expenditure').hideMenu();
+	showLoader();
+	let auth = {
+		id: localStorage.getItem('auth_id'),
+		hash: localStorage.getItem('auth_hash')
+	}
+	$.ajax({
+		url: QUERY_URL + 'expenditure_' + action,
+		method: 'POST',
+		data: {
+			auth: auth,
+			expenditure: expId
+		},
+		error: function (xhr, status, error) {
+			if (xhr.status == 401) {
+				log('authentification failed');
+				toastError('Authentifizierung fehlgeschlagen. Versuche es erneut.');
+			} else if (xhr.status == 0) {
+				toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um die Ausgabe zu stornieren.');
+			} else {
+				log('unbekannter Fehler', status, error);
+				log(xhr);
+				toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+			}
+			hideLoader();
+		},
+		success: async function (data, status, xhr) {
+			await sync();
+			updateExpendituresBadge();
+			hideLoader();
+			toastOk(successStr);
+		}
+	});
+}
+
+function pageChange() {
+	$('#p-count')[0].scrollIntoView({ behavior: "smooth" });
+	drawList();
+}
+
+async function drawList() {
+	window.setTimeout(function () {
+		let list = '';
+
+		if (displayed.length > 0) {
+			let offset = (page - 1) * (sumsDisplayed ? showCount * 2 : showCount);
+			let count = (page == pageCount ? (displayed.length - offset) : (sumsDisplayed ? showCount * 2 + 1 : showCount));
+
+			for (i = 0; i < count; i ++) {
+				list += displayed[i + offset];
+			}
+		} else {
+			list = '<div><div>Keine Ergebnisse, die der Suche entsprechen</div></div>';
+		}
+
+		$('#div-list').html(list);
+	}, 0);
+}
+
+async function reSearch() {
+	window.setTimeout(function () {
+		displayed = [];
+		rows.forEach(function (entry) {
+			if (search($('#input-search').val(), entry.keywords)) {
+				displayed.push(entry.content);
+			}
+		});
+		sumsDisplayed = displayed.length == rows.length;
+		$('#div-list').toggleClass('display-border', !sumsDisplayed);
+		pageCount = Math.ceil((displayed.length - (sumsDisplayed ? 1 : 0)) / (sumsDisplayed ? showCount * 2 : showCount));
+		if ((page < 1) || (page > pageCount)) {
+			if (page < 1) {
+				page = 1;
+			} else {
+				page = pageCount;
+			}
+		}
+		drawPagination();
+		drawList();
+	}, 0);
+}
+
+function cancelCause(cancel_cause) {
+	switch (cancel_cause) {
+		case 'not approved':
+			return 'nicht genehmigt';
+		case 'canceled':
+			return 'storniert';
+	}
+	return 'unbekannter Grund';
+}
+
+let siteScript = async function() {
+	if (!isLoggedIn()) {
+		hideLoader();
+		return;
+	}
+
+	userid = findGetParameter('user');
+	let user = null;
+	if (userid !== null) {
+		user = await dbGetData('users', userid);
+	}
+	if (user === null) {
+		location.href = LINK_PRE + 'expenditures';
+		return;
+	}
+
+	$('#p-username').text(user.username);
+	$('.span-username').text(user.username);
+
+	if (firstCall) {
+		firstCall = false;
+		initPagination();
+		$('#input-search').on('input', reSearch);
+		$('#button-add').click((e) => expendituresShowAdd(userid));
+		$('#button-add-transfer').click((e) => expendituresShowAddTransfer(userid));
+		expendituresInitModals();
+	}
+
+	let exps = await dbGetDataIndex('expenditures', 'user', user.id);
+	exps.sort(function (a, b) {
+		return a.created - b.created;
+	});
+
+	let sum = 0;
+	for (i in exps) {
+		let exp = exps[i];
+		if (exp.canceled == 0) {
+			sum += exp.direction * exp.amount;
+		}
+		exps[i].sum = sum;
+		exps[i].purpose_html = createPurpose(exp);
+		exps[i].purpose_date = formatDate("d.m.Y", parseDate(exp.purpose_date));
+	}
+
+	let sumText = '';
+	let sumButton = '';
+	if (sum == 0) {
+		sumText = 'Du und ' + user.username + ' seid quitt.';
+	} else if (sum > 0) {
+		sumText = user.username + ' schuldet Dir noch ' + (sum / 100).toFixed(2) + ' €.';
+		sumButton = '&emsp;<a href="#" onclick="expendituresShowAddTransfer(' + user.id + ', false, ' + (sum/100) + '); return false;">Ausgleichen</a>';
+	} else {
+		sumText = 'Du schuldest ' + user.username + ' noch ' + (-sum / 100).toFixed(2) + ' €.';
+		sumButton = '&emsp;<a href="#" onclick="expendituresShowAddTransfer(' + user.id + ', true, ' + (-sum/100) + '); return false;">Ausgleichen</a>';
+	}
+
+	results = exps.reverse();
+
+	// TODO: open approvals
+
+	let count = results.length;
+	if (count > 0) {
+		$('#p-count').text(sumText);
+		$('#p-count').html($('#p-count').html() + sumButton);
+		$('#div-list').show();
+		$('#input-search').parent().show();
+
+		rows = [];
+
+		for (id in results) {
+			let entry = results[id];
+
+			let rowSum = { keywords: [], content: '' };
+
+			rowSum.content += '<div class="sum">';
+
+			// ZEILE SUM
+			rowSum.content += '<div>';
+
+			// sum
+			rowSum.content += '<div>';
+			if (entry.sum < 0) rowSum.content += '<font style="color:red;">';
+			rowSum.content += (entry.sum / 100).toFixed(2);
+			if (entry.sum < 0) rowSum.content += '</font>';
+			rowSum.content += ' €</div>';
+
+			rowSum.content += '</div></div>';
+
+			rows.push(rowSum);
+
+
+			let row = { keywords: [], content: '' };
+
+			row.keywords.push((entry.amount / 100).toFixed(2));
+			row.keywords.push(entry.purpose_html);
+			row.keywords.push(entry.purpose_date);
+			row.keywords.push(entry.regatta_name);
+
+			row.content += '<div onclick="onListClicked(' + entry.id + ');" style="';
+			if (entry.canceled == 1) {
+				row.content += 'opacity:0.5;';
+			}
+			if (entry.approved == 0) {
+				row.content += 'font-style:italic;';
+			}
+			row.content += '">';
+
+			// ZEILE 1
+			row.content += '<div>';
+
+			// purpose
+			row.content += '<div' + ((entry.canceled == 1) ? ' style="text-decoration: line-through;"' : '') + '>' + entry.purpose_html + '</div>';
+
+			// amount
+			row.content += '<div>';
+			if (entry.canceled == 1) row.content += '(';
+			if (entry.direction < 0) row.content += '<font style="color:red;">';
+			row.content += (entry.direction * entry.amount / 100).toFixed(2);
+			if (entry.direction < 0) row.content += '</font>';
+			if (entry.canceled == 1) row.content += ')';
+			row.content += ' €</div>';
+
+			// icons
+			if (entry.approved == 1) {
+				if (entry.canceled == 1) {
+					row.content += '<div><i class="fas fa-times"></i></div>';
+				} else {
+					row.content += '<div><i class="fas fa-check"></i></div>';
+				}
+			} else if ((entry.direction < 0) == (entry.canceled == 1)) {
+				row.content += '<div><i class="fas fa-hourglass-half"></i></div>';
+			} else {
+				row.content += '<div><i class="fas fa-exclamation fa-blink"></i></div>';
+			}
+
+			row.content += '</div>';
+
+			// ZEILE 2
+			row.content += '<div>';
+
+			// date
+			row.content += '<div>' + entry.purpose_date + '</div>';
+
+			// regatta
+			row.content += '<div>' + entry.regatta_name + '</div>';
+
+			// cancel_cause
+			row.content += '<div>' + (entry.canceled == 1 ? cancelCause(entry.cancel_cause) : '') + '</div>';
+
+			row.content += '</div></div>';
+
+			rows.push(row);
+		}
+
+		let rowSum = { keywords: [], content: '' };
+
+		rowSum.content += '<div class="sum">';
+
+		// ZEILE SUM
+		rowSum.content += '<div>';
+
+		// sum
+		rowSum.content += '<div>';
+		rowSum.content += (0).toFixed(2);
+		rowSum.content += ' €</div>';
+
+		rowSum.content += '</div></div>';
+
+		rows.push(rowSum);
+
+		reSearch();
+
+	} else {
+		$('#p-count').html('Keine Ausgaben gefunden!');
+		$('#div-list').hide();
+		$('#input-search').parent().hide();
+	}
+
+	hideLoader();
+}

server/scripts/expenditures.js

@@ -0,0 +1,149 @@
+var firstCall = true;
+var rows = [];
+var displayed = [];
+var page = 1;
+var pageCount = 0;
+const showCount = 25;
+
+async function onListClicked(id) {
+	window.location = LINK_PRE + 'expenditures-user?user=' + id;
+}
+
+function pageChange() {
+	$('#p-count')[0].scrollIntoView({ behavior: "smooth" });
+	drawList();
+}
+
+async function drawList() {
+	window.setTimeout(function () {
+		var list = '';
+
+		if (displayed.length > 0) {
+			var offset = (page - 1) * showCount;
+			var count = (page == pageCount ? (displayed.length % showCount) : showCount);
+			if (count == 0) count = showCount;
+
+			for (i = 0; i < count; i ++) {
+				list += displayed[i + offset];
+			}
+		} else {
+			list = '<div><div>Keine Ergebnisse, die der Suche entsprechen</div></div>';
+		}
+
+		$('#div-list').html(list);
+	}, 0);
+}
+
+async function reSearch() {
+	window.setTimeout(function () {
+		displayed = [];
+		rows.forEach(function (entry) {
+			if (search($('#input-search').val(), entry.keywords)) {
+				displayed.push(entry.content);
+			}
+		});
+		pageCount = Math.ceil(displayed.length / showCount);
+		if ((page < 1) || (page > pageCount)) {
+			if (page < 1) {
+				page = 1;
+			} else {
+				page = pageCount;
+			}
+		}
+		drawPagination();
+		drawList();
+	}, 0);
+}
+
+var siteScript = async function() {
+	if (!isLoggedIn()) {
+		hideLoader();
+		return;
+	}
+
+	if (firstCall) {
+		firstCall = false;
+		initPagination();
+		$('#input-search').on('input', reSearch);
+		$('#button-add').click((e) => expendituresShowAdd());
+		$('#button-add-transfer').click((e) => expendituresShowAddTransfer());
+		expendituresInitModals();
+	}
+
+	let allExps = await dbGetData('expenditures');
+	let expUsers = {};
+	for (let i in allExps) {
+		let exp = allExps[i];
+		let eUId = exp.user;
+		if (!(eUId in expUsers)) {
+			expUsers[eUId] = {
+				userId: eUId,
+				username: (await dbGetData('users', eUId)).username,
+				balance: 0,
+				openApprovals: 0,
+				cnt: 0
+			};
+		}
+		if (exp.canceled == 0) {
+			expUsers[eUId].balance += exp.direction * parseInt(exp.amount);
+		}
+		if (exp.approved == 0) {
+			if (exp.direction < 0 && exp.canceled == 0) expUsers[eUId].openApprovals++;
+			if (exp.direction > 0 && exp.canceled == 1) expUsers[eUId].openApprovals++;
+		}
+		expUsers[eUId].cnt++;
+	}
+	let results = Object.values(expUsers);
+
+	let count = results.length;
+	if (count > 0) {
+		$('#p-count').hide();
+		$('#div-list').show();
+		$('#input-search').parent().show();
+
+		results.sort(function (a, b) {
+			return b.cnt - a.cnt;
+		});
+
+		rows = [];
+
+		for (id in results) {
+			var entry = results[id];
+
+			var row = { keywords: [], content: '' };
+			row.keywords.push(entry.username);
+
+			row.content += '<div onclick="onListClicked(' + entry.userId + ');">';
+
+			// ZEILE 1
+			// Username
+			row.content += '<div><b>' + entry.username + '</b></div>';
+
+			// ZEILE 2
+			row.content += '<div>';
+
+			// open approvals
+			row.content += '<div>' + ((entry.openApprovals > 0) ? (entry.openApprovals + ' offene Genehmigung' + (entry.openApprovals > 1 ? 'en' : '')) : '') + '</div>';
+
+			// balance
+			row.content += '<div>';
+			if (entry.balance < 0) row.content += '<font style="color:red;">';
+			row.content += (entry.balance / 100).toFixed(2);
+			if (entry.balance < 0) row.content += '</font>';
+			row.content += ' €</div>';
+
+			row.content += '</div></div>';
+
+			rows.push(row);
+		}
+
+		reSearch();
+
+	} else {
+		$('#p-count').show().html('Keine Ausgaben gefunden!');
+		$('#div-list').hide();
+		$('#input-search').parent().hide();
+	}
+
+	hideLoader();
+}

server/scripts/go2url.js

@@ -0,0 +1,12 @@
+var siteScript = function() {
+	hideLoader();
+	setTimeout(function() {
+		var url = findGetParameter('url');
+		if (url === null) {
+			$('#card-title').find('p').html('Wir konnten Dich leider nicht umleiten.<br><a href="' + LINK_PRE + 'index">Hier kommst Du zur&uuml;ck zur Startseite</a>');
+		} else {
+			showLoader();
+			location.href = url;
+		}
+	}, 2000);
+}

server/scripts/index.js

@@ -1,36 +1,132 @@
+var firstCall = true;
+var today;
+var onUpdatePushBadge;
+
+var onUnfollowClicked = async function() {
+	var id = $('#menu-item-unfollow').attr('data-sailor-id');
+	showLoader();
+	$('#menu-favorite').hideMenu();
+	var auth = {
+		id: localStorage.getItem('auth_id'),
+		hash: localStorage.getItem('auth_hash')
+	}
+	$.ajax({
+		url: QUERY_URL + 'sailor_unfollow',
+		method: 'POST',
+		data: {
+			auth: auth,
+			sailor: id
+		},
+		error: function (xhr, status, error) {
+			if (xhr.status == 0) {
+				toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um Deine Favoriten zu bearbeiten.');
+			} else {
+				log('Unfollow: unbekannter Fehler', status, error);
+				log(xhr);
+				toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+			}
+			hideLoader();
+		},
+		success: async function (data, status, xhr) {
+			await sync();
+			toastOk('Erfolgreich');
+			hideLoader();
+		}
+	});
+}
+
+var onFavoriteClicked = async function(id) {
+	var sailor = await dbGetData('sailors', id);
+
+	$('#menu-favorite').find('.menu-title').find('p').text(sailor.name);
+
+	$('#menu-item-unfollow').attr('data-sailor-id', sailor.id);
+
+	$('#menu-favorite').showMenu();
+}
+
 var siteScript = async function() {
+	today = getToday();
+
+	if (firstCall) {
+		firstCall = false;
+		$('#button-notifications-activate').click(function(){
+			pushesOpenMenu();
+		});
+		$('#a-notifications-later').click(function(){
+			createCookie('regatten_app_' + BOATCLASS + '_rejected_push', true, 1);
+			$('#card-notifications').hide();
+		});
+		if (readCookie('regatten_app_' + BOATCLASS + '_rejected_push')) {
+			$('#card-notifications').hide();
+		} else {
+			onUpdatePushBadge = function () {
+				if (!pushesPossible || (Notification.permission == 'denied')) {
+					$('#card-notifications').hide();
+				} else {
+					swRegistration.pushManager.getSubscription().then(function(subscription) {
+						var isSub = (subscription !== null);
+						if (isSub) {
+							$('#card-notifications').hide();
+						} else {
+							$('#card-notifications').show();
+						}
+					});
+				}
+			}
+			onUpdatePushBadge();
+		}
+		$('#menu-item-unfollow').click(onUnfollowClicked);
+	}
+
 	if (isLoggedIn()) {
 		$('#card-notloggedin').hide();
 
 		var user = await dbGetData('users', localStorage.getItem('auth_user'));
-		var today = getToday();
 
 		// Favorites
+		var follows = await dbGetData('follows');
 		var watched = [];
-		for (var i = 1; i <= 5; i ++) {
+		for (var i in follows) {
-			sailor_id = user['sailor' + i];
+			watched.push(await dbGetData('sailors', follows[i].sailor));
-			if (sailor_id != null) {
-				watched.push(await dbGetData('sailors', sailor_id));
-			}
 		}
 		if (watched.length > 0) {
 			var year = (new Date()).getFullYear();
-			$('#th-ranking').html('Rangliste ' + year);
+			var ranking = (await dbGetRanking(parseDate('01.12.' + (year - 1)), parseDate('30.11.' + year), false, false))[0];
-			// TODO: get ranking
+			var list = '';
-			tbody = '';
 			for (i in watched) {
 				sailor = watched[i];
-				tbody += '<tr><td>' + sailor.name + '</td><td>';
+				var club = null;
-				// TODO: check if ranking and output
+				if (sailor.club != null)
-				//tbody += '<i>nicht in der Rangliste</i>';
+					club = await dbGetData('clubs', sailor.club);
-				tbody += '<i>Ranglisten werden aktuell noch nicht unterst&uuml;tzt</i>';
+				var rank = null;
-				tbody += '</td></tr>';
+				for (r in ranking) {
+					if (ranking[r].id == sailor.id) {
+						rank = ranking[r];
+						break;
+					}
+				}
+
+				list += '<div onclick="onFavoriteClicked(' + sailor.id + ');">';
+				list += '<div>';
+				// Name
+				list += '<div><b>' + sailor.name + '</b></div>';
+				list += '</div><div>';
+				if (rank == null) {
+					list += '<div>Nicht in der Rangliste</div>';
+				} else {
+					// Rank
+					list += '<div>Platz <b>' + rank.rank + '</b></div>';
+					// rlp
+					list += '<div>' + rank.rlp.toFixed(3) + ' Punkte</div>';
+				}
+				list += '</div></div>';
 			}
-			$('#table-favorites').find('tbody').html(tbody);
+			$('#div-favorites').html(list);
 			$('#p-favorites').hide();
-			$('#table-favorites').show();
+			$('#div-favorites').show();
 		} else {
-			$('#table-favorites').hide();
+			$('#div-favorites').hide();
 			$('#p-favorites').show();
 		}
 		$('#card-favorites').show();
@@ -38,7 +134,7 @@ var siteScript = async function() {
 		// Your next
 		var planningsDB = await dbGetDataIndex('plannings', 'user', user.id);
 		var minDate = getToday();
-		minDate.setDate(minDate.getDate() - 1);
+		minDate.setDate(minDate.getDate());
 		var maxDate = getToday();
 		maxDate.setDate(maxDate.getDate() + 28);
 		var regattas = await dbGetRegattasRange(minDate, maxDate);
@@ -47,7 +143,7 @@ var siteScript = async function() {
 			var planning = planningsDB[i];
 			for (j in regattas) {
 				var regatta = regattas[j];
-				if (regatta.id == planning.regatta) {
+				if ((regatta.id == planning.regatta) && (regatta.length > 0)) {
 					planning.regatta = regatta;
 					plannings.push(planning);
 				}
@@ -59,100 +155,108 @@ var siteScript = async function() {
 			return 0;
 		});
 		if (plannings.length > 0) {
-			tbody = '';
+			list = '';
 			for (i in plannings) {
 				var planning = plannings[i];
 				var regatta = planning.regatta;
+
 				var club = null;
 				if (regatta['club'] != null)
 					club = await dbGetData('clubs', regatta['club']);
 				var dateFrom = regatta['dateFrom'];
 				var dateTo = regatta['dateTo'];
-				// TODO: get steuermann and crew
-				var steuermann = '<i>noch unklar</i>';
-				if (planning.steuermann !== null) {
-					steuermann = (await dbGetData('sailors', planning.steuermann)).name;
-				}
-				var crew = [];
-				if (planning.crew !== '') {
-					crewIds = planning.crew.split(',');
-					for (j in crewIds) {
-						crew.push((await dbGetData('sailors', crewIds[j])).name);
-					}
-				}
 
 				// output
-				tbody += '<tr>';
 
-				tbody += '<td><span style="white-space:nowrap;">' + formatDate("j. M 'y", dateFrom) + '<br>' + formatDate("j. M 'y", dateTo) + '</span></td>';
+				list += '<div onclick="onRegattaClicked(' + regatta['id'] + ');">';
 
-				var content = '';
+				// ZEILE 1
-				if (club != null) {
+				// Name
-					content = club['kurz'];
+				list += '<div><b>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</b></div>';
-					if (club['website'] != '') {
+
-						content = '<a href="' + club['website'] + '" target="_blank">' + content + '</a>';
+				// ZEILE 2
+				list += '<div>';
+
+				// Number
+				list += '<div>' + ((regatta['number'] != null) ? ('# ' + regatta['number']) : '') + '</div>';
+
+				// Club
+				list += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
+
+				// Special
+				if (regatta.special.substr(0, 1) == '#') {
+					regatta.special = '* ' + regatta.special.substr(1);
+				}
+				// replace placeholders
+				var pos;
+				while ((pos = regatta.special.indexOf('$')) >= 0) {
+					var pos2 = regatta.special.indexOf('$', pos + 1);
+					if (pos2 < 0) break;
+					var key = regatta.special.substring(pos + 1, pos2);
+
+					var value = '';
+					// age class
+					if ((key.substr(0, 1) == 'U') && (!isNaN(value = parseInt(key.substr(1))))) {
+						value = 'U-' + value;
+					} else {
+						break;
 					}
-				}
-				tbody += '<td>' + content + '<br>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</td>';
 
-				var buf = '';
+					regatta.special = regatta.special.replace('$' + key + '$', value);
-				if (regatta['info'] != '') {
-					buf += '<a target="_blank" href="' + regatta['info'] + '">Informationen</a>';
 				}
-				if ((regatta['meldung'] != '') && (dateTo >= today)) {
+				list += '<div>' + regatta['special'] + '</div>';
-					buf += '<br><a target="_blank" href="' + regatta['meldung'] + '">Meldung</a>';
 
-					if ((planning != null) && (planning['gemeldet'] == "1")) {
+				// Icons
-						buf += ' <i>(du hast gemeldet)</i>';
+				var icons = [];
-					} else if (regatta['meldungOffen'] == "0") {
+				if (regatta['info'] != '')
-						buf += ' <i>(geschlossen)</i>';
+					icons.push('<i class="fas fa-info"></i>');
-					} else if (regatta['meldungSchluss'] != null) {
+				if ((regatta['meldung'] != '') && (dateTo >= today) && (regatta['meldungOffen'] == '1')) {
-						early = false;
+					var color = '';
-						if (regatta['meldungEarly'] != null) {
+					if (regatta['meldungSchluss'] != null) {
-							ms = parseDate(regatta['meldungEarly']);
+						if (planning['gemeldet'] == '0') {
-							if (ms >= today) {
+							var ms = 0;
-								early = true;
+							if (regatta['meldungEarly'] != null) {
+								ms = parseDate(regatta['meldungEarly']);
+							}
+							if (ms < today) {
+								ms = parseDate(regatta['meldungSchluss']);
+							}
+							var diff = Math.round((ms - today) / 86400000);
+							if (ms < today) {
+								color = ' color-red2-dark';
+							} else if (diff < 7) {
+								color = ' color-yellow2-dark';
 							}
 						}
-						if (!early)
-							ms = parseDate(regatta['meldungSchluss']);
-						if (ms >= today) {
-							diff = Math.round((ms - today) / 86400000);
-							red = (diff < 7);
-							if (diff <= 14) {
-								txt = 'noch ' + diff + ' Tag' + (diff != 1 ? 'e' : '');
-							} else if (diff < 35) {
-								diff = Math.floor(diff / 7);
-								txt = 'noch ' + diff + ' Woche' + (diff != 1 ? 'n' : '');
-							} else {
-								diff = Math.floor(diff / 30.5);
-								txt = 'noch ' + diff + ' Monat' + (diff != 1 ? 'e' : '');
-							}
-							buf += ' <i>' + (red ? '<b><font style="color:red;">(' : '(') + txt + (early ? ' verg&uuml;nstigt' : '') + (red ? ')</font></b>' : ')') + '</i>';
-						} else {
-							buf += ' <i>(Meldeschluss abgelaufen)</i>';
-						}
 					}
+					if (planning['gemeldet'] == '0') {
+						color += ' fa-blink';
+					}
+					icons.push('<i class="fas fa-file-signature' + color + '"></i>');
 				}
-				if (regatta['bericht'] != '') {
+				if (regatta['canceled'] == '1') {
-					buf += '<br><a target="_blank" href="' + regatta['bericht'] + '">Bericht</a>';
+					icons.push('<i class="fas fa-times color-red2-dark"></i>');
 				}
-				if (regatta['oresults'] != '') {
+				list += '<div class="color-green2-dark">' + icons.join('&ensp;') + '</div>';
-					buf += '<br><a target="_blank" href="' + regatta['oresults'] + '">off. Ergebnisse</a>';
-				}
-				tbody += '<td>' + buf + '</td>';
 
-				tbody += '<td><span style="white-space:nowrap;">' + parseFloat(regatta['rlf']).toFixed(2) + '</span></td>';
+				list += '</div>';
 
-				tbody += '<td>' + steuermann + '<br>' + crew.join('<br>') + '</td>';
+				// ZEILE 3
+				list += '<div>';
 
-				tbody += '</tr>';
+				// Date
+				list += '<div>' + formatDate("d.m.Y", dateFrom) + ' - ' + formatDate("d.m.Y", dateTo) + '</div>';
+
+				// RLF
+				list += '<div>' + parseFloat(regatta['rlf']).toFixed(2) + '</div>';
+
+				list += '</div></div>';
 			}
-			$('#table-yournext').find('tbody').html(tbody);
+			$('#div-yournext').html(list);
 			$('#p-yournext').hide();
-			$('#table_yournext').show();
+			$('#div-yournext').show();
 		} else {
-			$('#table-yournext').hide();
+			$('#div-yournext').hide();
 			$('#p-yournext').show();
 		}
 		$('#card-yournext').show();
@@ -164,14 +268,23 @@ var siteScript = async function() {
 
 	// Next
 	var minDate = getToday();
-	minDate.setDate(minDate.getDate() - 1);
+	minDate.setDate(minDate.getDate());
 	var maxDate = getToday();
 	maxDate.setDate(maxDate.getDate() + 14);
 	var regattas = await dbGetRegattasRange(minDate, maxDate);
+	i = 0;
+	while (i < regattas.length) {
+		if (regattas[i].length < 1) {
+			regattas.splice(i, 1);
+		} else {
+			i ++;
+		}
+	}
 	if (regattas.length > 0) {
-		tbody = '';
+		list = '';
 		for (i in regattas) {
 			var regatta = regattas[i];
+
 			var club = null;
 			if (regatta['club'] != null)
 				club = await dbGetData('clubs', regatta['club']);
@@ -180,27 +293,53 @@ var siteScript = async function() {
 			var dateTo = regatta['dateTo'];
 
 			// output
-			tbody += '<tr>';
+			list += '<div onclick="onRegattaClicked(' + regatta['id'] + ');">';
 
-			tbody += '<td><span style="white-space:nowrap;">' + formatDate("j. M 'y", dateFrom) + '<br>' + formatDate("j. M 'y", dateTo) + '</span></td>';
+			// ZEILE 1
+			// Name
+			list += '<div><b>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</b></div>';
 
-			var content = '';
+			// ZEILE 2
-			if (club != null) {
+			list += '<div>';
-				content = club['kurz'];
+
-				if (club['website'] != '') {
+			// Number
-					content = '<a href="' + club['website'] + '" target="_blank">' + content + '</a>';
+			list += '<div>' + ((regatta['number'] != null) ? ('# ' + regatta['number']) : '') + '</div>';
+
+			// Club
+			list += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
+
+			// Special
+			if (regatta.special.substr(0, 1) == '#') {
+				regatta.special = '* ' + regatta.special.substr(1);
+			}
+			// replace placeholders
+			var pos;
+			while ((pos = regatta.special.indexOf('$')) >= 0) {
+				var pos2 = regatta.special.indexOf('$', pos + 1);
+				if (pos2 < 0) break;
+				var key = regatta.special.substring(pos + 1, pos2);
+
+				var value = '';
+				// age class
+				if ((key.substr(0, 1) == 'U') && (!isNaN(value = parseInt(key.substr(1))))) {
+					value = 'U-' + value;
+				} else {
+					break;
 				}
-			}
-			tbody += '<td>' + content + '<br>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</td>';
 
-			var buf = '';
+				regatta.special = regatta.special.replace('$' + key + '$', value);
-			if (regatta['info'] != '') {
-				buf += '<a target="_blank" href="' + regatta['info'] + '">Informationen</a>';
 			}
-			if ((regatta['meldung'] != '') && (dateTo >= today)) {
+			list += '<div>' + regatta['special'] + '</div>';
-				buf += '<br><a target="_blank" href="' + regatta['meldung'] + '">Meldung</a>';
+
+			// Icons
+			var icons = [];
+			if (regatta['info'] != '')
+				icons.push('<i class="fas fa-info"></i>');
+			if ((regatta['meldung'] != '') && (dateTo >= today) && (regatta['meldungOffen'] == '1')) {
+				var color = '';
 				var planning = null;
 				if (isLoggedIn()) {
+					var plannings = await dbGetDataIndex('plannings', 'regatta', regatta['id']);
 					for (id in plannings) {
 						if (plannings[id]['user'] == USER_ID) {
 							planning = plannings[id];
@@ -208,56 +347,51 @@ var siteScript = async function() {
 						}
 					}
 				}
-				
+				if (regatta['meldungSchluss'] != null) {
-				if ((planning != null) && (planning['gemeldet'] == "1")) {
+					if ((planning == null) || (planning['gemeldet'] == '0')) {
-					buf += ' <i>(du hast gemeldet)</i>';
+						var ms = 0;
-				} else if (regatta['meldungOffen'] == "0") {
+						if (regatta['meldungEarly'] != null) {
-					buf += ' <i>(geschlossen)</i>';
+							ms = parseDate(regatta['meldungEarly']);
-				} else if (regatta['meldungSchluss'] != null) {
-					early = false;
-					if (regatta['meldungEarly'] != null) {
-						ms = parseDate(regatta['meldungEarly']);
-						if (ms >= today) {
-							early = true;
 						}
-					}
+						if (ms < today) {
-					if (!early)
+							ms = parseDate(regatta['meldungSchluss']);
-						ms = parseDate(regatta['meldungSchluss']);
+						}
-					if (ms >= today) {
+						var diff = Math.round((ms - today) / 86400000);
-						diff = Math.round((ms - today) / 86400000);
+						if (ms < today) {
-						red = (diff < 7);
+							color = ' color-red2-dark';
-						if (diff <= 14) {
+						} else if (diff < 7) {
-							txt = 'noch ' + diff + ' Tag' + (diff != 1 ? 'e' : '');
+							color = ' color-yellow2-dark';
-						} else if (diff < 35) {
-							diff = Math.floor(diff / 7);
-							txt = 'noch ' + diff + ' Woche' + (diff != 1 ? 'n' : '');
-						} else {
-							diff = Math.floor(diff / 30.5);
-							txt = 'noch ' + diff + ' Monat' + (diff != 1 ? 'e' : '');
 						}
-						buf += ' <i>' + (red ? '<b><font style="color:red;">(' : '(') + txt + (early ? ' verg&uuml;nstigt' : '') + (red ? ')</font></b>' : ')') + '</i>';
-					} else {
-						buf += ' <i>(Meldeschluss abgelaufen)</i>';
 					}
 				}
+				if ((planning != null) && (planning['gemeldet'] == '0')) {
+					color += ' fa-blink';
+				}
+				icons.push('<i class="fas fa-file-signature' + color + '"></i>');
 			}
-			if (regatta['bericht'] != '') {
+			if (regatta['canceled'] == '1') {
-				buf += '<br><a target="_blank" href="' + regatta['bericht'] + '">Bericht</a>';
+				icons.push('<i class="fas fa-times color-red2-dark"></i>');
 			}
-			if (regatta['oresults'] != '') {
+			list += '<div class="color-green2-dark">' + icons.join('&ensp;') + '</div>';
-				buf += '<br><a target="_blank" href="' + regatta['oresults'] + '">off. Ergebnisse</a>';
-			}
-			tbody += '<td>' + buf + '</td>';
 
-			tbody += '<td><span style="white-space:nowrap;">' + parseFloat(regatta['rlf']).toFixed(2) + '</span></td>';
+			list += '</div>';
 
-			tbody += '</tr>';
+			// ZEILE 3
+			list += '<div>';
+
+			// Date
+			list += '<div>' + formatDate("d.m.Y", dateFrom) + ' - ' + formatDate("d.m.Y", dateTo) + '</div>';
+
+			// RLF
+			list += '<div>' + parseFloat(regatta['rlf']).toFixed(2) + '</div>';
+
+			list += '</div></div>';
 		}
-		$('#table-next').find('tbody').html(tbody);
+		$('#div-next').html(list);
 		$('#p-next').hide();
-		$('#table-next').show();
+		$('#div-next').show();
 	} else {
-		$('#table-next').hide();
+		$('#div-next').hide();
 		$('#p-next').show();
 	}
 
@@ -267,16 +401,22 @@ var siteScript = async function() {
 	var maxDate = getToday();
 	maxDate.setDate(maxDate.getDate() - 1);
 	var regattas = await dbGetRegattasRange(minDate, maxDate);
-	var regattaResults = [];
+	i = 0;
-	for (id in regattas) {
+	while (i < regattas.length) {
-		var entry = regattas[id];
+		if (regattas[i].length < 1) {
-		var results = await dbGetDataIndex('results', 'regatta', entry['id']);
+			regattas.splice(i, 1);
-		regattaResults[entry['id']] = (results.length > 0);
+		} else {
+			i ++;
+		}
 	}
+	regattas.sort(function(a,b){
+		return b.date.localeCompare(a.date);
+	});
 	if (regattas.length > 0) {
-		tbody = '';
+		list = '';
 		for (i in regattas) {
 			var regatta = regattas[i];
+
 			var club = null;
 			if (regatta['club'] != null)
 				club = await dbGetData('clubs', regatta['club']);
@@ -284,40 +424,76 @@ var siteScript = async function() {
 			var dateTo = regatta['dateTo'];
 
 			// output
-			tbody += '<tr>';
 
-			tbody += '<td><span style="white-space:nowrap;">' + formatDate("j. M 'y", dateFrom) + '<br>' + formatDate("j. M 'y", dateTo) + '</span></td>';
+			list += '<div onclick="onRegattaClicked(' + regatta['id'] + ');">';
 
-			var content = '';
+			// ZEILE 1
-			if (club != null) {
+			// Name
-				content = club['kurz'];
+			list += '<div><b>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</b></div>';
-				if (club['website'] != '') {
+
-					content = '<a href="' + club['website'] + '" target="_blank">' + content + '</a>';
+			// ZEILE 2
-				}
+			list += '<div>';
+
+			// Number
+			list += '<div>' + ((regatta['number'] != null) ? ('# ' + regatta['number']) : '') + '</div>';
+
+			// Club
+			list += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
+
+			// Special
+			if (regatta.special.substr(0, 1) == '#') {
+				regatta.special = '* ' + regatta.special.substr(1);
 			}
-			tbody += '<td>' + content + '<br>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</td>';
+			// replace placeholders
+			var pos;
+			while ((pos = regatta.special.indexOf('$')) >= 0) {
+				var pos2 = regatta.special.indexOf('$', pos + 1);
+				if (pos2 < 0) break;
+				var key = regatta.special.substring(pos + 1, pos2);
 
-			var buf = '';
+				var value = '';
-			if (regatta['canceled'] == "1") {
+				// age class
-				buf = '<i style="color:red;" class="fas fa-times"></i> Ausgefallen</td>';
+				if ((key.substr(0, 1) == 'U') && (!isNaN(value = parseInt(key.substr(1))))) {
-			} else {
+					value = 'U-' + value;
-				if (regattaResults[regatta['id']]) {
-					buf = '<i style="color:green;" class="fas fa-check"></i> <a href="' + LINK_PRE + 'result?regatta=' + regatta['id'] + '">Ergebnisse</a></td>';
 				} else {
-					buf = 'Nicht verf&uuml;gbar';
+					break;
 				}
+
+				regatta.special = regatta.special.replace('$' + key + '$', value);
 			}
-			tbody += '<td>' + buf + '</td>';
+			list += '<div>' + regatta['special'] + '</div>';
 
-			tbody += '<td><span style="white-space:nowrap;">' + parseFloat(regatta['rlf']).toFixed(2) + '</span></td>';
+			// Icons
+			var icons = [];
+			if (regatta['info'] != '')
+				icons.push('<i class="fas fa-info"></i>');
+			if (regatta['bericht'] != '')
+				icons.push('<i class="fas fa-book"></i>');
+			if (regatta['canceled'] == '1') {
+				icons.push('<i class="fas fa-times color-red2-dark"></i>');
+			} else if (regatta['results'] == '1') {
+				icons.push('<i class="fas fa-poll"></i>');
+			}
+			list += '<div class="color-green2-dark">' + icons.join('&ensp;') + '</div>';
 
-			tbody += '</tr>';
+			list += '</div>';
+
+			// ZEILE 3
+			list += '<div>';
+
+			// Date
+			list += '<div>' + formatDate("d.m.Y", dateFrom) + ' - ' + formatDate("d.m.Y", dateTo) + '</div>';
+
+			// RLF
+			list += '<div>' + parseFloat(regatta['rlf']).toFixed(2) + '</div>';
+
+			list += '</div></div>';
 		}
-		$('#table-last').find('tbody').html(tbody);
+		$('#div-last').html(list);
 		$('#p-last').hide();
-		$('#table-last').show();
+		$('#div-last').show();
 	} else {
-		$('#table-last').hide();
+		$('#div-last').hide();
 		$('#p-last').show();
 	}
 

server/scripts/news.js

@@ -0,0 +1,88 @@
+var firstCall = true;
+var rows = [];
+var page = 1;
+var pageCount = 0;
+const showCount = 10;
+
+async function onNewsClicked(id) {
+	var newsEntry = await dbGetData('news', id);
+	if (newsEntry == null) return;
+
+	$('#menu-news').css('height', '80%');
+	$('#menu-news').css('width', '90%');
+	$('#menu-news').find('.menu-title').find('p').text(newsEntry.title);
+	$('#menu-news').find('.content').addClass('pb-3');
+	$('#menu-news').find('.content').html(newsEntry.html);
+
+	$('#menu-news').showMenu();
+}
+
+function pageChange() {
+	$('h1')[0].scrollIntoView({ behavior: "smooth" });
+	drawList();
+}
+
+function addCard(newsEntry) {
+	var badge = '';
+	if (newsEntry.unread) {
+		badge += '<span class="badge bg-highlight color-white p-1">NEW</span>&ensp;';
+	}
+	var content = '<h2>' + badge + newsEntry.title + '</h2>';
+	content += '<p class="mb-2"><i>' + formatDate('d.m.Y', newsEntry.date) + '</i></p>';
+	content += '<p class="mb-0">' + newsEntry.description.replace('\n', '<br>') + '</p>';
+	if (newsEntry.html != '') {
+		content += '<a class="btn btn-full rounded-s text-uppercase font-900 shadow-m bg-highlight mt-3" href="#" onclick="onNewsClicked(' + newsEntry.id + '); return false;">Mehr lesen</a>';
+	}
+
+	$('#news-entries').append(cardTemplate.replace('%ID%', 'card-news-' + newsEntry.id).replace('%CONTENT%', content));
+}
+
+async function drawList() {
+	$('.card-news').remove();
+	if (rows.length > 0) {
+		var offset = (page - 1) * showCount;
+		var count = (page == pageCount ? (rows.length % showCount) : showCount);
+		if (count == 0) count = showCount;
+
+		for (i = 0; i < count; i ++) {
+			addCard(rows[i + offset]);
+		}
+	}
+}
+
+var siteScript = async function() {
+	if (firstCall) {
+		firstCall = false;
+		initPagination();
+	}
+	rows = [];
+	var news = await dbGetData('news');
+	news.sort(function (a,b) {
+		return b.date.localeCompare(a.date);
+	});
+	var newsRead = await dbSettingsGet('news_read_' + BOATCLASS);
+	var now = new Date();
+	var lastYear = new Date();
+	lastYear.setFullYear(lastYear.getFullYear() - 1);
+	for (var n in news) {
+		var newsEntry = news[n];
+		newsEntry.date = parseDbTimestamp(newsEntry.date);
+		if (newsEntry.date > now) continue;
+		if (newsEntry.date < lastYear) break;
+		newsEntry.unread = (newsEntry.date > newsRead);
+		rows.push(newsEntry);
+	}
+	pageCount = Math.ceil(rows.length / showCount);
+	if ((page < 1) || (page > pageCount)) {
+		if (page < 1) {
+			page = 1;
+		} else {
+			page = pageCount;
+		}
+	}
+	drawPagination();
+	drawList();
+	dbSettingsSet('news_read_' + BOATCLASS, now);
+	updateNewsBadge();
+	hideLoader();
+}

server/scripts/onRegattaClicked.js

@@ -0,0 +1,239 @@
+async function onRegattaClicked(id) {
+	var regatta = await dbGetData('regattas', id);
+
+	$('#menu-regatta').find('.menu-title').find('p').text(regatta.name);
+
+	var dateTo = parseDate(regatta['date']);
+	dateTo.setDate(dateTo.getDate() + Math.max(parseInt(regatta['length']) - 1, 0));
+
+	var text = [];
+	var specialFields = await dbGetClassProp('special-fields');
+	if (specialFields === null) specialFields = {};
+	if (regatta.special.substr(0, 1) == '#') {
+		regatta.special = regatta.special.substr(1);
+		if (typeof specialFields[regatta.special] !== 'undefined') {
+			text.push(specialFields[regatta.special]);
+		}
+	}
+	var pos;
+	while ((pos = regatta.special.indexOf('$')) >= 0) {
+		var pos2 = regatta.special.indexOf('$', pos + 1);
+		if (pos2 < 0) break;
+		var key = regatta.special.substring(pos + 1, pos2);
+
+		// age class
+		if ((key.substr(0, 1) == 'U') && (!isNaN(value = parseInt(key.substr(1))))) {
+			var year = parseDate(regatta.date).getFullYear();
+			year = year - value + 1;
+			text.push('Jahrgänge ' + year + ' und jünger');
+		} else {
+			break;
+		}
+
+		regatta.special = regatta.special.replace('$' + key + '$', '');
+	}
+	if (text.length > 0) {
+		text.sort();
+		for (i in text) {
+			text[i] = $('<div />').text(text[i]).html();
+		}
+		$('#menu-item-special').html(text.join('<br>'));
+		$('#menu-item-special').show();
+	} else {
+		$('#menu-item-special').hide();
+	}
+
+	var plannings = await dbGetDataIndex('plannings', 'regatta', regatta['id']);
+	var planning = null;
+	if (isLoggedIn()) {
+		for (id in plannings) {
+			if (plannings[id]['user'] == USER_ID) {
+				planning = plannings[id];
+				break;
+			}
+		}
+	}
+
+	// Your Planning
+	if (planning != null) {
+		$('#menu-item-yourplanning').show();
+		var boat = null;
+		if (planning.boat != null) {
+			boat = (await dbGetData('boats', planning.boat)).sailnumber;
+		}
+		var steuermann = null;
+		if (planning.steuermann != null) {
+			steuermann = (await dbGetData('sailors', planning.steuermann)).name;
+		}
+		var crew = [
+			boat == null ? '[Boot unklar]' : boat,
+			steuermann == null ? '[St.mann unklar]' : steuermann
+		];
+		crewA = planning.crew.split(',');
+		for (i in crewA) {
+			var sailor = await dbGetData('sailors', crewA[i]);
+			if (sailor != null) {
+				crew.push(sailor.name);
+			}
+		}
+		var status = '';
+		if (planning.gemeldet == '1') status = 'gemeldet';
+		if (planning.bezahlt == '1') {
+			if (status != '') status += ' und ';
+			status += 'bezahlt';
+		}
+		if (status != '') crew.push('<font style="font-style:italic;">' + status + '</font>');
+		$('#menu-item-yourplanning').html(crew.join('<br>'));
+	} else {
+		$('#menu-item-yourplanning').hide();
+	}
+
+	// Planning: Edit Status
+	if ((planning != null) && (typeof planningEditStatus === 'function')) {
+		$('#menu-item-status').show();
+		$('#menu-item-status').attr('onclick', 'planningEditStatus(' + regatta['id'] + ')');
+	} else {
+		$('#menu-item-status').hide();
+	}
+
+	// Planning
+	if ((plannings.length > 0) && (dateTo >= today)) {
+		$('#badge-regatta-plannings').text(plannings.length);
+		$('#menu-item-plannings').attr('href', LINK_PRE + 'regatta_plan?regatta=' + regatta['id']);
+		$('#menu-item-plannings').show();
+	} else {
+		$('#menu-item-plannings').hide();
+	}
+
+	// Entrylist
+	var extServiceData;
+	try {
+		extServiceData = JSON.parse(regatta.extServiceData);
+	} catch {
+		extServiceData = {};
+	}
+	if ((regatta.extService !== null) && ('entryCount' in extServiceData)) {
+		$('#badge-regatta-entrylist').text(extServiceData.entryCount);
+		$('#menu-item-entrylist').attr('href', extServiceGetLink(regatta.extService, 'entrylist', extServiceData.eventId, extServiceData.classId)); // TODO
+		$('#menu-item-entrylist').show();
+	} else {
+		$('#menu-item-entrylist').hide();
+	}
+
+	// Results
+	if (regatta['results'] == '1') {
+		$('#menu-item-results').show();
+		$('#menu-item-results').attr('href', LINK_PRE + 'result?regatta=' + regatta['id']);
+	} else {
+		$('#menu-item-results').hide();
+	}
+
+	// Bericht
+	if (regatta['bericht'] != '') {
+		$('#menu-item-bericht').show();
+		$('#menu-item-bericht').attr('href', regatta['bericht']);
+		$('#menu-item-bericht').attr('target', '_blank');
+	} else {
+		$('#menu-item-bericht').hide();
+	}
+
+	// Fakten
+	if ('facts' in regatta && regatta['facts'] != null) {
+		$('#menu-item-facts').show();
+		$('#menu-item-facts').attr('href', LINK_PRE + 'regatta_facts?regatta=' + regatta['id']);
+	} else {
+		$('#menu-item-facts').hide();
+	}
+
+	// Info
+	if (regatta['info'] != '') {
+		$('#menu-item-info').show();
+		$('#menu-item-info').attr('href', regatta['info']);
+		$('#menu-item-info').attr('target', '_blank');
+	} else {
+		$('#menu-item-info').hide();
+	}
+
+	// Meldung
+	if ((regatta['meldung'] != '') && (dateTo >= today)) {
+		$('#menu-item-meldung').show();
+		$('#menu-item-meldung').attr('href', regatta['meldung']);
+		$('#menu-item-meldung').attr('target', '_blank');
+		/*if ((planning != null) && (planning['gemeldet'] == '1')) {
+			$('#badge-regatta-meldung').text('schon gemeldet');
+			$('#badge-regatta-meldung').addClass('bg-green2-dark').removeClass('bg-highlight bg-red2-dark bg-yellow2-dark');
+		} else*/ if (regatta['meldungOffen'] == '0') {
+			$('#badge-regatta-meldung').text('geschlossen');
+			$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
+		} else if (regatta['meldungSchluss'] != null) {
+			var early = false;
+			var ms;
+			if (regatta['meldungEarly'] != null) {
+				ms = parseDate(regatta['meldungEarly']);
+				if (ms >= today) {
+					early = true;
+				}
+			}
+			if (!early)
+				ms = parseDate(regatta['meldungSchluss']);
+			if (ms >= today) {
+				var diff = Math.round((ms - today) / 86400000);
+				var red = (diff < 7);
+				var txt;
+				if (diff <= 14) {
+					txt = diff + ' Tag' + (diff != 1 ? 'e' : '');
+				} else if (diff < 35) {
+					diff = Math.floor(diff / 7);
+					txt = diff + ' Woche' + (diff != 1 ? 'n' : '');
+				} else {
+					diff = Math.floor(diff / 30.5);
+					txt = diff + ' Monat' + (diff != 1 ? 'e' : '');
+				}
+				if (early)
+					txt += ' vergünstigt';
+				$('#badge-regatta-meldung').text(txt);
+				if (red) {
+					if (early) {
+						$('#badge-regatta-meldung').addClass('bg-yellow2-dark').removeClass('bg-highlight bg-green2-dark bg-red2-dark');
+					} else {
+						$('#badge-regatta-meldung').addClass('bg-red2-dark').removeClass('bg-highlight bg-green2-dark bg-yellow2-dark');
+					}
+				} else {
+					$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
+				}
+			} else {
+				$('#badge-regatta-meldung').text('Meldeschluss abgelaufen, Nachmeldung möglich');
+				$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
+			}
+		} else {
+			$('#badge-regatta-meldung').text('');
+		}
+	} else {
+		$('#menu-item-meldung').hide();
+	}
+
+	// off. results
+	if (regatta['oresults'] != '') {
+		$('#menu-item-oresults').show();
+		$('#menu-item-oresults').attr('href', regatta['oresults']);
+		$('#menu-item-oresults').attr('target', '_blank');
+	} else {
+		$('#menu-item-oresults').hide();
+	}
+
+	// club website
+	var clubwebsite = '';
+	if (regatta['club'] != null) {
+		clubwebsite = (await dbGetData('clubs', regatta['club'])).website;
+	}
+	if (clubwebsite != '') {
+		$('#menu-item-clubwebsite').show();
+		$('#menu-item-clubwebsite').attr('href', clubwebsite);
+		$('#menu-item-clubwebsite').attr('target', '_blank');
+	} else {
+		$('#menu-item-clubwebsite').hide();
+	}
+
+	$('#menu-regatta').showMenu();
+	$('#menu-regatta').scrollTop(0);
+}

server/scripts/pagination.js

@@ -0,0 +1,75 @@
+// $$0; - site script for redraw content
+// $$1; - current page
+// $$2; - count of pages
+// $$3; - pagination id
+
+var paginationButtons = [];
+
+function paginationSetActive() {
+	for (i = 1; i <= 7; i ++) {
+		if ($$1; == $('#$$3;-' + i).text()) {
+			$('#$$3;-' + i).addClass('active');
+		} else {
+			$('#$$3;-' + i).removeClass('active');
+		}
+	}
+}
+
+function drawPagination() {
+	if ($$2; > 1) {
+		$('#$$3;').show();
+		paginationButtons[6].text($$2;);
+		if ($$2; <= 7) {
+			for (i = 2; i <= $$2; - 1; i ++) {
+				paginationButtons[i-1].text(i);
+				$('#$$3;-' + i).show();
+			}
+			for (i = $$2;; i < 7; i ++) {
+				$('#$$3;-' + i).hide();
+			}
+		} else if ($$1; <= 4) {
+			for (i = 2; i <= 5; i ++) {
+				paginationButtons[i-1].text(i);
+				$('#$$3;-' + i).show();
+			}
+			paginationButtons[5].text('...');
+			$('#$$3;-6').show();
+		} else if ($$1; > $$2; - 4) {
+			paginationButtons[1].text('...');
+			$('#$$3;-2').show();
+			for (i = 3; i <= 6; i ++) {
+				paginationButtons[i-1].text($$2; + i - 7);
+				$('#$$3;-' + i).show();
+			}
+		} else {
+			paginationButtons[1].text('...');
+			$('#$$3;-2').show();
+			for (i = 3; i <= 5; i ++) {
+				paginationButtons[i-1].text($$1; + i - 4);
+				$('#$$3;-' + i).show();
+			}
+			paginationButtons[5].text('...');
+			$('#$$3;-6').show();
+		}
+		paginationSetActive();
+	} else {
+		$('#$$3;').hide();
+	}
+}
+
+function onPaginationClick(paginationButton) {
+	var newPage = parseInt($(paginationButton).text());
+	if (!isNaN(newPage)) {
+		$$1; = newPage;
+		drawPagination();
+		$$0;();
+	}
+}
+
+function initPagination() {
+	paginationButtons = [];
+	for (i = 1; i <= 7; i ++) {
+		paginationButtons.push($('#$$3;-' + i).find('a'));
+	}
+	drawPagination();
+}

server/scripts/planning.js

@@ -0,0 +1,338 @@
+async function planningSwitchChanged() {
+	showLoader();
+	var id = $('#switch-status-gemeldet').data('regatta');
+	var gemeldet = $('#switch-status-gemeldet').prop('checked');
+	var bezahlt = $('#switch-status-bezahlt').prop('checked');
+	var auth = {
+		id: localStorage.getItem('auth_id'),
+		hash: localStorage.getItem('auth_hash')
+	}
+	$.ajax({
+		url: QUERY_URL + 'planning_set_state',
+		method: 'POST',
+		data: {
+			auth: auth,
+			regatta: id,
+			gemeldet: gemeldet,
+			bezahlt: bezahlt
+		},
+		error: function (xhr, status, error) {
+			if (xhr.status == 401) {
+				log('authentification failed');
+				toastError('Authentifizierung fehlgeschlagen. Versuche es erneut.');
+			} else if (xhr.status == 0) {
+				toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um den Status zu &auml;ndern');
+			} else {
+				log('Login: unbekannter Fehler', status, error);
+				log(xhr);
+				toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+			}
+			$('#menu-status').hideMenu();
+			hideLoader();
+		},
+		success: function (data, status, xhr) {
+			sync();
+			hideLoader();
+		}
+	});
+}
+
+async function planningEditStatus(id) {
+	$('#menu-regatta').hideMenu();
+
+	var regatta = await dbGetData('regattas', id);
+
+	$('#menu-status').find('.menu-title').find('p').text(regatta.name);
+
+	var plannings = await dbGetDataIndex('plannings', 'regatta', regatta['id']);
+	var planning = null;
+	if (isLoggedIn()) {
+		for (i in plannings) {
+			if (plannings[i]['user'] == USER_ID) {
+				planning = plannings[i];
+				break;
+			}
+		}
+	}
+
+	if (planning !== null) {
+		$('#switch-status-gemeldet').data('regatta', id);
+		$('#switch-status-gemeldet').prop('checked', planning.gemeldet == '1');
+		$('#switch-status-bezahlt').prop('checked', planning.bezahlt == '1');
+		$('#menu-status').showMenu();
+	}
+}
+
+function selectChange() {
+	var val = $('#select-year').val();
+
+	if (typeof siteScript === 'function') {
+		history.replaceState(null, '', '?year=' + val);
+		showLoader();
+		siteScript();
+	}
+}
+
+function initYear() {
+	return new Promise(async function (resolve) {
+		var year = findGetParameter('year');
+		if (year === null) year = await dbGetCurrentYear();
+
+		$('#select-year').html('<option value="' + year + '">' + year + '</option>');
+		$('#select-year').val(year);
+
+		resolve();
+	});
+}
+
+var firstCall = true;
+var rows = [];
+var today;
+
+async function drawList () {
+	window.setTimeout(function () {
+		var list = '';
+		rows.forEach(function (entry) {
+			if (entry == null) {
+				list += '<div><div align="center" class="color-highlight"><b>Heute ist der ' + formatDate('d.m.Y', today) + '</b></div></div>';
+			} else if (search($('#input-search').val(), entry.keywords)) {
+				list += entry.content;
+			}
+		});
+		$('#div-regattas').html(list);
+	}, 0);
+}
+
+var siteScript = async function() {
+	if (!isLoggedIn()) {
+		hideLoader();
+		return;
+	}
+
+	if (firstCall) {
+		firstCall = false;
+		await initYear();
+		$('#select-year').change(selectChange);
+		$('#input-search').on('input', drawList);
+		$('#switch-status-gemeldet').parent().parent().click(planningSwitchChanged);
+		$('#switch-status-bezahlt').parent().parent().click(planningSwitchChanged);
+	}
+
+	var selectedYear = $('#select-year').val();
+
+	$('#a-share-planning').attr('href', LINK_PRE + 'planning_view?user=' + USER_ID + '&year=' + selectedYear);
+	$('#a-edit-planning').attr('href', LINK_PRE + 'planning_edit?year=' + selectedYear);
+	$('#a-list-plannings').attr('href', LINK_PRE + 'planning_list?year=' + selectedYear);
+
+	today = getToday();
+
+	var minDate = parseDate(selectedYear + '-01-01');
+	var maxDate = parseDate(selectedYear + '-12-31');
+	var regattas = await dbGetRegattasRange(minDate, maxDate);
+	var plannings = await dbGetDataIndex('plannings', 'user', USER_ID);
+	for (var i = regattas.length - 1; i >= 0; i --) {
+		var entry = regattas[i];
+		var okay = false;
+		for (p in plannings) {
+			if (plannings[p].regatta == entry.id) {
+				regattas[i].planning = plannings[p];
+				okay = true;
+				break;
+			}
+		}
+		if (!okay) {
+			regattas.splice(i, 1);
+		}
+	}
+
+	var years = await dbGetData('years');
+	years.sort(function (a, b) {
+		if (a['year'] > b['year']) return -1;
+		if (a['year'] < b['year']) return 1;
+		return 0;
+	});
+	var options = '';
+	for (id in years) {
+		var year = years[id]['year'];
+		options += '<option value="' + year + '">' + year + '</option>';
+	}
+	$('#select-year').html(options);
+	$('#select-year').val(selectedYear);
+
+	var count = regattas.length;
+	if (count > 0) {
+		if (count == 1) {
+			$('#p-count').html('Es wurde 1 Regatta gefunden!');
+		} else {
+			$('#p-count').html('Es wurden ' + count + ' Regatten gefunden!');
+		}
+		$('#div-regattas').show();
+		$('#input-search').parent().show();
+
+		var heute = false;
+
+		rows = [];
+
+		for (id in regattas) {
+			var entry = regattas[id];
+			var club = null;
+			if (entry['club'] != null)
+				club = await dbGetData('clubs', entry['club']);
+			if (entry.planning.boat !== null) {
+				entry.planning.boat = (await dbGetData('boats', entry.planning.boat)).sailnumber;
+			}
+			if (entry.planning.steuermann !== null) {
+				entry.planning.steuermann = (await dbGetData('sailors', entry.planning.steuermann)).name;
+			}
+			var crewString = entry.planning.crew.split(',');
+			entry.planning.crew = [];
+			for (c in crewString) {
+				var sailor = await dbGetData('sailors', crewString[c]);
+				if (sailor !== null) {
+					entry.planning.crew.push(sailor.name);
+				}
+			}
+
+			var dateFrom = entry['dateFrom'];
+			var dateTo = entry['dateTo'];
+
+			var row = { keywords: [], content: '' };
+			row.keywords.push(entry['name']);
+			if (entry['number'] != null) row.keywords.push(entry['number']);
+			if (club != null) row.keywords.push(club['kurz'], club['name']);
+			if (entry.planning.boat != null) row.keywords.push(entry.planning.boat);
+			if (entry.planning.steuermann != null) row.keywords.push(entry.planning.steuermann);
+			for (c in entry.planning.crew) row.keywords.push(entry.planning.crew[c]);
+
+			if (!heute && (today <= dateFrom)) {
+				rows.push(null);
+				heute = true;
+			}
+
+			row.content += '<div onclick="onRegattaClicked(' + entry['id'] + ');">';
+
+			// ZEILE 1
+			// Name
+			row.content += '<div><b>' + (entry['canceled'] == 1 ? '<s>' : '') + entry['name'] + (entry['canceled'] == 1 ? '</s>' : '') + '</b></div>';
+
+			// ZEILE 2
+			row.content += '<div>';
+
+			// Number
+			row.content += '<div>' + ((entry['number'] != null) ? ('# ' + entry['number']) : '') + '</div>';
+
+			// Club
+			row.content += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
+
+			// Special
+			if (entry.special.substr(0, 1) == '#') {
+				entry.special = '* ' + entry.special.substr(1);
+			}
+			// replace placeholders
+			var pos;
+			while ((pos = entry.special.indexOf('$')) >= 0) {
+				var pos2 = entry.special.indexOf('$', pos + 1);
+				if (pos2 < 0) break;
+				var key = entry.special.substring(pos + 1, pos2);
+
+				var value = '';
+				// age class
+				if ((key.substr(0, 1) == 'U') && (!isNaN(value = parseInt(key.substr(1))))) {
+					value = 'U-' + value;
+				} else {
+					break;
+				}
+
+				entry.special = entry.special.replace('$' + key + '$', value);
+			}
+			row.content += '<div>' + entry['special'] + '</div>';
+
+			// Icons
+			var icons = [];
+			if ((entry['meldung'] != '') && (dateTo >= today) && (entry['meldungOffen'] == '1') && (entry.planning.gemeldet != '1')) {
+				var color = '';
+				var planning = null;
+				if (isLoggedIn()) {
+					var plannings = await dbGetDataIndex('plannings', 'regatta', entry['id']);
+					for (id in plannings) {
+						if (plannings[id]['user'] == USER_ID) {
+							planning = plannings[id];
+							break;
+						}
+					}
+				}
+				if (entry['meldungSchluss'] != null) {
+					if ((planning == null) || (planning['gemeldet'] == '0')) {
+						var ms = 0;
+						if (entry['meldungEarly'] != null) {
+							ms = parseDate(entry['meldungEarly']);
+						}
+						if (ms < today) {
+							ms = parseDate(entry['meldungSchluss']);
+						}
+						var diff = Math.round((ms - today) / 86400000);
+						if (ms < today) {
+							color = ' color-red2-dark';
+						} else if (diff < 7) {
+							color = ' color-yellow2-dark';
+						}
+					}
+				}
+				if ((planning != null) && (planning['gemeldet'] == '0')) {
+					color += ' fa-blink';
+				}
+				icons.push('<i class="fas fa-file-signature' + color + '"></i>');
+			}
+			if (entry['bericht'] != '')
+				icons.push('<i class="fas fa-book"></i>');
+			if (entry['canceled'] == '1') {
+				icons.push('<i class="fas fa-times color-red2-dark"></i>');
+			} else if (entry['results'] == '1') {
+				icons.push('<i class="fas fa-poll"></i>');
+			}
+			if (entry.planning.gemeldet == '1') {
+				icons.push('<i class="fas fa-file-signature color-highlight"></i>');
+			}
+			if (entry.planning.bezahlt == '1') {
+				icons.push('<i class="fas fa-euro-sign color-highlight"></i>');
+			}
+			row.content += '<div class="color-green2-dark">' + icons.join('&ensp;') + '</div>';
+
+			row.content += '</div>';
+
+			// ZEILE 3
+			row.content += '<div>';
+
+			// Date
+			if (entry['length'] < 1) {
+				if (formatDate('d.m', dateFrom) == '01.01') {
+					row.content += '<div><font class="color-red2-dark">Datum noch unklar</font></div>';
+				} else {
+					row.content += '<div>' + formatDate("d.m.Y", dateFrom) + ' - <font class="color-red2-dark">Datum nicht final</font></div>';
+				}
+			} else {
+				row.content += '<div>' + formatDate("d.m.Y", dateFrom) + ' - ' + formatDate("d.m.Y", dateTo) + '</div>';
+			}
+
+			// RLF
+			row.content += '<div>' + parseFloat(entry['rlf']).toFixed(2) + '</div>';
+
+			row.content += '</div></div>';
+
+			rows.push(row);
+		}
+
+		if (!heute) {
+			rows.push(null);
+		}
+
+		drawList();
+
+	} else {
+		$('#p-count').html('Du hast noch keine Regatten in Deiner Saison-Planung!');
+		$('#div-regattas').hide();
+		$('#input-search').parent().hide();
+	}
+
+	hideLoader();
+}

server/scripts/planning_edit.js

@@ -0,0 +1,638 @@
+async function planningSwitchChanged() {
+	showLoader();
+	var id = $('#switch-planning-include').data('regatta');
+	var include = $('#switch-planning-include').prop('checked');
+	var auth = {
+		id: localStorage.getItem('auth_id'),
+		hash: localStorage.getItem('auth_hash')
+	}
+	if (include) {
+		// add to planning
+		$.ajax({
+			url: QUERY_URL + 'planning_add',
+			method: 'POST',
+			data: {
+				auth: auth,
+				regatta: id
+			},
+			error: function (xhr, status, error) {
+				if (xhr.status == 401) {
+					log('authentification failed');
+					toastError('Authentifizierung fehlgeschlagen. Versuche es erneut.');
+				} else if (xhr.status == 0) {
+					toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um die &Auml;nderungen zu speichern');
+				} else {
+					log('planning_add: unbekannter Fehler', status, error);
+					log(xhr);
+					toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+				}
+				$('#menu-edit').hideMenu();
+				hideLoader();
+			},
+			success: async function (data, status, xhr) {
+				await sync();
+				planningEdit(id);
+				hideLoader();
+			}
+		});
+	} else {
+		// remove from planning
+		$.ajax({
+			url: QUERY_URL + 'planning_remove',
+			method: 'POST',
+			data: {
+				auth: auth,
+				regatta: id
+			},
+			error: function (xhr, status, error) {
+				if (xhr.status == 401) {
+					log('authentification failed');
+					toastError('Authentifizierung fehlgeschlagen. Versuche es erneut.');
+				} else if (xhr.status == 0) {
+					toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um die &Auml;nderungen zu speichern');
+				} else {
+					log('planning_remove: unbekannter Fehler', status, error);
+					log(xhr);
+					toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+				}
+				$('#menu-edit').hideMenu();
+				hideLoader();
+			},
+			success: async function (data, status, xhr) {
+				await sync();
+				planningEdit(id);
+				hideLoader();
+			}
+		});
+	}
+}
+
+var sailorIsSteuermann;
+var sailors = [];
+var knownIds = [];
+var known = [];
+
+async function sailorSelected(sid) {
+	$('#menu-sailor').hideMenu();
+	showLoader();
+	var rid = $('#switch-planning-include').data('regatta');
+	var action = (sailorIsSteuermann ? 'planning_set_steuermann' : 'planning_add_crew');
+	// add sailor
+	var auth = {
+		id: localStorage.getItem('auth_id'),
+		hash: localStorage.getItem('auth_hash')
+	}
+	$.ajax({
+		url: QUERY_URL + action,
+		method: 'POST',
+		data: {
+			auth: auth,
+			regatta: rid,
+			sailor: sid
+		},
+		error: function (xhr, status, error) {
+			if (xhr.status == 401) {
+				log('authentification failed');
+				toastError('Authentifizierung fehlgeschlagen. Versuche es erneut.');
+			} else if (xhr.status == 0) {
+				toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um die &Auml;nderungen zu speichern');
+			} else {
+				log(action + ': unbekannter Fehler', status, error);
+				log(xhr);
+				toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+			}
+			hideLoader();
+		},
+		success: async function (data, status, xhr) {
+			await sync();
+			if ((sid === null) || (sid in knownIds)) {
+				planningEdit(rid);
+				hideLoader();
+			} else {
+				location.reload();
+			}
+		}
+	});
+}
+
+async function sailorsSearch() {
+	$('.item-sailor-search').remove();
+	if (sailorIsSteuermann) {
+		var item = '<a class="item-sailor-search" onclick="sailorSelected(null)">';
+		item += '<span style="font-style:italic;">noch unklar</span>';
+		item += '<i class="fa fa-angle-right"></i>';
+		item += '</a>';
+		$('#menu-sailor').find('.content').find('.list-group').append(item);
+	}
+	if ($('#input-edit-search').val().length == 0) {
+		known.forEach(function (entry) {
+			$('#menu-sailor').find('.content').find('.list-group').append(entry);
+		});
+	}
+	if ($('#input-edit-search').val().length >= 3) {
+		sailors.forEach(function (entry) {
+			if (search($('#input-edit-search').val(), entry.keywords)) {
+				$('#menu-sailor').find('.content').find('.list-group').append(entry.content);
+			}
+		});
+	} else {
+		var item = '<p class="item-sailor-search">Zum Suchen mindestens 3 Zeichen eingeben</p>';
+		$('#menu-sailor').find('.content').find('.list-group').append(item);
+	}
+}
+
+async function planningChangeCrew(sid = null) {
+	if (sid !== null) {
+		showLoader();
+		var rid = $('#switch-planning-include').data('regatta');
+		// remove sailor
+		var auth = {
+			id: localStorage.getItem('auth_id'),
+			hash: localStorage.getItem('auth_hash')
+		}
+		$.ajax({
+			url: QUERY_URL + 'planning_remove_crew',
+			method: 'POST',
+			data: {
+				auth: auth,
+				regatta: rid,
+				sailor: sid
+			},
+			error: function (xhr, status, error) {
+				if (xhr.status == 401) {
+					log('authentification failed');
+					toastError('Authentifizierung fehlgeschlagen. Versuche es erneut.');
+				} else if (xhr.status == 0) {
+					toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um die &Auml;nderungen zu speichern');
+				} else {
+					log('planning_remove_crew: unbekannter Fehler', status, error);
+					log(xhr);
+					toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+				}
+				$('#menu-edit').hideMenu();
+				hideLoader();
+			},
+			success: async function (data, status, xhr) {
+				await sync();
+				planningEdit(rid);
+				hideLoader();
+			}
+		});
+	} else {
+		sailorIsSteuermann = false;
+		$('#input-edit-search').val('').trigger('focusin').trigger('focusout');
+		sailorsSearch();
+		$('#menu-edit').hideMenu();
+		$('#menu-sailor').find('.menu-title').find('h1').text('Crew hinzufügen');
+		$('#menu-sailor').showMenu();
+		$('#input-edit-search').focus();
+	}
+}
+
+async function planningChangeSteuermann() {
+	sailorIsSteuermann = true;
+	$('#input-edit-search').val('').trigger('focusin').trigger('focusout');
+	sailorsSearch();
+	$('#menu-edit').hideMenu();
+	$('#menu-sailor').find('.menu-title').find('h1').text('Steuermann/-frau bearbeiten');
+	$('#menu-sailor').showMenu();
+	$('#input-edit-search').focus();
+}
+
+var boats = [];
+var boatKnownIds = [];
+var boatKnown = [];
+
+async function boatSelected(bid) {
+	$('#menu-boat').hideMenu();
+	showLoader();
+	var rid = $('#switch-planning-include').data('regatta');
+	var action = 'planning_set_boat';
+	// add boat
+	var auth = {
+		id: localStorage.getItem('auth_id'),
+		hash: localStorage.getItem('auth_hash')
+	}
+	$.ajax({
+		url: QUERY_URL + action,
+		method: 'POST',
+		data: {
+			auth: auth,
+			regatta: rid,
+			boat: bid
+		},
+		error: function (xhr, status, error) {
+			if (xhr.status == 401) {
+				log('authentification failed');
+				toastError('Authentifizierung fehlgeschlagen. Versuche es erneut.');
+			} else if (xhr.status == 0) {
+				toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um die &Auml;nderungen zu speichern');
+			} else {
+				log(action + ': unbekannter Fehler', status, error);
+				log(xhr);
+				toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+			}
+			hideLoader();
+		},
+		success: async function (data, status, xhr) {
+			await sync();
+			if ((bid === null) || (bid in boatKnownIds)) {
+				planningEdit(rid);
+				hideLoader();
+			} else {
+				location.reload();
+			}
+		}
+	});
+}
+
+async function boatsSearch() {
+	$('.item-boat-search').remove();
+	var item = '<a class="item-boat-search" onclick="boatSelected(null)">';
+	item += '<span style="font-style:italic;">noch unklar</span>';
+	item += '<i class="fa fa-angle-right"></i>';
+	item += '</a>';
+	$('#menu-boat').find('.content').find('.list-group').append(item);
+	if ($('#input-edit-boat-search').val().length == 0) {
+		boatKnown.forEach(function (entry) {
+			$('#menu-boat').find('.content').find('.list-group').append(entry);
+		});
+	}
+	if ($('#input-edit-boat-search').val().length >= 3) {
+		boats.forEach(function (entry) {
+			if (search($('#input-edit-boat-search').val(), entry.keywords)) {
+				$('#menu-boat').find('.content').find('.list-group').append(entry.content);
+			}
+		});
+	} else {
+		var item = '<p class="item-boat-search">Zum Suchen mindestens 3 Zeichen eingeben</p>';
+		$('#menu-boat').find('.content').find('.list-group').append(item);
+	}
+}
+
+async function planningChangeBoat() {
+	$('#input-edit-boat-search').val('').trigger('focusin').trigger('focusout');
+	boatsSearch();
+	$('#menu-edit').hideMenu();
+	$('#menu-boat').find('.menu-title').find('h1').text('Boot bearbeiten');
+	$('#menu-boat').showMenu();
+	$('#input-edit-boat-search').focus();
+}
+
+async function initBoatsSailors() {
+	boats = [];
+	sailors = [];
+	boatKnown = [];
+	known = [];
+	var plannings = await dbGetDataIndex('plannings', 'user', USER_ID);
+	boatKnownIds = {};
+	knownIds = {};
+	for (var p in plannings) {
+		p = plannings[p];
+		if (p.boat !== null) boatKnownIds[p.boat] = true;
+		if (p.steuermann !== null) knownIds[p.steuermann] = true;
+		var crew = p.crew.split(',');
+		for (var c in crew) {
+			c = crew[c];
+			if (c != '') knownIds[c] = true;
+		}
+	}
+	var dbBoats = await dbGetData('boats');
+	dbBoats.sort(function(a,b){
+		return a.sailnumber.localeCompare(b.sailnumber);
+	});
+	for (var b in dbBoats) {
+		var item = '<a class="item-boat-search" onclick="boatSelected(' + dbBoats[b].id + ')">';
+		item += '<span>' + dbBoats[b].sailnumber + ' - ' + dbBoats[b].name + '</span>';
+		item += '<i class="fa fa-angle-right"></i>';
+		item += '</a>';
+		boats.push({
+			keywords: [dbBoats[b].sailnumber, dbBoats[b].name],
+			content: item
+		});
+		if (dbBoats[b].id in boatKnownIds) boatKnown.push(item);
+	}
+	var dbSailors = await dbGetData('sailors');
+	dbSailors.sort(function(a,b){
+		return a.name.localeCompare(b.name);
+	});
+	for (var s in dbSailors) {
+		var item = '<a class="item-sailor-search" onclick="sailorSelected(' + dbSailors[s].id + ')">';
+		item += '<span>' + dbSailors[s].name + '</span>';
+		item += '<i class="fa fa-angle-right"></i>';
+		item += '</a>';
+		sailors.push({
+			keywords: [dbSailors[s].name],
+			content: item
+		});
+		if (dbSailors[s].id in knownIds) known.push(item);
+	}
+}
+
+async function planningEdit(id) {
+	var regatta = await dbGetData('regattas', id);
+
+	$('#menu-edit').find('.menu-title').find('p').text(regatta.name);
+
+	var plannings = await dbGetDataIndex('plannings', 'regatta', regatta['id']);
+	var planning = null;
+	if (isLoggedIn()) {
+		for (i in plannings) {
+			if (plannings[i]['user'] == USER_ID) {
+				planning = plannings[i];
+				break;
+			}
+		}
+	}
+
+	$('#switch-planning-include').data('regatta', id);
+	if (planning !== null) {
+		$('#switch-planning-include').prop('checked', true);
+		$('#item-boat').show();
+		$('#item-steuermann').show();
+		if (planning.boat !== null) {
+			$('#item-boat').find('span').text('Boot: ' + (await dbGetData('boats', planning.boat)).sailnumber);
+		} else {
+			$('#item-boat').find('span').html('Boot: <font style="font-style:italic;">noch unklar</font>');
+		}
+		if (planning.steuermann !== null) {
+			$('#item-steuermann').find('span').text('Am Steuer: ' + (await dbGetData('sailors', planning.steuermann)).name);
+		} else {
+			$('#item-steuermann').find('span').html('Am Steuer: <font style="font-style:italic;">noch unklar</font>');
+		}
+		$('.item-crew').remove();
+		var crew = planning.crew.split(',');
+		for (c in crew) {
+			var sailor = await dbGetData('sailors', crew[c]);
+			if (sailor !== null) {
+				var item = '<a class="item-crew" onclick="planningChangeCrew(' + sailor.id + ')">';
+				item += '<span>' + sailor.name + '</span>';
+				item += '<i class="fa fa-times"></i>';
+				item += '</a>';
+				$('#menu-edit').find('.content').find('.list-group').append(item);
+			}
+		}
+		var item = '<a class="item-crew" onclick="planningChangeCrew()">';
+		item += '<span style="font-style:italic;">Weiteren Segler hinzuf&uuml;gen</span>';
+		item += '<i class="fa fa-angle-right"></i>';
+		item += '</a>';
+		$('#menu-edit').find('.content').find('.list-group').append(item);
+	} else {
+		$('#switch-planning-include').prop('checked', false);
+		$('#item-boat').hide();
+		$('#item-steuermann').hide();
+		$('.item-crew').remove();
+	}
+	$('#menu-edit').showMenu();
+}
+
+function selectChange() {
+	var val = $('#select-year').val();
+
+	if (typeof siteScript === 'function') {
+		history.replaceState(null, '', '?year=' + val);
+		showLoader();
+		siteScript();
+	}
+}
+
+function initYear() {
+	return new Promise(async function (resolve) {
+		var year = findGetParameter('year');
+		if (year === null) year = await dbGetCurrentYear();
+
+		$('#select-year').html('<option value="' + year + '">' + year + '</option>');
+		$('#select-year').val(year);
+
+		resolve();
+	});
+}
+
+var firstCall = true;
+var rows = [];
+var today;
+
+async function drawList () {
+	window.setTimeout(function () {
+		var list = '';
+		rows.forEach(function (entry) {
+			if (entry == null) {
+				list += '<div><div align="center" class="color-highlight"><b>Heute ist der ' + formatDate('d.m.Y', today) + '</b></div></div>';
+			} else if (search($('#input-search').val(), entry.keywords)) {
+				list += entry.content;
+			}
+		});
+		$('#div-regattas').html(list);
+	}, 0);
+}
+
+var siteScript = async function() {
+	if (!isLoggedIn()) {
+		location.href = LINK_PRE + 'planning';
+		return;
+	}
+
+	if (firstCall) {
+		firstCall = false;
+		await initYear();
+		$('#select-year').change(selectChange);
+		$('#input-search').on('input', drawList);
+		$('#switch-planning-include').parent().parent().click(planningSwitchChanged);
+		$('#item-boat').click(planningChangeBoat);
+		$('#item-steuermann').click(planningChangeSteuermann);
+		$('#input-edit-search').on('input', sailorsSearch);
+		$('#input-edit-boat-search').on('input', boatsSearch);
+		initBoatsSailors();
+	}
+
+	today = getToday();
+
+	var selectedYear = $('#select-year').val();
+	var minDate = parseDate(selectedYear + '-01-01');
+	var maxDate = parseDate(selectedYear + '-12-31');
+	var regattas = await dbGetRegattasRange(minDate, maxDate);
+	var plannings = await dbGetDataIndex('plannings', 'user', USER_ID);
+	for (var i = regattas.length - 1; i >= 0; i --) {
+		var entry = regattas[i];
+		var okay = false;
+		for (p in plannings) {
+			if (plannings[p].regatta == entry.id) {
+				regattas[i].planning = plannings[p];
+				okay = true;
+				break;
+			}
+		}
+		if (!okay) {
+			regattas[i].planning = null;
+		}
+	}
+
+	var years = await dbGetData('years');
+	years.sort(function (a, b) {
+		if (a['year'] > b['year']) return -1;
+		if (a['year'] < b['year']) return 1;
+		return 0;
+	});
+	var options = '';
+	for (id in years) {
+		var year = years[id]['year'];
+		options += '<option value="' + year + '">' + year + '</option>';
+	}
+	$('#select-year').html(options);
+	$('#select-year').val(selectedYear);
+
+	var count = regattas.length;
+	if (count > 0) {
+		if (count == 1) {
+			$('#p-count').html('Es wurde 1 Regatta gefunden!');
+		} else {
+			$('#p-count').html('Es wurden ' + count + ' Regatten gefunden!');
+		}
+		$('#div-regattas').show();
+		$('#input-search').parent().show();
+
+		var heute = false;
+
+		rows = [];
+
+		for (id in regattas) {
+			var entry = regattas[id];
+			var club = null;
+			if (entry['club'] != null)
+				club = await dbGetData('clubs', entry['club']);
+			if (entry.planning !== null) {
+				if (entry.planning.boat !== null) {
+					entry.planning.boat = (await dbGetData('boats', entry.planning.boat)).sailnumber;
+				}
+				if (entry.planning.steuermann !== null) {
+					entry.planning.steuermann = (await dbGetData('sailors', entry.planning.steuermann)).name;
+				}
+				var crewString = entry.planning.crew.split(',');
+				entry.planning.crew = [];
+				for (c in crewString) {
+					var sailor = await dbGetData('sailors', crewString[c]);
+					if (sailor !== null) {
+						entry.planning.crew.push(sailor.name);
+					}
+				}
+			}
+
+			var dateFrom = entry['dateFrom'];
+			var dateTo = entry['dateTo'];
+
+			var row = { keywords: [], content: '' };
+			row.keywords.push(entry['name']);
+			if (entry['number'] != null) row.keywords.push(entry['number']);
+			if (club != null) row.keywords.push(club['kurz'], club['name']);
+
+			if (!heute && (today <= dateFrom)) {
+				rows.push(null);
+				heute = true;
+			}
+
+			if (entry.planning !== null) {
+				row.content += '<div onclick="planningEdit(' + entry['id'] + ');">';
+			} else {
+				row.content += '<div onclick="planningEdit(' + entry['id'] + ');" style="opacity:0.5;">';
+			}
+
+			// ZEILE 1
+			// Name
+			row.content += '<div><b>' + (entry['canceled'] == 1 ? '<s>' : '') + entry['name'] + (entry['canceled'] == 1 ? '</s>' : '') + '</b></div>';
+
+			// ZEILE 2
+			row.content += '<div>';
+
+			// Number
+			row.content += '<div>' + ((entry['number'] != null) ? ('# ' + entry['number']) : '') + '</div>';
+
+			// Special
+			if (entry.special.substr(0, 1) == '#') {
+				entry.special = '* ' + entry.special.substr(1);
+			}
+			// replace placeholders
+			var pos;
+			while ((pos = entry.special.indexOf('$')) >= 0) {
+				var pos2 = entry.special.indexOf('$', pos + 1);
+				if (pos2 < 0) break;
+				var key = entry.special.substring(pos + 1, pos2);
+
+				var value = '';
+				// age class
+				if ((key.substr(0, 1) == 'U') && (!isNaN(value = parseInt(key.substr(1))))) {
+					value = 'U-' + value;
+				} else {
+					break;
+				}
+
+				entry.special = entry.special.replace('$' + key + '$', value);
+			}
+			row.content += '<div>' + entry['special'] + '</div>';
+
+			// Club
+			row.content += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
+
+			row.content += '</div>';
+
+			// ZEILE 3
+			row.content += '<div>';
+
+			// Date
+			if (entry['length'] < 1) {
+				if (formatDate('d.m', dateFrom) == '01.01') {
+					row.content += '<div><font class="color-red2-dark">Datum noch unklar</font></div>';
+				} else {
+					row.content += '<div>' + formatDate("d.m.Y", dateFrom) + ' - <font class="color-red2-dark">Datum nicht final</font></div>';
+				}
+			} else {
+				row.content += '<div>' + formatDate("d.m.Y", dateFrom) + ' - ' + formatDate("d.m.Y", dateTo) + '</div>';
+			}
+
+			// RLF
+			row.content += '<div>' + parseFloat(entry['rlf']).toFixed(2) + '</div>';
+
+			row.content += '</div>';
+
+			if (entry.planning !== null) {
+				// ZEILE 4
+				row.content += '<div></div>';
+
+				// ZEILE 5
+				row.content += '<div>';
+				row.content += '<div>' + (entry.planning.boat !== null ? entry.planning.boat : '<i>Boot unklar</i>') + '</div>';
+				row.content += '</div>';
+
+				// ZEILE 6
+				row.content += '<div>';
+				row.content += '<div>' + (entry.planning.steuermann !== null ? entry.planning.steuermann : '<i>St.mann unklar</i>') + '</div>';
+				row.content += '</div>';
+
+				// ZEILE 7...
+				for (var i in entry.planning.crew) {
+					row.content += '<div>';
+					row.content += '<div>' + entry.planning.crew[i] + '</div>';
+					row.content += '</div>';
+				}
+			} else {
+				row.content += '<div>Du planst nicht, hierhin zu fahren</div>';
+			}
+
+			row.content += '</div>';
+
+			rows.push(row);
+		}
+
+		if (!heute) {
+			rows.push(null);
+		}
+
+		drawList();
+
+	} else {
+		$('#p-count').html('Keine Regatten gefunden!');
+		$('#div-regattas').hide();
+		$('#input-search').parent().hide();
+	}
+
+	hideLoader();
+}

server/scripts/planning_list.js

@@ -0,0 +1,151 @@
+async function onUserClicked(id) {
+	var user = await dbGetData('users', id);
+	if (user !== null) {
+		location.href = LINK_PRE + 'planning_view?user=' + user.id + '&year=' + $('#select-year').val();
+	}
+}
+
+function selectChange() {
+	var val = $('#select-year').val();
+
+	if (typeof siteScript === 'function') {
+		history.replaceState(null, '', '?year=' + val);
+		showLoader();
+		siteScript();
+	}
+}
+
+function initYear() {
+	return new Promise(async function (resolve) {
+		var year = findGetParameter('year');
+		if (year === null) year = await dbGetCurrentYear();
+
+		$('#select-year').html('<option value="' + year + '">' + year + '</option>');
+		$('#select-year').val(year);
+
+		resolve();
+	});
+}
+
+var firstCall = true;
+var rows = [];
+var today;
+
+async function drawList () {
+	window.setTimeout(function () {
+		var list = '';
+		rows.forEach(function (entry) {
+			if (search($('#input-search').val(), entry.keywords)) {
+				list += entry.content;
+			}
+		});
+		$('#div-users').html(list);
+	}, 0);
+}
+
+var siteScript = async function() {
+	if (!isLoggedIn()) {
+		hideLoader();
+		return;
+	}
+
+	if (firstCall) {
+		firstCall = false;
+		await initYear();
+		$('#select-year').change(selectChange);
+		$('#input-search').on('input', drawList);
+	}
+
+	var selectedYear = $('#select-year').val();
+	var minDate = parseDate(selectedYear + '-01-01');
+	var maxDate = parseDate(selectedYear + '-12-31');
+	var regattas = await dbGetRegattasRange(minDate, maxDate);
+	var plannings = {};
+	for (var i in regattas) {
+		var entry = regattas[i];
+		var planning = await dbGetDataIndex('plannings', 'regatta', entry.id);
+		for (p in planning) {
+			if (!(planning[p].user in plannings)) {
+				plannings[planning[p].user] = {
+					user: await dbGetData('users', planning[p].user),
+					regattas: [],
+					sailors: {}
+				};
+			}
+			plannings[planning[p].user].regattas.push(entry);
+			var sailor = null;
+			if (planning[p].steuermann !== null) sailor = await dbGetData('sailors', planning[p].steuermann);
+			if (sailor !== null) {
+				if (!(sailor.id in plannings[planning[p].user].sailors)) plannings[planning[p].user].sailors[sailor.id] = sailor.name;
+			}
+			var crew = planning[p].crew.split(',');
+			for (i in crew) {
+				sailor = await dbGetData('sailors', crew[i]);
+				if (sailor !== null) {
+					if (!(sailor.id in plannings[planning[p].user].sailors)) plannings[planning[p].user].sailors[sailor.id] = sailor.name;
+				}
+			}
+		}
+	}
+	plannings = Object.values(plannings);
+	plannings.sort(function(a,b){
+		return a.user.username.localeCompare(b.user.username);
+	});
+
+	var years = await dbGetData('years');
+	years.sort(function (a, b) {
+		if (a['year'] > b['year']) return -1;
+		if (a['year'] < b['year']) return 1;
+		return 0;
+	});
+	var options = '';
+	for (id in years) {
+		var year = years[id]['year'];
+		options += '<option value="' + year + '">' + year + '</option>';
+	}
+	$('#select-year').html(options);
+	$('#select-year').val(selectedYear);
+
+	var count = plannings.length;
+	if (count > 0) {
+		$('#input-search').parent().show();
+
+		rows = [];
+
+		for (id in plannings) {
+			var entry = plannings[id];
+
+			var row = { keywords: [], content: '' };
+			row.keywords.push(entry.user.username);
+			for (i in entry.sailors) {
+				row.keywords.push(entry.sailors[i]);
+			}
+
+			row.content += '<div onclick="onUserClicked(' + entry.user.id + ');">';
+
+			// ZEILE 1
+			row.content += '<div></div>';
+
+			// ZEILE 2
+			row.content += '<div>';
+
+			// Name
+			row.content += '<div>' + entry.user.username + '</div>';
+
+			// Count of regattas
+			row.content += '<div>' + entry.regattas.length + ' Regatten</div>';
+
+			row.content += '</div></div>';
+
+			rows.push(row);
+		}
+
+		drawList();
+
+	} else {
+		$('#div-users').html('Es hat noch niemand eine Saison-Planung erstellt');
+		$('#input-search').parent().hide();
+	}
+
+	hideLoader();
+}

server/scripts/planning_view.js

@@ -0,0 +1,255 @@
+var userid;
+
+function selectChange() {
+	var val = $('#select-year').val();
+
+	if (typeof siteScript === 'function') {
+		history.replaceState(null, '', '?user=' + userid + '&year=' + val);
+		showLoader();
+		siteScript();
+	}
+}
+
+function initYear() {
+	return new Promise(async function (resolve) {
+		var year = findGetParameter('year');
+		if (year === null) year = await dbGetCurrentYear();
+
+		$('#select-year').html('<option value="' + year + '">' + year + '</option>');
+		$('#select-year').val(year);
+
+		resolve();
+	});
+}
+
+var firstCall = true;
+var rows = [];
+var today;
+
+async function drawList () {
+	window.setTimeout(function () {
+		var list = '';
+		rows.forEach(function (entry) {
+			if (entry == null) {
+				list += '<div><div align="center" class="color-highlight"><b>Heute ist der ' + formatDate('d.m.Y', today) + '</b></div></div>';
+			} else if (search($('#input-search').val(), entry.keywords)) {
+				list += entry.content;
+			}
+		});
+		$('#div-regattas').html(list);
+	}, 0);
+}
+
+var siteScript = async function() {
+	userid = findGetParameter('user');
+	var user = null;
+	if (userid !== null) {
+		user = await dbGetData('users', userid);
+	}
+	if (user === null) {
+		location.href = LINK_PRE + 'planning_list';
+		return;
+	}
+
+	$('#p-username').text(user.username);
+
+	if (isLoggedIn() && (userid == USER_ID)) {
+		$('#button-share').show();
+		$('#button-share').click(function(){
+			$('#menu-share').showMenu();
+		});
+	} else {
+		$('#button-share').hide();
+	}
+
+	if (firstCall) {
+		firstCall = false;
+		await initYear();
+		$('#select-year').change(selectChange);
+		$('#input-search').on('input', drawList);
+	}
+
+	today = getToday();
+
+	var selectedYear = $('#select-year').val();
+	var minDate = parseDate(selectedYear + '-01-01');
+	var maxDate = parseDate(selectedYear + '-12-31');
+	var regattas = await dbGetRegattasRange(minDate, maxDate);
+	var plannings = await dbGetDataIndex('plannings', 'user', user.id);
+	for (var i = regattas.length - 1; i >= 0; i --) {
+		var entry = regattas[i];
+		var okay = false;
+		for (p in plannings) {
+			if (plannings[p].regatta == entry.id) {
+				regattas[i].planning = plannings[p];
+				okay = true;
+				break;
+			}
+		}
+		if (!okay) {
+			regattas.splice(i, 1);
+		}
+	}
+
+	var years = await dbGetData('years');
+	years.sort(function (a, b) {
+		if (a['year'] > b['year']) return -1;
+		if (a['year'] < b['year']) return 1;
+		return 0;
+	});
+	var options = '';
+	for (id in years) {
+		var year = years[id]['year'];
+		options += '<option value="' + year + '">' + year + '</option>';
+	}
+	$('#select-year').html(options);
+	$('#select-year').val(selectedYear);
+
+	var count = regattas.length;
+	if (count > 0) {
+		if (count == 1) {
+			$('#p-count').html('Es wurde 1 Regatta gefunden!');
+		} else {
+			$('#p-count').html('Es wurden ' + count + ' Regatten gefunden!');
+		}
+		$('#div-regattas').show();
+		$('#input-search').parent().show();
+
+		var heute = false;
+
+		rows = [];
+
+		for (id in regattas) {
+			var entry = regattas[id];
+			var club = null;
+			if (entry['club'] != null)
+				club = await dbGetData('clubs', entry['club']);
+			if (entry.planning.boat !== null) {
+				entry.planning.boat = (await dbGetData('boats', entry.planning.boat)).sailnumber;
+			}
+			if (entry.planning.steuermann !== null) {
+				entry.planning.steuermann = (await dbGetData('sailors', entry.planning.steuermann)).name;
+			}
+			var crewString = entry.planning.crew.split(',');
+			entry.planning.crew = [];
+			for (c in crewString) {
+				var sailor = await dbGetData('sailors', crewString[c]);
+				if (sailor !== null) {
+					entry.planning.crew.push(sailor.name);
+				}
+			}
+
+			var dateFrom = entry['dateFrom'];
+			var dateTo = entry['dateTo'];
+
+			var row = { keywords: [], content: '' };
+			row.keywords.push(entry['name']);
+			if (entry['number'] != null) row.keywords.push(entry['number']);
+			if (club != null) row.keywords.push(club['kurz'], club['name']);
+			if (entry.planning.boat != null) row.keywords.push(entry.planning.boat);
+			if (entry.planning.steuermann != null) row.keywords.push(entry.planning.steuermann);
+			for (c in entry.planning.crew) row.keywords.push(entry.planning.crew[c]);
+
+			if (!heute && (today <= dateFrom)) {
+				rows.push(null);
+				heute = true;
+			}
+
+			row.content += '<div onclick="onRegattaClicked(' + entry['id'] + ');">';
+
+			// ZEILE 1
+			// Name
+			row.content += '<div><b>' + (entry['canceled'] == 1 ? '<s>' : '') + entry['name'] + (entry['canceled'] == 1 ? '</s>' : '') + '</b></div>';
+
+			// ZEILE 2
+			row.content += '<div>';
+
+			// Number
+			row.content += '<div>' + ((entry['number'] != null) ? ('# ' + entry['number']) : '') + '</div>';
+
+			// Special
+			if (entry.special.substr(0, 1) == '#') {
+				entry.special = '* ' + entry.special.substr(1);
+			}
+			// replace placeholders
+			var pos;
+			while ((pos = entry.special.indexOf('$')) >= 0) {
+				var pos2 = entry.special.indexOf('$', pos + 1);
+				if (pos2 < 0) break;
+				var key = entry.special.substring(pos + 1, pos2);
+
+				var value = '';
+				// age class
+				if ((key.substr(0, 1) == 'U') && (!isNaN(value = parseInt(key.substr(1))))) {
+					value = 'U-' + value;
+				} else {
+					break;
+				}
+
+				entry.special = entry.special.replace('$' + key + '$', value);
+			}
+			row.content += '<div>' + entry['special'] + '</div>';
+
+			// Club
+			row.content += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
+
+			row.content += '</div>';
+
+			// ZEILE 3
+			row.content += '<div>';
+
+			// Date
+			if (entry['length'] < 1) {
+				if (formatDate('d.m', dateFrom) == '01.01') {
+					row.content += '<div><font class="color-red2-dark">Datum noch unklar</font></div>';
+				} else {
+					row.content += '<div>' + formatDate("d.m.Y", dateFrom) + ' - <font class="color-red2-dark">Datum nicht final</font></div>';
+				}
+			} else {
+				row.content += '<div>' + formatDate("d.m.Y", dateFrom) + ' - ' + formatDate("d.m.Y", dateTo) + '</div>';
+			}
+
+			// RLF
+			row.content += '<div>' + parseFloat(entry['rlf']).toFixed(2) + '</div>';
+
+			row.content += '</div>';
+
+			// ZEILE 4
+			row.content += '<div></div>';
+
+			// ZEILE 5
+			row.content += '<div>';
+			row.content += '<div>' + (entry.planning.boat !== null ? entry.planning.boat : '<i>Boot unklar</i>') + '</div>';
+			row.content += '</div>';
+
+			// ZEILE 6
+			row.content += '<div>';
+			row.content += '<div>' + (entry.planning.steuermann !== null ? entry.planning.steuermann : '<i>St.mann unklar</i>') + '</div>';
+			row.content += '</div>';
+
+			// ZEILE 7...
+			for (var i in entry.planning.crew) {
+				row.content += '<div>';
+				row.content += '<div>' + entry.planning.crew[i] + '</div>';
+				row.content += '</div>';
+			}
+
+			row.content += '</div>';
+
+			rows.push(row);
+		}
+
+		if (!heute) {
+			rows.push(null);
+		}
+
+		drawList();
+
+	} else {
+		$('#p-count').html(user.username + ' hat noch keine Regatten in seiner/ihrer Saison-Planung!');
+		$('#div-regattas').hide();
+		$('#input-search').parent().hide();
+	}
+
+	hideLoader();
+}

server/scripts/rank.js

@@ -0,0 +1,503 @@
+function onDetailClicked(regatta) {
+	location.href = LINK_PRE + 'result?regatta=' + regatta;
+}
+
+async function onRankingClicked(id) {
+	var sailor = null;
+	for (var i in ranking) {
+		if (ranking[i].id == id) {
+			sailor = ranking[i];
+			break;
+		}
+	}
+	if (sailor == null) return;
+
+	$('#menu-rank').find('.menu-title').find('p').text(sailor.name);
+	if (lastRanking != null) {
+		var lastRank;
+		if (sailor.id in lastRanking) {
+			lastRank = lastRanking[sailor.id] + '.';
+		} else {
+			lastRank = 'nicht in der Rangliste';
+		}
+		$('#menu-item-text').text('Vorheriges Jahr: ' + lastRank);
+		$('#menu-item-text').show();
+	} else {
+		$('#menu-item-text').hide();
+	}
+
+	list = '';
+	for (var i in sailor.regattas) {
+		var entry = sailor.regattas[i];
+		var regatta = entry.regatta;
+		var boat = await dbGetData('boats', entry.boat);
+
+		var dateFrom = parseDate(regatta.date);
+		var dateTo = parseDate(regatta.date);
+		dateTo.setDate(dateTo.getDate() + Math.max(parseInt(regatta.length) - 1, 0));
+
+		list += '<div onclick="onDetailClicked(' + regatta.id + ')">';
+
+		// ZEILE 1
+		list += '<div><b>' + regatta.name + '</b></div>';
+
+		// ZEILE 2
+		list += '<div>';
+
+		// DATE
+		list += '<div>' + formatDate('d.m.Y', dateFrom) + ' - ' + formatDate('d.m.Y', dateTo) + '</div>';
+
+		// m
+		list += '<div>m: ' + entry.m + '</div>';
+
+		// rlf
+		list += '<div>RLF: ' + parseFloat(regatta.rlf).toFixed(2) + '</div>';
+
+		list += '</div>';
+
+		// ZEILE 3
+		list += '<div>';
+
+		// Place
+		list += '<div>Platz ' + entry.place + ' / ' + entry.fb + '</div>';
+
+		// rlp
+		var color;
+		if (entry.used == 0) { color = 'color-red2-dark'; }
+		else if (entry.used == entry.m) { color = 'color-green2-dark'; }
+		else { color = 'color-yellow2-dark'; }
+		list += '<div>Punkte: ' + entry.used + ' x <b class="' + color + '">' + parseFloat(entry.rlp).toFixed(2) + '</b></div>';
+
+		list += '</div>';
+
+		// ZEILE 4
+		list += '<div>';
+
+		// Sailnumber
+		list += '<div>' + boat.sailnumber + '</div>';
+
+		// Boatname
+		list += '<div>' + boat.name + '</div>';
+
+		list += '</div>';
+
+		// ZEILE 5...
+		var crew = entry.crew.split(',');
+		crew.unshift(entry.helm);
+		for (var c in crew) {
+			var cr = await dbGetData('sailors', crew[c]);
+			if (cr != null) {
+				list += '<div>';
+
+				// Name
+				list += '<div>' + cr.name + '</div>';
+
+				// Year
+				list += '<div>' + ((cr.year != null) ? ('(' + cr.year + ')') : '') + '</div>';
+
+				list += '</div>';
+			}
+		}
+
+		list += '</div>';
+	}
+	$('#div-details').html(list);
+
+	$('#menu-rank').showMenu();
+	$('#menu-rank').scrollTop(0);
+}
+
+var rankings;
+
+function selectChange(callSiteScript = true) {
+	return new Promise(async function (resolve) {
+		var year = $('#select-year').val();
+		if (year == "user") {
+			$('#select-type').parent().hide();
+			$('#input-from').trigger('focusin').trigger('focusout').parent().show();
+			$('#input-to').trigger('focusin').trigger('focusout').parent().show();
+			$('#input-altm').trigger('focusin').trigger('focusout').parent().show();
+			$('#input-maxage').trigger('focusin').trigger('focusout').parent().show();
+			$('#input-agestrict').parent().show();
+			$('#input-agecrew').parent().show();
+			$('#button-show').show();
+			$('#card-special-ranks').hide();
+		} else {
+			year = parseInt(year);
+			var type = $('#select-type').val();
+			console.log('[rank] selected', year, type);
+			$('#select-type').parent().show();
+			$('#input-from').parent().hide();
+			$('#input-to').parent().hide();
+			$('#input-altm').parent().hide();
+			$('#input-maxage').parent().hide();
+			$('#input-agestrict').parent().hide();
+			$('#input-agecrew').parent().hide();
+			$('#button-show').hide();
+			$('#card-special-ranks').hide(); // first hide, show only when there are special ranks
+
+			var rankingsShow = {};
+			var options = '';
+			for (var i in rankings) {
+				if (rankings[i].year_from !== null && rankings[i].year_from > year) continue;
+				if (rankings[i].year_to !== null && rankings[i].year_to < year) continue;
+				var alias = rankings[i].alias;
+				options += '<option value="' + alias + '">' + rankings[i].name + '</option>';
+				rankingsShow[alias] = rankings[i];
+			}
+			$('#select-type').html(options);
+			if (!(type in rankingsShow)) {
+				console.log('[rank] selected type', type, 'not found for year', year, '. Using `year`');
+				type = 'year';
+			}
+			$('#select-type').val(type).trigger('focusin').trigger('focusout');
+
+			// special ranks
+			getJSON(QUERY_URL + 'get_special_rankings', function (code, data) {
+				if (code == 200) {
+					var specialRanks = [];
+					for (var i in data.data) {
+						var sr = data.data[i];
+						if (sr.to < (year + '-01-01')) continue;
+						if (sr.to > (year + '-12-31')) continue;
+						specialRanks.push(sr);
+					}
+					if (specialRanks.length > 0) {
+						var btns = '';
+						for (var i in specialRanks) {
+							var sr = specialRanks[i];
+							var link = 'https://ranglisten.net/frame.php?class=' + BOATCLASS + '&site=special_rank&rank_id=' + sr.id;
+							var name = sr.title;
+							var cssclass = i > 0 ? ' mt-3' : '';
+							btns += '<a class="btn btn-full rounded-s text-uppercase font-900 shadow-m bg-highlight' + cssclass + '" href="' + link + '">' + name + '</a>';
+						}
+						$('#card-special-ranks').find('.content').html(btns);
+						$('#card-special-ranks').show();
+					}
+				} else {
+					log("[rank] special_ranks: Something went wrong (HTTP " + code + ")");
+				}
+			});
+
+			var from, to, altm, maxage, agestrict, agecrew;
+			altm = 9; maxage = false; agestrict = false; agecrew = false;
+			var r = rankingsShow[type];
+			console.log('[rank] type', type, '=>', r);
+			if (r.max_age !== null) {
+				maxage = r.max_age;
+				agestrict = r.age_strict == 1;
+				agecrew = r.age_crew == 1;
+			}
+			if (r.alt_m !== null) {
+				altm = r.alt_m;
+			}
+			switch (r.type) {
+				case 'year':
+					from = (year - 1) + '-12-01';
+					to = year + '-11-30';
+					break;
+				case 'year2':
+					from = year + '-01-01';
+					to = year + '-12-31';
+					break;
+				case 'quali':
+					// TODO: auslagern in function getRegattaBegin
+					var beginn = null;
+					var regattas = await dbGetData('regattas');
+					regattas.sort(function(a,b){ return b.date.localeCompare(a.date); });
+					for (var ri in regattas) {
+						var regatta = regattas[ri];
+						var date = parseDate(regatta.date);
+						if ((date < parseDate('01.01.' + year)) || (date > parseDate('31.12.' + year))) {
+							continue;
+						}
+						if (regatta.name.toLowerCase().indexOf(r.quali_search.toLowerCase()) >= 0) {
+							console.log('FOUND', regatta);
+							beginn = ((regatta.meldungSchluss != null) ? parseDate(regatta.meldungSchluss) : date);
+							break;
+						}
+					}
+					// END OF TODO
+					if (beginn !== null) {
+						from = new Date(beginn);
+						from.setFullYear(from.getFullYear() - 1);
+						from.setDate(from.getDate() - 13);
+						from = formatDate('Y-m-d', from);
+						to = new Date(beginn);
+						to.setDate(to.getDate() - 14);
+						to = formatDate('Y-m-d', to);
+					} else {
+						console.log('[rank] no regatta found');
+						from = year + '-12-31'; // reverse => no regattas will be found => no ranking
+						to = year + '-01-01';
+						break; // TODO: bessere Fehlermeldung - keine Regatta gefunden
+					}
+					break;
+				default: // TODO: bessere Fehlermeldung - tritt nur bei Fehlkonfiguration in DB auf
+					from = (year - 1) + '-12-01';
+					to = year + '-11-30';
+					break;
+			}
+
+			var personMode = $('#select-personmode').val();
+
+			console.log('[rank] setting', from, to, altm, maxage, agestrict, agecrew);
+			$('#input-from').val(from);
+			$('#input-to').val(to);
+			$('#input-altm').val(altm);
+			$('#input-maxage').val(maxage == false ? '' : maxage);
+			$('#input-agestrict').prop('checked', agestrict);
+			$('#input-agecrew').prop('checked', agecrew);
+
+			if (callSiteScript && (typeof siteScript === 'function')) {
+				history.replaceState(null, '', '?year=' + year + '&type=' + type + '&pm=' + personMode);
+				showLoader();
+				siteScript();
+			}
+		}
+		resolve();
+	});
+}
+
+function buttonShowPressed() {
+	if (typeof siteScript === 'function') {
+		var additional = '';
+		if ($('#input-maxage').val() != '') additional += '&maxage=' + $('#input-maxage').val();
+		if ($('#input-agestrict').prop('checked')) additional += '&agestrict=on';
+		if ($('#input-agecrew').prop('checked')) additional += '&agecrew=on';
+		history.replaceState(null, '', '?year=user&from=' + $('#input-from').val() + "&to=" + $('#input-to').val() + "&altm=" + $('#input-altm').val() + "&pm=" + $('#select-personmode').val() + additional)
+		showLoader();
+		siteScript();
+	}
+}
+
+function initSelects() {
+	return new Promise(async function(resolve) {
+		var year = findGetParameter('year');
+		var type = findGetParameter('type');
+		var personMode = parseInt(findGetParameter('pm'));
+		if (year === null) year = new Date().getFullYear();
+		if (type === null) type = 'year';
+		if (isNaN(personMode) || personMode < 0 || personMode > 2) personMode = 0;
+
+		var years = await dbGetData('years');
+		years.sort(function (a, b) {
+			if (a['year'] > b['year']) return -1;
+			if (a['year'] < b['year']) return 1;
+			return 0;
+		});
+		var yearFound = year == 'user';
+		var options = '<option value="user">Benutzerdefiniert</option>';
+		for (id in years) {
+			var y = years[id]['year'];
+			options += '<option value="' + y + '">' + y + '</option>';
+			if (year == y) yearFound = true;
+		}
+		$('#select-year').html(options);
+		$('#select-year').val(yearFound ? year : years[0]);
+
+		$('#select-type').html('<option value="' + type + '">' + type + '</option>');
+		$('#select-type').val(type);
+
+		if (year == "user") {
+			var from = findGetParameter('from');
+			var to = findGetParameter('to');
+			if (from === null) from = formatDate('Y-m-d');
+			if (to === null) to = formatDate('Y-m-d');
+			$('#input-from').val(from).trigger('focusin').trigger('focusout');
+			$('#input-to').val(to).trigger('focusin').trigger('focusout');
+			var altm = findGetParameter('altm');
+			if (altm === null) altm = 9;
+			$('#input-altm').val(altm).trigger('focusin').trigger('focusout');
+			var maxage = findGetParameter('maxage');
+			if (maxage === null) maxage = '';
+			$('#input-maxage').val(maxage).trigger('focusin').trigger('focusout');
+			var agestrict = findGetParameter('agestrict');
+			var agecrew = findGetParameter('agecrew');
+			$('#input-agestrict').prop('checked', agestrict !== null);
+			$('#input-agecrew').prop('checked', agecrew !== null);
+		}
+
+		options = '<option value="0">Steuerleuten</option>';
+		options += '<option value="1">Vorschotern</option>';
+		options += '<option value="2">allen Seglern</option>';
+		$('#select-personmode').html(options);
+		$('#select-personmode').val(personMode);
+
+		await selectChange(false);
+
+		resolve();
+	});
+}
+
+var firstCall = true;
+var rows = [];
+var ranking;
+var lastRanking;
+
+async function drawList () {
+	window.setTimeout(function () {
+		var list = '';
+		rows.forEach(function (entry) {
+			if (entry == null) {
+				var altm = $('#input-altm').val(); if (altm == '') altm = 9; else altm = parseInt(altm);
+				if (altm == 9) {
+					list += '<div><div align="center" class="color-highlight" style="white-space:normal;"><b>Ende der Rangliste gem&auml;&szlig; DSV-Ranglistenverordnung (min. m = 9 Wertungen)</b></div></div>';
+				} else {
+					list += '<div><div align="center" class="color-highlight" style="white-space:normal;"><b>Ende der Rangliste (min. m = ' + altm + ' Wertungen)</b></div></div>';
+				}
+			} else if (search($('#input-search').val(), entry.keywords)) {
+				list += entry.content;
+			}
+		});
+		$('#div-rank').html(list);
+	}, 0);
+}
+
+var siteScript = async function() {
+	if (firstCall) {
+		firstCall = false;
+		rankings = await dbGetData('rankings');
+		await initSelects();
+		$('#select-year').change(selectChange);
+		$('#select-type').change(selectChange);
+		$('#select-personmode').change(selectChange);
+		$('#button-show').click(buttonShowPressed);
+		$('#input-search').on('input', drawList);
+	}
+
+	var minDate = parseDate($('#input-from').val());
+	var maxDate = parseDate($('#input-to').val());
+	var altm = $('#input-altm').val(); if (altm == '') altm = 9; else altm = parseInt(altm);
+	var maxage = $('#input-maxage').val(); if (maxage == '') maxage = false; else maxage = parseInt(maxage);
+	var agestrict = $('#input-agestrict').prop('checked');
+	var agecrew = $('#input-agecrew').prop('checked');
+	var personMode = $('#select-personmode').val();
+	console.log('[rank] rank params:', minDate, maxDate, altm, maxage, agestrict, agecrew, personMode);
+	var dbRanking = await dbGetRanking(minDate, maxDate, maxage, agestrict, altm, agecrew, personMode);
+	ranking = dbRanking[0];
+
+	lastRanking = null; // TODO: also for quali ranks
+	if (($('#select-type').val() == 'year') || ($('#select-type').val() == 'youth')) {
+		lastRanking = {};
+		var lYear = parseInt($('#select-year').val()) - 1;
+		var lMinDate = parseDate((lYear - 1) + '-12-01');
+		var lMaxDate = parseDate(lYear + '-11-30');
+		var lDbRanking = (await dbGetRanking(lMinDate, lMaxDate, maxage, agestrict, altm, agecrew, personMode))[0];
+		for (var i in lDbRanking) {
+			lastRanking[lDbRanking[i].id] = lDbRanking[i].rank;
+		}
+	}
+	if ($('#select-type').val() == 'year2') {
+		lastRanking = {};
+		var lYear = parseInt($('#select-year').val()) - 1;
+		var lMinDate = parseDate(lYear + '-01-01');
+		var lMaxDate = parseDate(lYear + '-12-31');
+		var lDbRanking = (await dbGetRanking(lMinDate, lMaxDate, maxage, agestrict, altm, agecrew, personMode))[0];
+		for (var i in lDbRanking) {
+			lastRanking[lDbRanking[i].id] = lDbRanking[i].rank;
+		}
+	}
+
+	var selectedYear = $('#select-year').val();
+
+	if (dbRanking[1].length > 0) {
+		$('#card-noresults').show();
+		list = '';
+		for (id in dbRanking[1]) {
+			list += '<li>';
+			list += dbRanking[1][id].name;
+			list += '</li>';
+		}
+		$('#ul-noresults').html(list);
+	} else {
+		$('#card-noresults').hide();
+	}
+
+	var count = ranking.length;
+	if (count > 0) {
+		$('#input-search').parent().show();
+
+		var dsvEnd = false;
+
+		rows = [];
+
+		for (id in ranking) {
+			var entry = ranking[id];
+
+			for (var i in entry.regattas) {
+				entry.regattas[i].regatta = await dbGetData('regattas', entry.regattas[i].regatta);
+			}
+			entry.regattas = Object.values(entry.regattas);
+			entry.regattas.sort(function (a,b) {
+				return a.regatta.date.localeCompare(b.regatta.date);
+			});
+
+			var club = null;
+			if (entry['club'] != null)
+				club = await dbGetData('clubs', entry['club']);
+
+			var row = { keywords: [], content: '' };
+			row.keywords.push(entry['name']);
+			if (entry['year'] != null) row.keywords.push(entry['year']);
+			if (club != null) row.keywords.push(club['kurz'], club['name']);
+
+			if (!dsvEnd && (entry.m < altm)) {
+				rows.push(null);
+				dsvEnd = true;
+			}
+
+			row.content += '<div onclick="onRankingClicked(' + entry['id'] + ');">';
+
+			// ZEILE 1
+			row.content += '<div>';
+
+			// Rank
+			var icon = '';
+			if (lastRanking != null) {
+				if (entry.id in lastRanking) {
+					if (entry.rank < lastRanking[entry.id]) { icon = 'color-green2-dark fa-caret-up'; }
+					else if (entry.rank > lastRanking[entry.id]) { icon = 'color-red2-dark fa-caret-down'; }
+					else { icon = 'color-yellow2-dark fa-minus'; }
+				} else {
+					icon = 'color-green2-dark fa-caret-up';
+				}
+				icon = '<i class="font-16 fas ' + icon + '" style="width: 1.1em; text-align: center;"></i> ';
+			}
+			row.content += '<div>' + icon + '<b>' + entry.rank + '.</b></div>';
+
+			// m
+			row.content += '<div>m = ' + entry.m + '</div>';
+
+			// rlp
+			row.content += '<div>' + entry.rlp.toFixed(3) + '</div>';
+
+			row.content += '</div>';
+
+			// ZEILE 2
+			row.content += '<div>';
+
+			// Name
+			row.content += '<div><b>' + entry.name + '</b></div>';
+
+			// Year
+			row.content += '<div>' + ((entry.year != null) ? ('(' + entry.year + ')') : '') + '</div>';
+
+			row.content += '</div></div>';
+
+			rows.push(row);
+		}
+
+		if (!dsvEnd) {
+			rows.push(null);
+		}
+
+		drawList();
+
+	} else {
+		$('#div-rank').html('Keine Ergebnisse gefunden!');
+		$('#input-search').parent().hide();
+	}
+
+	hideLoader();
+}

server/scripts/regatta_facts.js

@@ -0,0 +1,258 @@
+var siteScript = async function() {
+	$('#card-nofactsinfo').hide();
+	$('#card-entryfee').hide();
+	$('#card-races').hide();
+	$('#card-races').find('p').remove();
+	$('#card-races').find('table').remove();
+	$('#card-times').hide();
+	$('#card-camping').hide();
+	$('#card-food').hide();
+	$('#card-text').hide();
+
+	var regattaId = findGetParameter('regatta');
+	if (regattaId == null) {
+		$('#h1-title').text('Regatta nicht gefunden');
+		hideLoader();
+		return;
+	}
+	var regatta = await dbGetData('regattas', regattaId);
+	if (regatta == null) {
+		$('#h1-title').text('Regatta nicht gefunden');
+		hideLoader();
+		return;
+	}
+	var dateFrom = parseDate(regatta['date']);
+	var dateTo = parseDate(regatta['date']);
+	dateTo.setDate(dateTo.getDate() + Math.max(parseInt(regatta['length']) - 1, 0));
+
+	$('#h1-title').text(regatta.name);
+	if (regatta.length < 1) {
+		if (formatDate('d.m', dateFrom) == '01.01') {
+			$('#p-title').html('<font class="color-red2-dark">Datum noch unklar</font>');
+		} else {
+			$('#p-title').html(formatDate('d.m.Y', dateFrom) + ' - <font class="color-red2-dark">Datum nicht final</font>');
+		}
+	} else {
+		$('#p-title').html(formatDate('d.m.Y', dateFrom) + ' - ' + formatDate('d.m.Y', dateTo));
+	}
+
+	if (regatta.facts != null) {
+		var facts = JSON.parse(regatta.facts);
+
+		// Meldegeld
+		if ('entry' in facts && 'price' in facts.entry) {
+			$('#card-entryfee').show();
+			var content = 'Meldegeld: <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(facts.entry.price)) + '</b>';
+			if ('early' in facts.entry) {
+				content += '<br />vergünstigt: <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(facts.entry.early)) + '</b> (bis ' + formatDate('d.m.Y', parseDate(regatta.meldungEarly)) + ')';
+			}
+			if ('late' in facts.entry) {
+				content += '<br />nach Meldeschluss (' + formatDate('d.m.Y', parseDate(regatta.meldungSchluss)) + '): <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(facts.entry.late)) + '</b>';
+			}
+			$('#card-entryfee').find('p').html(content);
+		}
+
+		// Wettfahrten / Anzahl
+		if ('races' in facts && 'cnt' in facts.races) {
+			$('#card-races').show();
+			$('#card-races').find('.content').append('<p>Anzahl Wettfahrten: <b>' + facts.races.cnt + '</b></p>');
+			if ('days' in facts.races) {
+				var table = $('<table class="table table-striped table-bordered text-nowrap">');
+				var tbody = $('<tbody>');
+				for (var day in facts.races.days) {
+					var cnt = facts.races.days[day];
+					day = formatDate('D, j.', parseDate(day));
+					tbody.append('<tr><td>' + day + '</td><td><b>' + cnt + '</b></td></tr>')
+				}
+				table.append(tbody);
+				$('#card-races').find('.content').append(table);
+			}
+		}
+
+		// Wettfahrten / Racetimes
+		if ('racetimes' in facts) {
+			$('#card-races').show();
+			var table = $('<table class="table table-striped table-bordered mb-0 text-nowrap">');
+			var tbody = $('<tbody>');
+			if ('sollzeit' in facts.racetimes) {
+				tbody.append('<tr><td>Sollzeit</td><td>' + facts.racetimes.sollzeit + ' min</td></tr>');
+			}
+			if ('zeitlimit' in facts.racetimes) {
+				tbody.append('<tr><td>Zeitlimit</td><td>' + facts.racetimes.zeitlimit + ' min</td></tr>');
+			}
+			if ('zielzeitfenster' in facts.racetimes) {
+				tbody.append('<tr><td>Zielzeitfenster</td><td>' + facts.racetimes.zielzeitfenster + ' min</td></tr>');
+			}
+			table.append(tbody);
+			$('#card-races').find('.content').append(table);
+		}
+
+		// Zeitplan
+		if ('times' in facts) {
+			$('#card-times').show();
+			var tbody = $('#card-times').find('table').find('tbody');
+			tbody.html('');
+			if ('checkin' in facts.times) {
+				tbody.append('<tr><td colspan="2" style="text-align: center; font-weight: bold;">Registrierung</td></tr>');
+				for (var day in facts.times.checkin) {
+					var times = facts.times.checkin[day];
+					day = formatDate('D, j.', parseDate(day));
+					var content = '';
+					if ('from' in times && 'to' in times) content = times.from + ' bis ' + times.to; // TODO:
+					else if ('from' in times) content = 'ab ' + times.from;
+					else if ('to' in times) content = 'bis ' + times.to;
+					tbody.append('<tr><td>' + day + '</td><td>' + content + '</td></tr>')
+				}
+			}
+			if ('measurements' in facts.times) {
+				tbody.append('<tr><td colspan="2" style="text-align: center; font-weight: bold;">Vermessung</td></tr>');
+				for (var day in facts.times.measurements) {
+					var times = facts.times.measurements[day];
+					day = formatDate('D, j.', parseDate(day));
+					var content = '';
+					if ('from' in times && 'to' in times) content = times.from + ' bis ' + times.to; // TODO:
+					else if ('from' in times) content = 'ab ' + times.from;
+					else if ('to' in times) content = 'bis ' + times.to;
+					tbody.append('<tr><td>' + day + '</td><td>' + content + '</td></tr>')
+				}
+			}
+			if ('helmmeeting' in facts.times) {
+				tbody.append('<tr><td colspan="2" style="text-align: center; font-weight: bold;">Steuerleutebesprechung</td></tr>');
+				for (var day in facts.times.helmmeeting) {
+					var time = facts.times.helmmeeting[day];
+					day = formatDate('D, j.', parseDate(day));
+					tbody.append('<tr><td>' + day + '</td><td>' + time + '</td></tr>')
+				}
+			}
+			if ('firststart' in facts.times) {
+				tbody.append('<tr><td colspan="2" style="text-align: center; font-weight: bold;">Erster Start</td></tr>');
+				for (var day in facts.times.firststart) {
+					var time = facts.times.firststart[day];
+					day = formatDate('D, j.', parseDate(day));
+					tbody.append('<tr><td>' + day + '</td><td>' + time + '</td></tr>')
+				}
+			}
+			if ('laststart' in facts.times) {
+				tbody.append('<tr><td colspan="2" style="text-align: center; font-weight: bold;">Letzter Start</td></tr>');
+				for (var day in facts.times.laststart) {
+					var time = facts.times.laststart[day];
+					day = formatDate('D, j.', parseDate(day));
+					tbody.append('<tr><td>' + day + '</td><td>' + time + '</td></tr>')
+				}
+			}
+		}
+
+		// Camping
+		if ('camping' in facts) {
+			$('#card-camping').show();
+			$('#card-camping').find('p').remove();
+			if ('tent' in facts.camping) {
+				var content = '';
+				if ('price' in facts.camping.tent && facts.camping.tent.price > 0) {
+					content += 'Zelten möglich für <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(facts.camping.tent.price)) + '</b>';
+				}
+				else if ('pricepernight' in facts.camping.tent) {
+					content += 'Zelten möglich für <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(facts.camping.tent.pricepernight)) + ' pro Nacht</b>';
+				}
+				else {
+					content += 'Zelten möglich und im Preis enthalten';
+				}
+				if ('electricity' in facts.camping.tent) {
+					content += '<br />';
+					if (facts.camping.tent.electricity > 0) {
+						content += 'Strom: <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(facts.camping.tent.electricity)) + '</b>';
+					}
+					else {
+						content += 'Strom inklusive';
+					}
+				}
+				$('#card-camping').find('.content').append('<p>' + content + '</p>');
+			}
+			if ('van' in facts.camping) {
+				var content = '';
+				if ('price' in facts.camping.van && facts.camping.van.price > 0) {
+					content += 'Wohnwagen/-mobil möglich für <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(facts.camping.van.price)) + '</b>';
+				}
+				else if ('pricepernight' in facts.camping.van) {
+					content += 'Wohnwagen/-mobil möglich für <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(facts.camping.van.pricepernight)) + ' pro Nacht</b>';
+				}
+				else {
+					content += 'Wohnwagen/-mobil möglich und im Preis enthalten';
+				}
+				if ('electricity' in facts.camping.van) {
+					content += '<br />';
+					if (facts.camping.van.electricity > 0) {
+						content += 'Strom: <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(facts.camping.van.electricity)) + '</b>';
+					}
+					else {
+						content += 'Strom inklusive';
+					}
+				}
+				$('#card-camping').find('.content').append('<p>' + content + '</p>');
+			}
+			if ('beds' in facts.camping) {
+				var content = '';
+				if ('price' in facts.camping.beds && facts.camping.beds.price > 0) {
+					content += 'Betten im Clubhaus vorhanden für <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(facts.camping.beds.price)) + '</b>';
+				}
+				else if ('pricepernight' in facts.camping.beds) {
+					content += 'Betten im Clubhaus vorhanden für <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(facts.camping.beds.pricepernight)) + ' pro Nacht</b>';
+				}
+				else {
+					content += 'Betten im Clubhaus vorhanden und im Preis enthalten';
+				}
+				$('#card-camping').find('.content').append('<p>' + content + '</p>');
+			}
+			if ('text' in facts.camping) {
+				var p = $('<p>');
+				p.text(facts.camping.text);
+				p.html(p.html().replace(/\n/g, '<br />'));
+				$('#card-camping').find('.content').append(p);
+			}
+		}
+
+		// Verpflegung
+		if ('food' in facts) {
+			$('#card-food').show();
+			$('#card-food').find('p').remove();
+			for (var day in facts.food) {
+				var food = facts.food[day];
+				if (day == 'text') {
+					var p = $('<p>');
+					p.text(food);
+					p.html(p.html().replace(/\n/g, '<br />'));
+					$('#card-food').find('.content').append(p);
+				}
+				else {
+					day = formatDate('D, j.', parseDate(day));
+					var content = '';
+					if ('breakfast' in food) {
+						content += 'Frühstück am ' + day;
+						if (food.breakfast > 0) content += ' für <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(food.breakfast)) + '</b><br />';
+						else content += ' inklusive<br />';
+					}
+					if ('dinner' in food) {
+						content += 'Abendessen';
+						if ('dinnerdesc' in food) content += ' (' + food.dinnerdesc + ')';
+						content += ' am ' + day;
+						if (food.dinner > 0) content += ' für <b>' + (new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(food.dinner)) + '</b><br />';
+						else content += ' inklusive<br />';
+					}
+					$('#card-food').find('.content').append('<p>' + content + '</p>');
+				}
+			}
+		}
+
+		// Weitere Informationen
+		if ('text' in facts) {
+			$('#card-text').show();
+			var p = $('#card-text').find('p');
+			p.text(facts.text);
+			p.html(p.html().replace(/\n/g, '<br />'));
+		}
+	} else {
+		$('#card-nofactsinfo').show();
+	}
+
+	hideLoader();
+}

server/scripts/regatta_plan.js

@@ -0,0 +1,71 @@
+var siteScript = async function() {
+	var regattaId = findGetParameter('regatta');
+	if (regattaId == null) {
+		$('#h1-title').text('Regatta nicht gefunden');
+		hideLoader();
+		return;
+	}
+	var regatta = await dbGetData('regattas', regattaId);
+	if (regatta == null) {
+		$('#h1-title').text('Regatta nicht gefunden');
+		hideLoader();
+		return;
+	}
+	var dateFrom = parseDate(regatta['date']);
+	var dateTo = parseDate(regatta['date']);
+	dateTo.setDate(dateTo.getDate() + Math.max(parseInt(regatta['length']) - 1, 0));
+
+	$('#h1-title').text(regatta.name);
+	if (regatta.length < 1) {
+		if (formatDate('d.m', dateFrom) == '01.01') {
+			$('#p-title').html('<font class="color-red2-dark">Datum noch unklar</font>');
+		} else {
+			$('#p-title').html(formatDate('d.m.Y', dateFrom) + ' - <font class="color-red2-dark">Datum nicht final</font>');
+		}
+	} else {
+		$('#p-title').html(formatDate('d.m.Y', dateFrom) + ' - ' + formatDate('d.m.Y', dateTo));
+	}
+
+	var plannings = await dbGetDataIndex('plannings', 'regatta', regatta.id);
+	if (plannings.length > 0) {
+		$('#table-plannings').show();
+		$('#p-info').hide();
+		var tbody = '';
+		for (var p in plannings) {
+			var planning = plannings[p];
+
+			tbody += '<tr>';
+
+			tbody += '<td>' + (await dbGetData('users', planning.user)).username + '</td>';
+
+			if (planning.boat != null) {
+				tbody += '<td>' + (await dbGetData('boats', planning.boat)).sailnumber + '</td>';
+			} else {
+				tbody += '<td>(noch unklar)</td>';
+			}
+
+			if (planning.steuermann != null) {
+				tbody += '<td>' + (await dbGetData('sailors', planning.steuermann)).name + '</td>';
+			} else {
+				tbody += '<td>(noch unklar)</td>';
+			}
+
+			var crew = [];
+			var cr = planning.crew.split(',');
+			for (c in cr) {
+				var s = await dbGetData('sailors', cr[c]);
+				if (s != null) crew.push(s.name);
+			}
+			tbody += '<td>' + crew.join('<br>') + '</td>';
+
+			tbody += '</tr>';
+		}
+		$('#table-plannings').find('tbody').html(tbody);
+	} else {
+		$('#p-info').text('Niemand plant bisher, hier hinzufahren!');
+		$('#p-info').show();
+		$('#table-plannings').hide();
+	}
+
+	hideLoader();
+}

server/scripts/regattas.js

@@ -1,8 +1,15 @@
+Element.prototype.documentOffsetTop = function() {
+	return this.offsetTop + (this.offsetParent ? this.offsetParent.documentOffsetTop() : 0);
+};
+function scrollToToday() {
+	window.scrollTo({ top: document.getElementById('div-today').documentOffsetTop() - (window.innerHeight / 2), behavior: 'smooth' });
+}
+
 function selectChange(callSiteScript = true) {
 	var val = $('#select-year').val();
 	if (val == "user") {
-		$('#input-from').parent().show();
+		$('#input-from').trigger('focusin').trigger('focusout').parent().show();
-		$('#input-to').parent().show();
+		$('#input-to').trigger('focusin').trigger('focusout').parent().show();
 		$('#button-show').show();
 	} else {
 		$('#input-from').parent().hide();
@@ -12,31 +19,55 @@ function selectChange(callSiteScript = true) {
 		$('#input-from').val(val + '-01-01');
 		$('#input-to').val(val + '-12-31');
 
-		if (callSiteScript && (typeof siteScript === 'function'))
+		if (callSiteScript && (typeof siteScript === 'function')) {
+			history.replaceState(null, '', '?year=' + val);
+			showLoader();
 			siteScript();
+		}
+	}
+}
+
+function buttonShowPressed() {
+	if (typeof siteScript === 'function') {
+		history.replaceState(null, '', '?year=user&from=' + $('#input-from').val() + "&to=" + $('#input-to').val());
+		showLoader();
+		siteScript();
 	}
 }
 
 function initYear() {
-	var year = findGetParameter('year');
+	return new Promise(async function (resolve) {
-	if (year === null) year = new Date().getFullYear();
+		var year = findGetParameter('year');
+		if (year === null) year = await dbGetCurrentYear();
 
-	$('#select-year').html('<option value="' + year + '">' + year + '</option>');
+		$('#select-year').html('<option value="' + year + '">' + year + '</option>');
-	$('#select-year').val(year);
+		$('#select-year').val(year);
 
-	selectChange(false);
+		if (year == "user") {
+			var from = findGetParameter('from');
+			var to = findGetParameter('to');
+			if (from === null) from = formatDate('Y-m-d')
+			if (to === null) to = formatDate('Y-m-d')
+			$('#input-from').val(from).trigger('focusin').trigger('focusout');
+			$('#input-to').val(to).trigger('focusin').trigger('focusout');
+		}
+
+		selectChange(false);
+
+		resolve();
+	});
 }
 
 var firstCall = true;
 var rows = [];
 var today;
 
-async function drawTable () {
+async function drawList () {
 	window.setTimeout(function () {
 		var list = '';
 		rows.forEach(function (entry) {
 			if (entry == null) {
-				list += '<div><div align="center" class="color-highlight"><b>Heute ist der ' + formatDate('d.m.Y', today) + '</b></div></div>';
+				list += '<div><div id="div-today" align="center" class="color-highlight"><b>Heute ist der ' + formatDate('d.m.Y', today) + '</b></div></div>';
 			} else if (search($('#input-search').val(), entry.keywords)) {
 				list += entry.content;
 			}
@@ -45,141 +76,14 @@ async function drawTable () {
 	}, 0);
 }
 
-async function regattaClicked(id) {
-	var regatta = await dbGetData('regattas', id);
-	
-	$('#menu-regatta').find('.menu-title').find('p').text(regatta.name);
-	
-	// Results
-	var results = await dbGetDataIndex('results', 'regatta', regatta['id']);
-	if (results.length > 0) {
-		$('#menu-item-results').show();
-		$('#menu-item-results').attr('href', LINK_PRE + 'result/' + regatta['id']);
-	} else {
-		$('#menu-item-results').hide();
-	}
-	
-	// Bericht
-	if (regatta['bericht'] != '') {
-		$('#menu-item-bericht').show();
-		$('#menu-item-bericht').attr('href', regatta['bericht']);
-		$('#menu-item-bericht').attr('target', '_blank');
-	} else {
-		$('#menu-item-bericht').hide();
-	}
-	
-	// Info
-	if (regatta['info'] != '') {
-		$('#menu-item-info').show();
-		$('#menu-item-info').attr('href', regatta['info']);
-		$('#menu-item-info').attr('target', '_blank');
-	} else {
-		$('#menu-item-info').hide();
-	}
-	
-	// Meldung
-	var dateTo = parseDate(regatta['date']);
-	dateTo.setDate(dateTo.getDate() + Math.max(parseInt(regatta['length']) - 1, 0));
-	if ((regatta['meldung'] != '') && (dateTo >= today)) {
-		$('#menu-item-meldung').show();
-		$('#menu-item-meldung').attr('href', regatta['meldung']);
-		$('#menu-item-meldung').attr('target', '_blank');
-		var planning = null;
-		if (isLoggedIn()) {
-			var plannings = await dbGetDataIndex('plannings', 'regatta', regatta['id']);
-			for (id in plannings) {
-				if (plannings[id]['user'] == USER_ID) {
-					planning = plannings[id];
-					break;
-				}
-			}
-		}
-		if ((planning != null) && (planning['gemeldet'] == '1')) {
-			$('#badge-regatta-meldung').text('schon gemeldet');
-			$('#badge-regatta-meldung').addClass('bg-green2-dark').removeClass('bg-highlight bg-red2-dark bg-yellow2-dark');
-		} else if (regatta['meldungOffen'] == '0') {
-			$('#badge-regatta-meldung').text('geschlossen');
-			$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
-		} else if (regatta['meldungSchluss'] != null) {
-			var early = false;
-			var ms;
-			if (regatta['meldungEarly'] != null) {
-				ms = parseDate(regatta['meldungEarly']);
-				if (ms >= today) {
-					early = true;
-				}
-			}
-			if (!early)
-				ms = parseDate(regatta['meldungSchluss']);
-			if (ms >= today) {
-				var diff = Math.round((ms - today) / 86400000);
-				var red = (diff < 7);
-				var txt;
-				if (diff <= 14) {
-					txt = diff + ' Tag' + (diff != 1 ? 'e' : '');
-				} else if (diff < 35) {
-					diff = Math.floor(diff / 7);
-					txt = diff + ' Woche' + (diff != 1 ? 'n' : '');
-				} else {
-					diff = Math.floor(diff / 30.5);
-					txt = diff + ' Monat' + (diff != 1 ? 'e' : '');
-				}
-				if (early)
-					txt += ' vergünstigt';
-				$('#badge-regatta-meldung').text(txt);
-				if (red) {
-					if (early) {
-						$('#badge-regatta-meldung').addClass('bg-yellow2-dark').removeClass('bg-highlight bg-green2-dark bg-red2-dark');
-					} else {
-						$('#badge-regatta-meldung').addClass('bg-red2-dark').removeClass('bg-highlight bg-green2-dark bg-yellow2-dark');
-					}
-				} else {
-					$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
-				}
-			} else {
-				$('#badge-regatta-meldung').text('Meldeschluss abgelaufen');
-				$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
-			}
-		} else {
-			$('#badge-regatta-meldung').text('');
-		}
-	} else {
-		$('#menu-item-meldung').hide();
-	}
-	
-	// off. results
-	if (regatta['oresults'] != '') {
-		$('#menu-item-oresults').show();
-		$('#menu-item-oresults').attr('href', regatta['oresults']);
-		$('#menu-item-oresults').attr('target', '_blank');
-	} else {
-		$('#menu-item-oresults').hide();
-	}
-	
-	// club website
-	var clubwebsite = '';
-	if (regatta['club'] != null) {
-		clubwebsite = (await dbGetData('clubs', regatta['club'])).website;
-	}
-	if (clubwebsite != '') {
-		$('#menu-item-clubwebsite').show();
-		$('#menu-item-clubwebsite').attr('href', clubwebsite);
-		$('#menu-item-clubwebsite').attr('target', '_blank');
-	} else {
-		$('#menu-item-clubwebsite').hide();
-	}
-	
-	$('#menu-regatta').showMenu();
-	$('#menu-regatta').scrollTop(0);
-}
-
 var siteScript = async function() {
 	if (firstCall) {
 		firstCall = false;
-		initYear();
+		await initYear();
 		$('#select-year').change(selectChange);
-		$('#button-show').click(siteScript);
+		$('#button-show').click(buttonShowPressed);
-		$('#input-search').on('input', drawTable);
+		$('#input-search').on('input', drawList);
+		$('#button-totoday').click(scrollToToday);
 	}
 
 	today = getToday();
@@ -187,12 +91,9 @@ var siteScript = async function() {
 	var minDate = parseDate($('#input-from').val());
 	var maxDate = parseDate($('#input-to').val());
 	var regattas = await dbGetRegattasRange(minDate, maxDate);
-	var regattaResults = [];
+
-	for (id in regattas) {
+	if (minDate <= today && maxDate >= today) $('#button-totoday').parent().parent().show();
-		var entry = regattas[id];
+	else $('#button-totoday').parent().parent().hide();
-		var results = await dbGetDataIndex('results', 'regatta', entry['id']);
-		regattaResults[entry['id']] = (results.length > 0);
-	}
 
 	var selectedYear = $('#select-year').val();
 
@@ -223,6 +124,9 @@ var siteScript = async function() {
 		var heute = false;
 
 		rows = [];
+		var specialFields = await dbGetClassProp('special-fields');
+		if (specialFields === null) specialFields = {};
+		var specialShown = {};
 
 		for (id in regattas) {
 			var entry = regattas[id];
@@ -244,7 +148,7 @@ var siteScript = async function() {
 				heute = true;
 			}
 
-			row.content += '<div onclick="regattaClicked(' + entry['id'] + ');">';
+			row.content += '<div onclick="onRegattaClicked(' + entry['id'] + ');">';
 
 			// ZEILE 1
 			// Name
@@ -260,7 +164,37 @@ var siteScript = async function() {
 			row.content += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
 
 			// Special
-			row.content += '<div>' + entry['special'] + '</div>';
+			if (entry.special.substr(0, 1) == '#') {
+				entry.special = entry.special.substr(1);
+				if (typeof specialFields[entry.special] !== 'undefined') {
+					specialShown[entry.special] = specialFields[entry.special];
+					entry.special = '* ' + entry.special;
+				} else {
+					entry.special = 'ERROR';
+				}
+			}
+			// replace placeholders
+			var pos;
+			while ((pos = entry.special.indexOf('$')) >= 0) {
+				var pos2 = entry.special.indexOf('$', pos + 1);
+				if (pos2 < 0) break;
+				var key = entry.special.substring(pos + 1, pos2);
+
+				var value = '';
+				// age class
+				if ((key.substr(0, 1) == 'U') && (!isNaN(value = parseInt(key.substr(1))))) {
+					var year = parseDate(entry.date).getFullYear();
+					year = year - value + 1;
+					var text = 'Jahrgänge ' + year + ' und jünger';
+					value = 'U-' + value;
+					specialShown[value] = text;
+				} else {
+					break;
+				}
+
+				entry.special = entry.special.replace('$' + key + '$', value);
+			}
+			row.content += '<div>' + entry.special + '</div>';
 
 			// Icons
 			var icons = [];
@@ -268,17 +202,17 @@ var siteScript = async function() {
 				icons.push('<i class="fas fa-info"></i>');
 			if ((entry['meldung'] != '') && (dateTo >= today) && (entry['meldungOffen'] == '1')) {
 				var color = '';
-				if (entry['meldungSchluss'] != null) {
+				var planning = null;
-					var planning = null;
+				if (isLoggedIn()) {
-					if (isLoggedIn()) {
+					var plannings = await dbGetDataIndex('plannings', 'regatta', entry['id']);
-						var plannings = await dbGetDataIndex('plannings', 'regatta', entry['id']);
+					for (id in plannings) {
-						for (id in plannings) {
+						if (plannings[id]['user'] == USER_ID) {
-							if (plannings[id]['user'] == USER_ID) {
+							planning = plannings[id];
-								planning = plannings[id];
+							break;
-								break;
-							}
 						}
 					}
+				}
+				if (entry['meldungSchluss'] != null) {
 					if ((planning == null) || (planning['gemeldet'] == '0')) {
 						var ms = 0;
 						if (entry['meldungEarly'] != null) {
@@ -288,21 +222,23 @@ var siteScript = async function() {
 							ms = parseDate(entry['meldungSchluss']);
 						}
 						var diff = Math.round((ms - today) / 86400000);
-						if ((ms >= today) && (diff < 7)) {
+						if (ms < today) {
 							color = ' color-red2-dark';
-							if (planning != null) {
+						} else if (diff < 7) {
-								color += ' fa-blink';
+							color = ' color-yellow2-dark';
-							}
 						}
 					}
 				}
+				if ((planning != null) && (planning['gemeldet'] == '0')) {
+					color += ' fa-blink';
+				}
 				icons.push('<i class="fas fa-file-signature' + color + '"></i>');
 			}
 			if (entry['bericht'] != '')
 				icons.push('<i class="fas fa-book"></i>');
 			if (entry['canceled'] == '1') {
 				icons.push('<i class="fas fa-times color-red2-dark"></i>');
-			} else if (regattaResults[entry['id']]) {
+			} else if (entry['results'] == '1') {
 				icons.push('<i class="fas fa-poll"></i>');
 			}
 			row.content += '<div class="color-green2-dark">' + icons.join('&ensp;') + '</div>';
@@ -335,12 +271,27 @@ var siteScript = async function() {
 			rows.push(null);
 		}
 
-		drawTable();
+		var specialKeys = Object.keys(specialShown);
+		if (specialKeys.length > 0) {
+			specialKeys.sort();
+			var specialText = '';
+			for (i in specialKeys) {
+				var key = specialKeys[i];
+				specialText += '* ' + key + ': ' + specialShown[key] + '<br>';
+			}
+			$('#card-special').find('p').html(specialText);
+			$('#card-special').show();
+		} else {
+			$('#card-special').hide();
+		}
+
+		drawList();
 
 	} else {
 		$('#p-count').html('Keine Regatten gefunden!');
 		$('#div-regattas').hide();
 		$('#input-search').parent().hide();
+		$('#card-special').hide();
 	}
 
 	hideLoader();

server/scripts/result.js

@@ -0,0 +1,77 @@
+var siteScript = async function() {
+	var regattaId = findGetParameter('regatta');
+	if (regattaId == null) {
+		$('#h1-title').text('Regatta nicht gefunden');
+		hideLoader();
+		return;
+	}
+	var regatta = await dbGetData('regattas', regattaId);
+	if (regatta == null) {
+		$('#h1-title').text('Regatta nicht gefunden');
+		hideLoader();
+		return;
+	}
+	var dateFrom = parseDate(regatta['date']);
+	var dateTo = parseDate(regatta['date']);
+	dateTo.setDate(dateTo.getDate() + Math.max(parseInt(regatta['length']) - 1, 0));
+	
+	$('#h1-title').text(regatta.name);
+	$('#p-title').text(formatDate('d.m.Y', dateFrom) + ' - ' + formatDate('d.m.Y', dateTo));
+	
+	var results = await dbGetResultCalculated(regatta);
+	if (results.length > 0) {
+		var m;
+		if (regatta.m > 0) {
+			m = regatta.m;
+		} else if (regatta.races <= 4) {
+			m = regatta.races;
+		} else {
+			if ((regatta.length > 2) && (regatta.races >= 6)) {
+				m = 5;
+			} else {
+				m = 4;
+			}
+		}
+		$('#p-info').text(regatta.races + ' Wettfahrten, ' + regatta.streicher + ' Streicher, m = ' + m);
+		
+		$('#table-results').show();
+		var thead = '<tr><th>#</th><th>Boot</th><th>Crew</th><th></th>';
+		for (var i = 1; i <= regatta.races; i ++) thead += '<th>WF ' + i + '</th>';
+		thead += '<th></th><th>Summe</th><th>Netto</th><th>#</th><th>RLP</th></tr>';
+		$('#table-results').find('thead').html(thead);
+		
+		var tbody = '';
+		for (var r in results) {
+			var result = results[r];
+			var boat = await dbGetData('boats', result.boat);
+			var steuermann = (await dbGetData('sailors', result.steuermann)).name;
+			var cr = result.crew.split(',');
+			var crew = [];
+			for (c in cr) {
+				var s = await dbGetData('sailors', cr[c]);
+				if (s != null) crew.push(s.name);
+			}
+			
+			tbody += '<tr>';
+			tbody += '<td>' + result.place + '.</td>';
+			tbody += '<td>' + boat.sailnumber + '<br>' + boat.name + '</td>';
+			tbody += '<td>' + steuermann + '<br>' + crew.join('<br>') + '</td>';
+			tbody += '<td></td>';
+			for (var i = 0; i < regatta.races; i ++) {
+				tbody += '<td>' + result.texts[i] + '</td>';
+			}
+			tbody += '<td></td>';
+			tbody += '<td>' + result.brutto + '</td>';
+			tbody += '<td>' + result.netto + '</td>';
+			tbody += '<td>' + result.place + '.</td>';
+			tbody += '<td>' + parseFloat(result.rlp).toFixed(2) + '</td>';
+			tbody += '</tr>';
+		}
+		$('#table-results').find('tbody').html(tbody);
+	} else {
+		$('#p-info').text('Keine Ergebnisse gefunden.');
+		$('#table-results').hide();
+	}
+	
+	hideLoader();
+}

server/scripts/sailors.js

@@ -0,0 +1,262 @@
+var firstCall = true;
+var rows = [];
+var displayed = [];
+var page = 1;
+var pageCount = 0;
+const showCount = 25;
+var followedSailors = [];
+
+async function onFollowChange() {
+	var id = $('#menu-item-follow').attr('data-sailor-id');
+	showLoader();
+	$('#menu-sailor').hideMenu();
+	var auth = {
+		id: localStorage.getItem('auth_id'),
+		hash: localStorage.getItem('auth_hash')
+	}
+	$.ajax({
+		url: QUERY_URL + ($('#menu-item-follow').prop('checked') ? 'sailor_follow' : 'sailor_unfollow'),
+		method: 'POST',
+		data: {
+			auth: auth,
+			sailor: id
+		},
+		error: function (xhr, status, error) {
+			if (xhr.status == 0) {
+				toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um Deine Favoriten zu bearbeiten.');
+			} else {
+				log('Un/Follow: unbekannter Fehler', status, error);
+				log(xhr);
+				toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+			}
+			hideLoader();
+		},
+		success: async function (data, status, xhr) {
+			await sync();
+			toastOk('Erfolgreich');
+			hideLoader();
+		}
+	});
+}
+
+async function onEditYearClick() {
+	var id = $('#button-edityear').attr('data-sailor-id');
+	var year = $('#input-edityear').val();
+	if (year != '') {
+		showLoader();
+		$.ajax({
+			url: QUERY_URL + 'add_year',
+			method: 'POST',
+			data: {
+				sailor: id,
+				year: year
+			},
+			error: function (xhr, status, error) {
+				if (xhr.status == 0) {
+					toastError('Du bist momentan offline.<br>Stelle eine Internetverbindung her, um den Jahrgang zu bearbeiten');
+				} else {
+					log('EditYear: unbekannter Fehler', status, error);
+					log(xhr);
+					toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+				}
+				hideLoader();
+			},
+			success: function (data, status, xhr) {
+				if ('status' in data) {
+					if (data.status == 'added') {
+						toastOk('Jahrgang erfolgreich hinzugefügt');
+						sync();
+					} else {
+						toastInfo('Wir prüfen Deine Anfrage und korrigieren den Jahrgang schnellstmöglich', 5000);
+					}
+				} else {
+					toastOk('Erfolgreich');
+				}
+				hideLoader();
+			}
+		});
+	}
+	$('#menu-edityear').hideMenu();
+}
+
+async function onListClicked(id) {
+	var sailor = await dbGetData('sailors', id);
+
+	$('#menu-sailor').find('.menu-title').find('p').text(sailor.name);
+
+	// Follow
+	if (isLoggedIn()) {
+		var found = false;
+		for (var i in followedSailors) {
+			if (followedSailors[i].id == sailor.id) found = true;
+		}
+		if (found || (followedSailors.length < 5)) {
+			$('#menu-item-follow').attr('data-sailor-id', sailor.id);
+			$('#menu-item-follow').prop('checked', found);
+			$('#menu-item-follow').parent().parent().show();
+			$('#menu-item-follow-disabled').hide();
+		} else {
+			$('#menu-item-follow').parent().parent().hide();
+			$('#menu-item-follow-disabled').show();
+		}
+	} else {
+		$('#menu-item-follow').parent().parent().hide();
+		$('#menu-item-follow-disabled').hide();
+	}
+
+	// Edit Year
+	$('#button-edityear').attr('data-sailor-id', sailor.id);
+	$('#menu-edityear').find('.menu-title').find('p').text(sailor.name);
+	if (sailor['year'] == null) {
+		$('#menu-item-year').find('span').text('Jahrgang hinzufügen');
+		$('#menu-edityear').find('.menu-title').find('h1').text('Jahrgang hinzufügen');
+		$('#input-edityear').val('');
+	} else {
+		$('#menu-item-year').find('span').text('Jahrgang bearbeiten');
+		$('#menu-edityear').find('.menu-title').find('h1').text('Jahrgang bearbeiten');
+		$('#input-edityear').val(sailor.year);
+	}
+	$('#input-edityear').trigger('focusin').trigger('focusout');
+
+	// club website
+	var clubwebsite = '';
+	if (sailor['club'] != null) {
+		clubwebsite = (await dbGetData('clubs', sailor['club'])).website;
+	}
+	if (clubwebsite != '') {
+		$('#menu-item-clubwebsite').show();
+		$('#menu-item-clubwebsite').attr('href', clubwebsite);
+		$('#menu-item-clubwebsite').attr('target', '_blank');
+	} else {
+		$('#menu-item-clubwebsite').hide();
+	}
+
+	$('#menu-sailor').showMenu();
+	$('#menu-sailor').scrollTop(0);
+}
+
+function pageChange() {
+	$('#p-count')[0].scrollIntoView({ behavior: "smooth" });
+	drawList();
+}
+
+async function drawList() {
+	window.setTimeout(function () {
+		var list = '';
+
+		if (displayed.length > 0) {
+			var offset = (page - 1) * showCount;
+			var count = (page == pageCount ? (displayed.length % showCount) : showCount);
+			if (count == 0) count = showCount;
+
+			for (i = 0; i < count; i ++) {
+				list += displayed[i + offset];
+			}
+		} else {
+			list = '<div><div>Keine Ergebnisse, die der Suche entsprechen</div></div>';
+		}
+
+		$('#div-list').html(list);
+	}, 0);
+}
+
+async function reSearch() {
+	window.setTimeout(function () {
+		displayed = [];
+		rows.forEach(function (entry) {
+			if (search($('#input-search').val(), entry.keywords)) {
+				displayed.push(entry.content);
+			}
+		});
+		pageCount = Math.ceil(displayed.length / showCount);
+		if ((page < 1) || (page > pageCount)) {
+			if (page < 1) {
+				page = 1;
+			} else {
+				page = pageCount;
+			}
+		}
+		drawPagination();
+		drawList();
+	}, 0);
+}
+
+var siteScript = async function() {
+	if (firstCall) {
+		firstCall = false;
+		initPagination();
+		$('#input-search').on('input', reSearch);
+		$('#menu-item-year').click(function(){ $('#menu-sailor').hideMenu(); $('#menu-edityear').showMenu(); });
+		$('#button-edityear').click(onEditYearClick);
+		$('#menu-item-follow').parent().parent().click(onFollowChange);
+		$('#menu-item-follow-disabled').click(function(){ $('#menu-sailor').hideMenu(); toastInfo('Du kannst maximal 5 Seglern folgen. Entferne erst einen Segler aus Deinen Favoriten, bevor Du andere aufnimmst.', 5000); });
+	}
+
+	if (isLoggedIn()) {
+		var user = await dbGetData('users', USER_ID);
+		var follows = await dbGetData('follows');
+		followedSailors = [];
+		for (var i in follows) {
+			followedSailors.push(await dbGetData('sailors', follows[i].sailor));
+		}
+	}
+
+	var results = await dbGetData('sailors');
+
+	var count = results.length;
+	if (count > 0) {
+		if (count == 1) {
+			$('#p-count').html('Es wurde 1 Segler gefunden!');
+		} else {
+			$('#p-count').html('Es wurden ' + count + ' Segler gefunden!');
+		}
+		$('#div-list').show();
+		$('#input-search').parent().show();
+
+		results.sort(function (a, b) {
+			return a.name.localeCompare(b.name);
+		});
+
+		rows = [];
+
+		for (id in results) {
+			var entry = results[id];
+			var club = null;
+			if (entry['club'] != null)
+				club = await dbGetData('clubs', entry['club']);
+
+			var row = { keywords: [], content: '' };
+			row.keywords.push(entry['name']);
+			if (entry['year'] != null) row.keywords.push(entry['year']);
+			if (club != null) row.keywords.push(club['kurz'], club['name']);
+
+			row.content += '<div onclick="onListClicked(' + entry['id'] + ');">';
+
+			// ZEILE 1
+			// Name
+			row.content += '<div><b>' + entry['name'] + '</b></div>';
+
+			// ZEILE 2
+			row.content += '<div>';
+
+			// Year
+			row.content += '<div>' + ((entry['year'] != null) ? (entry['year']) : '') + '</div>';
+
+			// Club
+			row.content += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
+
+			row.content += '</div></div>';
+
+			rows.push(row);
+		}
+
+		reSearch();
+
+	} else {
+		$('#p-count').html('Keine Segler gefunden!');
+		$('#div-list').hide();
+		$('#input-search').parent().hide();
+	}
+
+	hideLoader();
+}

server/templates/card.html

@@ -1,5 +1,5 @@
-<div id="$$html-id;" class="card card-style">
+<div id="$$html-id;" class="card card-style $$css-class;">
-	<div class="content $$css-class;">
+	<div class="content">
 		$$0;
 	</div>
 </div>

server/templates/checkbox.html

@@ -0,0 +1,5 @@
+<div class="fac fac-checkbox fac-blue $$css-class;">
+	<span></span>
+	<input id="$$html-id;" type="checkbox" $$checked; />
+	<label for="$$html-id;">$$placeholder;</label>
+</div>

server/templates/input.html

@@ -1,4 +1,4 @@
-<div class="input-style input-style-2 input-required">
+<div class="input-style input-style-2 input-required $$css-class;">
 	<span class="color-highlight">$$placeholder;</span>
-	<input id="$$html-id;" class="form-control $$css-class;" type="$$type;" placeholder="$$placeholder;" value="$$value;" />
+	<input id="$$html-id;" class="form-control" type="$$type;" placeholder="$$placeholder;" value="$$value;" />
 </div>

server/templates/menu/item-switch.html

@@ -0,0 +1,8 @@
+<a href="#" data-trigger-switch="$$html-id;" class="pb-2 $$css-class;">
+	<i class="fa font-14 $$icon; rounded-s bg-highlight color-white"></i>
+	<span>$$0;</span>
+	<div class="custom-control scale-switch ios-switch">
+		<input type="checkbox" class="ios-input" id="$$html-id;">
+		<label class="custom-control-label" for="$$html-id;"></label>
+	</div>
+</a>

server/templates/pagination.html

@@ -0,0 +1,11 @@
+<nav id="$$html-id;" class="$$css-class;">
+	<ul class="pagination justify-content-center">
+		<li id="$$html-id;-1" class="page-item"><a onclick="onPaginationClick(this)" class="page-link color-black bg-theme rounded-xs shadow-x1 border-0" style="cursor: pointer;">1</a></li>
+		<li id="$$html-id;-2" class="page-item"><a onclick="onPaginationClick(this)" class="page-link color-black bg-theme rounded-xs shadow-x1 border-0" style="cursor: pointer;">2</a></li>
+		<li id="$$html-id;-3" class="page-item"><a onclick="onPaginationClick(this)" class="page-link color-black bg-theme rounded-xs shadow-x1 border-0" style="cursor: pointer;">3</a></li>
+		<li id="$$html-id;-4" class="page-item"><a onclick="onPaginationClick(this)" class="page-link color-black bg-theme rounded-xs shadow-x1 border-0" style="cursor: pointer;">4</a></li>
+		<li id="$$html-id;-5" class="page-item"><a onclick="onPaginationClick(this)" class="page-link color-black bg-theme rounded-xs shadow-x1 border-0" style="cursor: pointer;">5</a></li>
+		<li id="$$html-id;-6" class="page-item"><a onclick="onPaginationClick(this)" class="page-link color-black bg-theme rounded-xs shadow-x1 border-0" style="cursor: pointer;">6</a></li>
+		<li id="$$html-id;-7" class="page-item"><a onclick="onPaginationClick(this)" class="page-link color-black bg-theme rounded-xs shadow-x1 border-0" style="cursor: pointer;">7</a></li>
+	</ul>
+</nav>

server/templates/select.html

@@ -1,6 +1,6 @@
-<div class="input-style input-style-2 input-required">
+<div class="input-style input-style-2 input-required $$css-class;">
 	<span class="color-highlight input-style-1-active">$$placeholder;</span>
-	<select id="$$html-id;" class="form-control $$css-class;">
+	<select id="$$html-id;" class="form-control">
 		$$options;
 	</select>
 </div>

server/templates/textarea.html

@@ -1,4 +1,4 @@
-<div class="input-style input-style-2 input-required">
+<div class="input-style input-style-2 input-required $$css-class;">
 	<span class="color-highlight">$$placeholder;</span>
-	<textarea id="$$html-id;" class="form-control $$css-class;" placeholder="$$placeholder;">$$value;</textarea>
+	<textarea id="$$html-id;" class="form-control pt-3 pb-3" placeholder="$$placeholder;" style="height: 10em; line-height: 1.5em;">$$value;</textarea>
 </div>

server/version.php

@@ -0,0 +1,5 @@
+<?php
+
+	define('PWA_VERSION', '1.13h2');
+
+?>

service-worker.js.php

@@ -42,7 +42,7 @@ workbox.precaching.precacheAndRoute([
 	}
 	$hash = md5(getDirHash(__DIR__));
 
-	$path = __DIR__ . '/content/';
+	$path = __DIR__ . '/server/content/';
 	$dir = opendir($path);
 	while ($file = readdir($dir)) {
 		if (($file == '.') or ($file == '..') or (pathinfo($file, PATHINFO_EXTENSION) != 'php')) continue;
@@ -56,15 +56,19 @@ workbox.precaching.precacheAndRoute([
 		'/manifest.json.php',
 	];
 	$dirsToCache = [
-		'/client',
+		'/client/app',
+		'/client/fonts/css',
+		'/client/fonts/webfonts',
+		'/client/images',
+		'/client/scripts',
+		'/client/styles',
 	];
 
 	function addDir($path) {
 		global $filesToCache;
 		if ($dir = opendir(__DIR__ . $path)) {
 			while (($file = readdir($dir)) !== false) {
-				if ($file == '.') continue;
+				if (substr($file, 0, 1) == '.') continue;
-				if ($file == '..') continue;
 				if (is_dir(__DIR__ . $path . '/' . $file)) {
 					addDir($path . '/' . $file);
 				} else {
@@ -105,3 +109,217 @@ workbox.routing.registerRoute(
 
 //Learn more about Service Workers and Configurations
 //https://developers.google.com/web/tools/workbox/
+
+
+// DB
+
+function openDb() {
+	return new Promise(function(resolve) {
+		if (indexedDB) {
+			var request = indexedDB.open('regatten_app_db_<?php echo BOATCLASS; ?>');
+			request.onerror = function (e) {
+				console.log('[sW] Cannot open DB:', e.targer.errorCode);
+				resolve(null);
+			};
+			request.onupgradeneeded = function (e) {
+				console.log('[sW] DB does not exist');
+				e.target.transaction.abort();
+				resolve(null);
+			};
+			request.onsuccess = function (e) {
+				console.log('[sW] DB loaded');
+				var db = e.target.result;
+				db.onerror = function (e) {
+					console.log('[sW] DB Error:', e);
+				};
+				resolve(db);
+			}
+		} else {
+			resolve(null);
+		}
+	});
+}
+
+function dbSettingsGet(key) {
+	return new Promise(async function(resolve) {
+		var db = await openDb();
+		if (db !== null) {
+			var request = db.transaction('settings').objectStore('settings').get(key);
+			request.onsuccess = function (event) {
+				db.close();
+				console.log('[sW] DB closed');
+				resolve(typeof request.result != 'undefined' ? request.result.value : null);
+			}
+		} else {
+			resolve(null);
+		}
+	});
+}
+
+async function dbSettingsSet(key, value) {
+	var db = await openDb();
+	if (db != null) {
+		var os = db.transaction('settings', 'readwrite').objectStore('settings');
+		var request = os.put({ key: key, value: value});
+		request.onerror = function (event) {
+			console.log('[sW] Error while saving data to DB:', e);
+			db.close();
+			console.log('[sW] DB closed');
+		}
+		request.onsuccess = function (event) {
+			db.close();
+			console.log('[sW] DB closed');
+		}
+	}
+}
+
+
+
+
+// PUSHES
+
+function getEntry(data, index, defaultValue) {
+	return ((typeof data[index] !== "undefined") ? data[index] : defaultValue);
+}
+
+function isMyRegatta(id, suffix = '') {
+	return new Promise(async function (resolve) {
+		var regattas = await dbSettingsGet('myregattas_<?php echo BOATCLASS; ?>' + suffix);
+		if (regattas == null) resolve(false);
+		else resolve(regattas.includes(id.toString()));
+	});
+}
+
+self.addEventListener('push', async function(event) {
+	console.log('[sW] Push received:', event.data.text());
+
+	var data;
+	try {
+		data = JSON.parse(event.data.text());
+	} catch(e) {
+		console.log(e);
+		data = undefined;
+	}
+
+	if (typeof data.type !== "undefined") {
+		switch (data.type) {
+			case 'notification':
+				if (typeof data.title === "undefined") break;
+				if (typeof data.body === "undefined") break;
+				if (typeof data.channel === "undefined") break;
+
+				// check channel
+				var okay = false;
+				switch (data.channel) {
+					case 'news':
+						if (await dbSettingsGet('notify_channel_<?php echo BOATCLASS; ?>_news')) okay = true;
+						break;
+					case 'regatta_changed':
+						if (await dbSettingsGet('notify_channel_<?php echo BOATCLASS; ?>_regatta_changed_all')) okay = true;
+						else if (await dbSettingsGet('notify_channel_<?php echo BOATCLASS; ?>_regatta_changed_my')) {
+							if (await isMyRegatta(getEntry(data, 'id', ''))) okay = true;
+						}
+						break;
+					case 'result_ready':
+						if (await dbSettingsGet('notify_channel_<?php echo BOATCLASS; ?>_result_ready_all')) okay = true;
+						else if (await dbSettingsGet('notify_channel_<?php echo BOATCLASS; ?>_result_ready_my')) {
+							if (await isMyRegatta(getEntry(data, 'id', ''))) okay = true;
+						}
+						break;
+					case 'meldeschluss':
+						if (await dbSettingsGet('notify_channel_<?php echo BOATCLASS; ?>_meldeschluss')) {
+							if (await isMyRegatta(getEntry(data, 'id', ''), '_meldung_off')) okay = true;
+						}
+						break;
+					default:
+						console.log('[sW] Unknown channel:', data.channel);
+						break;
+				}
+				if (!okay) {
+					console.log('[sW] Notification channel not subscribed');
+					return;
+				}
+
+				const options = {
+					data: data,
+					body: data.body,
+					icon: getEntry(data, 'icon', '<?php echo SERVER_ADDR; ?>/client/app/icons/icon-512x512.png'),
+					badge: '<?php echo SERVER_ADDR; ?>/client/app/icons/badge-128x128.png',
+					vibrate: [500,100,500]
+				};
+				if ((image = getEntry(data, 'image', null)) !== null) {
+					options.image = image;
+				}
+
+				// Force refresh on next app open
+				var db = await openDb();
+				if (db != null) {
+					var os = db.transaction('update_times', 'readwrite').objectStore('update_times');
+					var request = os.put({ table: 'last_sync', time: 1 });
+					request.onerror = function (event) {
+						console.log('[sW] Error while saving data to DB:', e);
+						db.close();
+						console.log('[sW] DB closed');
+					}
+					request.onsuccess = function (event) {
+						db.close();
+						console.log('[sW] DB closed');
+					}
+				}
+
+				console.log('[sW] Showing notification');
+				self.registration.showNotification(data.title, options);
+				break;
+
+			case 'forcesync':
+				// Force refresh on next app open
+				var db = await openDb();
+				if (db != null) {
+					var os = db.transaction('update_times', 'readwrite').objectStore('update_times');
+					var request = os.put({ table: 'last_sync', time: 1 });
+					request.onerror = function (event) {
+						console.log('[sW] Error while saving data to DB:', e);
+						db.close();
+						console.log('[sW] DB closed');
+					}
+					request.onsuccess = function (event) {
+						console.log('[sW] Data successfully saved');
+						db.close();
+						console.log('[sW] DB closed');
+					}
+				}
+				break;
+
+			default:
+				console.log('[sW] Push type unknown:', data.type);
+				break;
+		}
+	} else {
+		console.log('[sW] No push type given!');
+	}
+});
+
+self.addEventListener('notificationclick', function(event) {
+	var data = event.notification.data;
+
+	event.notification.close();
+
+	var url = '<?php echo SERVER_ADDR; ?>' + getEntry(data, 'url', '');
+
+	event.waitUntil(
+		clients.openWindow(url)
+	);
+});
+
+self.addEventListener('pushsubscriptionchange', function(event) {
+	var formData = new URLSearchParams();
+	formData.append('old', JSON.stringify(event.oldSubscription));
+	formData.append('new', JSON.stringify(event.newSubscription));
+	event.waitUntil(
+		fetch('<?php echo QUERY_URL; ?>update_subscription', {
+			method: 'POST',
+			cache: 'no-cache',
+			body: formData
+		})
+	);
+});