{% extends sitebase.html%}

{%block head%}

<script type="text/javascript">

    $(document).ready(function() {

        var socket_protocol = window.location.protocol == "https:" ? 'wss://' : 'ws://'

        var host = socket_protocol + window.location.host + '{% raw qiita_config.portal_dir %}/consumer/';

        var websocket = new WebSocket(host);

        // When the socket is opened, send a message from the client to the

        // server that indicates the current user. This is likely not secure.

        websocket.onopen = function() {

            websocket.send(JSON.stringify({'user': '{{user.id}}'}));

        };

        // When the web socket receives an event

        websocket.onmessage = function(evt) {

            // ...convert the event's data to JSON

            message = JSON.parse(evt.data);

            // ...and if the message has the job ID we currently care about

            if(message.job_id == "{{job_id}}") {

                // ...o something based on its status.

                switch(message.status_msg) {

                    case 'Success':

                    case 'Failed':

                        window.location.replace('{{completion_redirect}}');

                        break;

                    default:

                        status_msg = document.getElementById('status-msg');

                        status_msg.innerHTML = message.status_msg + '<br/><b>You can move out of this page at any time, your job is running.</b>';

                        break;

                }

            }

        };

        websocket.onerror = function(evt) { };

      });

</script>

{% end %}

{% block content %}

<h1>Waiting on {{title}}</h1>

<p>Current status: <span id=status-msg>Queued</span></p>

{% end %}