518 lines
17 KiB
PHP
518 lines
17 KiB
PHP
<?php
|
|
|
|
header('Content-Type: text/javascript');
|
|
|
|
require_once(__DIR__ . '/../../server/config.php');
|
|
|
|
?>
|
|
|
|
const QUERY_URL = '<?php echo QUERY_URL; ?>';
|
|
const BOATCLASS = '<?php echo BOATCLASS; ?>';
|
|
const LINK_PRE = '<?php echo SERVER_ADDR; ?>/';
|
|
const YOUTH_AGE = '<?php echo $_CLASS['youth-age']; ?>';
|
|
const YOUTH_GERMAN_NAME = '<?php echo $_CLASS['youth-german-name']; ?>';
|
|
const PUSH_SERVER_KEY = '<?php echo PUSH_SERVER_KEY; ?>';
|
|
|
|
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); }
|
|
|
|
var badges = {
|
|
more: {
|
|
id: 'badge-footer-more',
|
|
cnt: 0,
|
|
childs: {
|
|
news: {
|
|
id: 'badge-more-news',
|
|
cnt: 0
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* updateBadge - updates the count in pre-defined badges
|
|
* name - name of the badge (e.g. 'more/news'), must exist and must not have childs
|
|
* val - new value for badge ('+2' or '-4' for increase/decrease current value)
|
|
* returns true, if badge was updated, false on error
|
|
*/
|
|
var updateBadge = function (name, val) {
|
|
const names = name.split('/');
|
|
if (!(names[0] in badges)) return false;
|
|
var badge = [badges[names[0]]];
|
|
var cnt = names.length;
|
|
for (i = 1; i < cnt; i ++) {
|
|
if (!('childs' in badge[i-1]) || !(names[i] in badge[i-1].childs)) return false;
|
|
badge[i] = badge[i-1].childs[names[i]];
|
|
}
|
|
if ('childs' in badge[cnt-1]) return false;
|
|
if (String(val).substr(0, 1) == '+') val = parseInt(badge[cnt-1].cnt) + parseInt(String(val).substr(1));
|
|
else if (String(val).substr(0, 1) == '-') val = parseInt(badge[cnt-1].cnt) - parseInt(String(val).substr(1));
|
|
badge[cnt-1].cnt = parseInt(val);
|
|
$('#' + badge[cnt-1].id).text(val == 0 ? '' : val);
|
|
for (i = cnt - 2; i >= 0; i --) {
|
|
var sum = 0;
|
|
for (b in badge[i].childs) {
|
|
sum += badge[i].childs[b].cnt;
|
|
}
|
|
badge[i].cnt = sum
|
|
$('#' + badge[i].id).text(sum == 0 ? '' : sum);
|
|
}
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* makeToast - creates a snackbar toast
|
|
* color - css class as bg-color / font-color (e.g. 'bg-highlight color-white')
|
|
* icon - font awesome icon
|
|
* text - text to be displayed
|
|
* time - time after which toast is hidden (ms), 0 to disable auto-hide
|
|
* returns id of created toast (needed for manual hide)
|
|
*/
|
|
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 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');
|
|
if (time > 0) {
|
|
setTimeout(function(){
|
|
$('#' + id).remove();
|
|
}, parseInt(time) + 1000);
|
|
}
|
|
return id;
|
|
}
|
|
/**
|
|
* closeToast - hides a toast
|
|
* id - id of toast to be hidden
|
|
*/
|
|
var closeToast = function (id) {
|
|
$('#' + id).toast('hide');
|
|
setTimeout(function(){
|
|
$('#' + id).remove();
|
|
}, 1000);
|
|
}
|
|
/**
|
|
* toastType - creates a pre-defined toast (Load, Ok, Warn, Info, Error)
|
|
* text - text to be displayed
|
|
* time (optional) - time after which toast is hidden(ms), 0 to disable auto-hide
|
|
* returns id of created toast (needed for manual hide)
|
|
*/
|
|
var toastLoad = function (text, time = 3000) { return makeToast('bg-highlight color-white', 'fa-sync fa-spin', text, time); }
|
|
var toastOk = function (text, time = 3000) { return makeToast('bg-green1-dark', 'fa-check', text, time); }
|
|
var toastWarn = function (text, time = 3000) { return makeToast('bg-yellow1-dark', 'fa-info', text, time); }
|
|
var toastInfo = function (text, time = 3000) { return makeToast('bg-blue2-dark', 'fa-info', text, time); }
|
|
var toastError = function (text, time = 3000) { return makeToast('bg-red2-dark', 'fa-times', text, time); }
|
|
|
|
function findGetParameter(parameterName) {
|
|
var result = null;
|
|
var tmp = [];
|
|
location.search
|
|
.substr(1)
|
|
.split("&")
|
|
.forEach(function (item) {
|
|
tmp = item.split("=");
|
|
if (tmp[0] === parameterName) {
|
|
result = decodeURIComponent(tmp[1]);
|
|
}
|
|
});
|
|
return result;
|
|
}
|
|
|
|
var login = function() {
|
|
showLoader();
|
|
var username = $('#input-login-username').val();
|
|
var password = $('#input-login-password').val();
|
|
$('#input-login-username').val('').trigger('focusin').trigger('focusout');
|
|
$('#input-login-password').val('').trigger('focusin').trigger('focusout');
|
|
$.ajax({
|
|
url: QUERY_URL + 'login',
|
|
method: 'POST',
|
|
data: {
|
|
username: username,
|
|
password: password,
|
|
device: navigator.userAgent
|
|
},
|
|
error: function (xhr, status, error) {
|
|
if (xhr.status == 401) {
|
|
toastError('Benutzername oder Passwort falsch');
|
|
$('#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 {
|
|
log('Login: unbekannter Fehler', status, error);
|
|
log(xhr);
|
|
toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
|
|
}
|
|
hideLoader();
|
|
},
|
|
success: function (data, status, xhr) {
|
|
localStorage.setItem('auth_id', data.id);
|
|
localStorage.setItem('auth_hash', data.auth);
|
|
localStorage.setItem('auth_user', data.user);
|
|
localStorage.setItem('auth_username', data.username);
|
|
resetDb();
|
|
location.reload();
|
|
}
|
|
});
|
|
}
|
|
|
|
var logoutClearStorage = function() {
|
|
resetDb();
|
|
localStorage.removeItem('auth_id');
|
|
localStorage.removeItem('auth_hash');
|
|
localStorage.removeItem('auth_user');
|
|
localStorage.removeItem('auth_username');
|
|
location.reload();
|
|
}
|
|
|
|
var logout = function() {
|
|
showLoader();
|
|
var auth = {
|
|
id: localStorage.getItem('auth_id'),
|
|
hash: localStorage.getItem('auth_hash')
|
|
}
|
|
if ((auth.id === null) || (auth.hash === null)) {
|
|
log('Not logged in');
|
|
logoutClearStorage();
|
|
return;
|
|
}
|
|
$.ajax({
|
|
url: QUERY_URL + 'logout',
|
|
method: 'POST',
|
|
data: {
|
|
auth: auth
|
|
},
|
|
error: function (xhr, status, error) {
|
|
if (xhr.status == 401) {
|
|
log('Not logged in');
|
|
logoutClearStorage();
|
|
} else if (xhr.status == 0) {
|
|
log('Could not delete auth from server');
|
|
logoutClearStorage();
|
|
} else {
|
|
log('Logout: unbekannter Fehler', status, error);
|
|
log(xhr);
|
|
toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
|
|
hideLoader();
|
|
}
|
|
},
|
|
success: function (data, status, xhr) {
|
|
logoutClearStorage();
|
|
}
|
|
});
|
|
}
|
|
|
|
function deleteDb() {
|
|
$('#menu-developer').hideMenu();
|
|
if (canUseLocalDB) {
|
|
showLoader();
|
|
var request = window.indexedDB.deleteDatabase('regatten_app_db_' + BOATCLASS);
|
|
request.onerror = function (event) {
|
|
log('Cannot delete DB: ', event.target.errorCode);
|
|
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) {
|
|
log('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('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 deleteCache() {
|
|
$('#menu-developer').hideMenu();
|
|
navigator.serviceWorker.getRegistrations().then(function (registrations) {
|
|
for (let registration of registrations) {
|
|
log('Unregister sW:', registration);
|
|
registration.unregister();
|
|
}
|
|
});
|
|
caches.keys().then((keyList) => {
|
|
return Promise.all(keyList.map((key) => {
|
|
log('Cache deleted:', key);
|
|
return caches.delete(key);
|
|
}));
|
|
});
|
|
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('Subscribing');
|
|
const applicationServerKey = urlB64ToUint8Array(PUSH_SERVER_KEY);
|
|
swRegistration.pushManager.subscribe({
|
|
userVisibleOnly: true,
|
|
applicationServerKey: applicationServerKey
|
|
})
|
|
.then(function(subscription) {
|
|
pushesUpdateServerSubscription(subscription, true);
|
|
updatePushSwitches();
|
|
updatePushBadge();
|
|
})
|
|
.catch(function(err) {
|
|
log('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('Unsubscribing');
|
|
swRegistration.pushManager.getSubscription()
|
|
.then(function(subscription) {
|
|
if (subscription) {
|
|
pushesUpdateServerSubscription(subscription, false);
|
|
subscription.unsubscribe();
|
|
$('#menu-pushes').hideMenu();
|
|
updatePushBadge();
|
|
hideLoader();
|
|
}
|
|
})
|
|
.catch(function(error) {
|
|
log('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) {
|
|
log('updateServer', enabled, subscription);
|
|
$.ajax({
|
|
url: QUERY_URL + (enabled ? 'add' : 'remove') + '_subscription',
|
|
type: 'POST',
|
|
data: { subscription: JSON.stringify(subscription) },
|
|
success: function (data, textStatus, jqXHR) {
|
|
if (!enabled) {
|
|
toastOk('Du erhältst ab sofort keine Benachrichtigungen mehr von uns.');
|
|
}
|
|
hideLoader();
|
|
},
|
|
error: function (jqXHR, textStatus, errorThrown) {
|
|
throw 'Cannot update server subscription';
|
|
}
|
|
});
|
|
}
|
|
|
|
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ü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 (!pushesPossible) return;
|
|
if (Notification.permission == 'denied') {
|
|
$('#badge-pushes').removeClass('bg-green2-dark').addClass('bg-red2-dark').text('BLOCKED');
|
|
return;
|
|
}
|
|
swRegistration.pushManager.getSubscription().then(function(subscription) {
|
|
var isSub = (subscription !== null);
|
|
if (isSub) {
|
|
$('#badge-pushes').removeClass('bg-red2-dark').addClass('bg-green2-dark').text('AN');
|
|
} else {
|
|
$('#badge-pushes').removeClass('bg-green2-dark').addClass('bg-red2-dark').text('AUS');
|
|
}
|
|
});
|
|
}
|
|
|
|
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 = new Date(Date.parse(newsEntry.date));
|
|
if (newsEntry.date > now) continue;
|
|
if (newsEntry.date < newsRead) continue;
|
|
sum ++;
|
|
}
|
|
updateBadge('more/news', sum);
|
|
}
|
|
|
|
var initRegatten = function() {
|
|
showLoader();
|
|
|
|
initDatabase();
|
|
|
|
if (isLoggedIn()) {
|
|
$('.show-loggedin').show();
|
|
$('.show-notloggedin').hide();
|
|
if ($('.replace-userid-href').length > 0)
|
|
$('.replace-userid-href').attr('href', $('.replace-userid-href').attr('href').replace('%USERID%', USER_ID));
|
|
if ($('.replace-username').length > 0)
|
|
$('.replace-username').html(USER_NAME);
|
|
} else {
|
|
$('.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() {
|
|
if ((swRegistration !== null) && canUseLocalDB) {
|
|
pushesPossible = true;
|
|
updatePushBadge();
|
|
} else {
|
|
$('#badge-pushes').removeClass('bg-green2-dark').addClass('bg-red2-dark').text('NOT SUPPORTED');
|
|
}
|
|
}
|
|
|
|
var onDatabaseLoaded = function() {
|
|
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();
|
|
|
|
updateNewsBadge();
|
|
}
|
|
|
|
var onAfterSync = function() {
|
|
updateNewsBadge();
|
|
}
|
|
|
|
// Add console opener to preloader
|
|
var addConsoleOpenerToPreloader = function() {
|
|
addConsoleOpenerToPreloader = function(){};
|
|
var preloader = document.getElementById('preloader');
|
|
var button = document.createElement('a');
|
|
button.href = '#';
|
|
button.classList = 'btn btn-full rounded-s text-uppercase font-900 shadow-m bg-highlight m-3';
|
|
button.style.position = 'fixed';
|
|
button.style.bottom = 0;
|
|
button.style.left = 0;
|
|
button.style.right = 0;
|
|
button.innerHTML = 'Show Console';
|
|
button.onclick = function(){
|
|
mobileConsole.displayConsole();
|
|
return false;
|
|
}
|
|
setTimeout(function(){
|
|
preloader.appendChild(button);
|
|
}, 5000);
|
|
}
|
|
addConsoleOpenerToPreloader();
|