function reload_app() { // TODO use a variable instead of window.location.href, as // window.locatin.href may be /z/... // Until then, we guard it by only reloading whin moreinfo is not expanded. if ($('.expanded-moreinfo').length == 0) { $.get(window.location.href, {ajax: 1}, function(data) { $('div.app > ul').html(data); dbf_reg_handlers(); setTimeout(reload_app, 60000); }).fail(function() { setTimeout(reload_app, 10000); }); } else { setTimeout(reload_app, 30000); } } function dbf_reg_handlers() { $('div.app > ul > li').click(function() { const trainElem = $(this); const routeprev = trainElem.data('routeprev').split('|'); const routenext = trainElem.data('routenext').split('|'); const moreinfo = trainElem.data('moreinfo').split('|'); const this_href = window.location.href; const station = $('div.app').data('station'); history.pushState({'page':'traindetail','train':trainElem.data('no')}, 'test', '/z/' + trainElem.data('train') + '/' + station); $('.moreinfo').each(function() { var infoElem = $(this); $('.moreinfo .train-line').removeClass('bahn sbahn fern ext').addClass(trainElem.data('linetype')); $('.moreinfo .train-line').text(trainElem.data('line')); $('.moreinfo .train-no').text(trainElem.data('no')); $('.moreinfo .train-origin').text(trainElem.data('from')); $('.moreinfo .train-dest').text(trainElem.data('to')); $('.moreinfo .minfo').text(''); $('.moreinfo .mfooter').html(''); $('.moreinfo .verbose').html(''); $('.moreinfo .mroute').html(''); $('.moreinfo ul').html(''); var dataline = ''; if (trainElem.data('arrival') != '') { dataline += '
An: ' + trainElem.data('arrival') + '
'; } else { dataline += '
'; } if (trainElem.data('platform') != '') { dataline += '
Gleis ' + trainElem.data('platform') + '
'; } else { dataline += '
'; } if (trainElem.data('departure') != '') { dataline += '
Ab: ' + trainElem.data('departure') + '
'; } else { dataline += '
'; } $('.moreinfo .mfooter').append('
' + dataline + '
'); if ($('.moreinfo .loading').length == 0) { $('.moreinfo .mfooter').append('
Lade Daten, bitte warten...
'); } if (trainElem.data('moreinfo') != '') { var ibuf = ''; for (var key in moreinfo) { ibuf += '
  • ' + moreinfo[key] + '
  • '; } $('.moreinfo .mfooter').append('Meldungen: '); } var routebuf = ''; if (trainElem.data('routeprev') != '') { for (var key in routeprev) { routebuf += '
  • ' + routeprev[key] + '
  • '; } } routebuf += '
  • ' + document.title + '
  • '; if (trainElem.data('routenext') != '') { for (var key in routenext) { routebuf += '
  • ' + routenext[key] + '
  • '; } } $('.moreinfo .mfooter').append('Fahrtverlauf: '); $.get(this_href, {train: trainElem.data('train'), ajax: 1}, function(data) { $('.moreinfo').html(data); }).fail(function() { $('.moreinfo .mfooter').append('Der Zug ist abgefahren (Zug nicht gefunden)'); }); infoElem.removeClass('collapsed-moreinfo'); infoElem.addClass('expanded-moreinfo'); }); }); } $(function() { $('.moresettings-header').each(function() { $(this).click(function() { var moresettings = $('.moresettings'); if ($(this).hasClass('moresettings-header-collapsed')) { $(this).removeClass('moresettings-header-collapsed'); $(this).addClass('moresettings-header-expanded'); moresettings.removeClass('moresettings-collapsed'); moresettings.addClass('moresettings-expanded'); } else { $(this).removeClass('moresettings-header-expanded'); $(this).addClass('moresettings-header-collapsed'); moresettings.removeClass('moresettings-expanded'); moresettings.addClass('moresettings-collapsed'); } }); }); $('.developers-header').each(function() { $(this).click(function() { var developers = $('.developers'); if ($(this).hasClass('developers-header-collapsed')) { $(this).removeClass('developers-header-collapsed'); $(this).addClass('developers-header-expanded'); developers.removeClass('developers-collapsed'); developers.addClass('developers-expanded'); } else { $(this).removeClass('developers-header-expanded'); $(this).addClass('developers-header-collapsed'); developers.removeClass('developers-expanded'); developers.addClass('developers-collapsed'); } }); }); dbf_reg_handlers(); if ($('.content .app').length) { setTimeout(reload_app, 30000); history.replaceState({'page':'station'}, document.title, ''); } window.onpopstate = function(event) { if ((event.state != null) && (event.state['page'] == 'station')) { $('.moreinfo').each(function() { $(this).removeClass('expanded-moreinfo'); $(this).addClass('collapsed-moreinfo'); }); if (!$('div.app > ul').length) { $('div.app').append(''); reload_app(); } } else { console.log("unhandled popstate! " + document.location); } }; });