index.html

@@ -72,6 +72,12 @@
            </div>
        </nav>
        <div class="container-fluid">
            <div id="progress" class="progress" style="display: none;">
                <div id="progress-bar" class="progress-bar progress-bar-striped active" style="width: 100%">
                    <span id="progress-text" class="sr-only">Refreshing data...</span>
                </div>
            </div>
			
            <div id="alert" class="alert alert-danger alert-dismissible" style="display:none">
                <a href="#" class="close" id="alert-close" aria-label="close">&times;</a>
                <strong>Error occured!</strong> <span id="alert-text"></span>

 index.js

@@ -30,6 +30,8 @@
var alert_text = document.getElementById('alert-text');
var alert_close = document.getElementById('alert-close');

var progress = document.getElementById('progress');

var parseStatusBoarding = '>>>';
function parseStatus(status) {
    switch(status.status) {
@@ -101,7 +103,6 @@
}

function fail(message, more) {
    if(refresh_timer) clearInterval(refresh_timer);
    if(times_timer) clearTimeout(times_timer);
    
    setText(alert_text, message);
@@ -124,6 +125,18 @@
    }
}

function fail_hide() {
    alert.style.display = 'none';
}

function loading_start() {
    progress.style.display = 'block';
}

function loading_end() {
    progress.style.display = 'none';
}

function loadTimes(stopId = null, clearRoute = false) {
    if(!stopId) stopId = stop_id;
    if(!stopId) return;
@@ -133,6 +146,7 @@
    
    refresh_button.removeAttribute('disabled');
    
    loading_start();
    times_xhr = $.get(
        ttss_base + '/passageInfo/stopPassages/stop' 
            + '?stop=' + encodeURIComponent(stopId)
@@ -232,9 +246,10 @@
        }
        
        startTimer(new Date());
        fail_hide();
        
        times_timer = setTimeout(function(){ loadTimes(); }, ttss_refresh);
    }).fail(fail_ajax);
    }).fail(fail_ajax).always(loading_end);
}

function declinate(num, singular, plural) {