loading_bug.html

{% extends "base.html" %}

{% block title %}SummBug{% endblock %}

{% block content %}
<div class="container">
<div class="loading-status" id="loading-status">
  <div style="margin-top: 50%;"></div>
  <div class="progress progress-striped active" style="margin-bottom: 5px;">
    <div class="bar" style="width: 100%;"></div>
  </div>
  <div id="loading-text">
    Loading bug from {{project}}...
  </div>
</div>
</div>

{% block conten %}
<div id="summary"></div>
{% endblock %}

<script>
  $.ajax({
    type: "GET",
    url: window.location.href,
    data: {load: true}
  }).done(function( msg ) {
    $("#loading-status").slideUp(600);
    $("#summary").delay(300).html(msg);
  });


  <!-- $("#summary").load(window.location.href + "?load", function(response, status) { -->
  <!--   $("#loading-status").hide(); -->
  <!-- }); -->
  setTimeout('$("#loading-text").text("Summarizing bug...")', 2500);
</script>
{% endblock %}