{% extends "templates/loading.html" %}
{% block footer %}
{{ super() }}
<script type="text/javascript">
const biobb_messages = [
	'We use the <a target="_blank" href="https://repo2docker.readthedocs.io/">repo2docker</a> tool to automatically build the environment for the notebooks.',
    'If a repository takes a long time to launch, it is usually because Binder needs to create the environment for the first time.',
    'The tool that powers this page is called <a target="_blank" href="https://binderhub.readthedocs.io">BinderHub</a>. It is an open source tool that you can deploy yourself.',
    'Empty log? Notebook not loading? Maybe your ad blocker is interfering. Consider adding this site to the list of trusted sources.',
    'Your launch may take longer after a new release of biobb tutorials. This is because our machine needs to create your environment.',
]

 var loaderDiv = document.querySelector("div#loader-links");
 var loaderDivInnerHtml = "<p>We use the <a target='_blank' href='https://repo2docker.readthedocs.io/'>repo2docker</a> tool to automatically build the environment for the notebooks.</p>";
 loaderDiv.innerHTML = loaderDivInnerHtml;

 biobbHelpText = function(){
         var text = document.querySelector("div#loader-links p");
            if (text !== null) {
                if (!text.classList.contains("longLaunch")) {
                  // Pick a random help message and update
                   var msg = biobb_messages[Math.floor(Math.random() * biobb_messages.length)];
                } else {
                    var msg = 'Your session is taking longer than usual to start!<br />Check the log messages below to see what is happening.';
                }
                text.innerHTML = msg;
            }
 }

 const launchMessageInterval = 6 * 1000
 setInterval(biobbHelpText, launchMessageInterval);

</script>
{% endblock footer %}