header.html

<div class="icnml_logo icnml_header_bg">
    <a href="/{{ baseurl }}">ICNML</a>
</div>
<div class="icnml_user_info icnml_header_bg">
    <span>{{ session[ 'username' ] }}</span>
    <span>|</span>
    <span id="icnml_countdown">-</span>
    <span>|</span>
    <span><a href="{{ url_for( 'serve_qrcode' ) }}">Update TOTP</a></span>
    <span>|</span>
    <span><a href="{{ url_for( 'u2f_admin' ) }}">Security keys</a></span>
    <span>|</span>
    
    {% if admin %}
        <span><a href="{{ url_for( 'validate_signin' ) }}">New users validation</a></span>
        <span>|</span>
    {% endif %}
    
    <span><a href="{{ url_for( 'logout' ) }}">Logout</a></span>
</div>
<script type="text/javascript">
    var eventTime = moment().add( {{ session_timeout }}, 'seconds' );
    var interval = 1000;
    
    setInterval( function()
	{
        var duration = moment.duration( eventTime - moment(), 'milliseconds' );
        if( duration < -10000 )
        {
        	location.reload();
        } else if( duration <= 0 ) {
        	$( '#icnml_countdown' )
    	    	.text( "-" );
    	
        } else {
        	var minutes = moment( duration.minutes(), 'minutes' ).format( "mm" );
        	var seconds = moment( duration.seconds(), 'seconds' ).format( "ss" );
        	
            $( '#icnml_countdown' )
        	    .text( minutes + ":" + seconds );
        }
    }, interval );
</script>