{% load static %}
{% load projecttags %}
{% load project_url_tag %}
{% load humanize %}

{%if mru and mru.count > 0%}

  {%if mrb_type == 'project' %}
      <h2 class="page-header">
      Latest project builds

      {% if project.is_default %}
          <i class="icon-question-sign get-help heading-help" title="" data-original-title="Builds in this project cannot be started from Toaster: they are started from the command line"></i>
      {% endif %}
      </h2>
  {% else %}
    <div class="page-header top-air">
      <h1>
      Latest builds
      </h1>
    </div>
  {% endif %}
  <div id="latest-builds">
  {% for build in mru %}
  <div data-latest-build-result="{{ build.id }}" class="alert build-result {%if build.outcome == build.SUCCEEDED%}alert-success{%elif build.outcome == build.FAILED%}alert-error{%else%}alert-info{%endif%}{% if mrb_type != 'project' %} project-name{% endif %}">
      {% if mrb_type != 'project' %}
        <span class="label {%if build.outcome == build.SUCCEEDED%}label-success{%elif build.outcome == build.FAILED%}label-important{%else%}label-info{%endif%}">
            <a href={% project_url build.project %}>
                {{build.project.name}}
            </a>
        </span>
      {% endif %}
        <div class="row-fluid">
          <div class="span3 lead">
    {%if build.outcome == build.SUCCEEDED or build.outcome == build.FAILED %}
              <a href="{%url 'builddashboard' build.pk%}" class="{%if build.outcome == build.SUCCEEDED %}success{%else%}error{%endif%}">
    {% endif %}
            {% if build.target_set.all.count > 0 %}
                <span data-toggle="tooltip"
                  {% if build.target_set.all.count > 1 %}
                    {{build.get_sorted_target_list.0.target}}
                    title="Recipes:
                    {% for target in build.get_sorted_target_list %}
                        {% if target.task %}
                            {{target.target}}:{{target.task}}
                        {% else %}
                            {{target.target}}
                        {% endif %}
                    {% endfor %}"
                  {% endif %}
                >
                {% if build.target_set.all.0.task %}
                    {{build.get_sorted_target_list.0.target}}:{{build.target_set.all.0.task}}
                {% else %}
                    {{build.get_sorted_target_list.0.target}}
                {% endif %}
                {% if build.target_set.all.count > 1 %}
                    (+{{build.target_set.all.count|add:"-1"}})
                {% endif %}
                </span>
             {% endif %}
    {%if build.outcome == build.SUCCEEDED or build.outcome == build.FAILED %}
                </a>
    {% endif %}
            </div>
    {% if build.outcome == build.SUCCEEDED or build.outcome == build.FAILED %}
            <div class="span2 lead">
                {% if build.completed_on|format_build_date  %}
                    {{ build.completed_on|date:'d/m/y H:i' }}
                {% else %}
                    {{ build.completed_on|date:'H:i' }}
                {% endif %}
            </div>
    {% endif %}
    {%if build.outcome == build.SUCCEEDED or build.outcome == build.FAILED %}
            <div class="span2 lead">
      {% if  build.errors.count %}
                <i class="icon-minus-sign red"></i> <a href="{%url 'builddashboard' build.pk%}#errors" class="error">{{build.errors.count}} error{{build.errors.count|pluralize}}</a>
      {% endif %}
            </div>
            <div class="span2 lead">
      {% if  build.warnings.count %}
                <i class="icon-warning-sign yellow"></i> <a href="{%url 'builddashboard' build.pk%}#warnings" class="warning">{{build.warnings.count}} warning{{build.warnings.count|pluralize}}</a>
      {% endif %}
            </div>
            <div class="lead ">
              <span class="lead">
                  Build time: <a href="{% url 'buildtime' build.pk %}">{{ build.timespent_seconds|sectohms }}</a>
              </span>
              {% if build.project.is_default %}
                  <i class="pull-right icon-question-sign get-help
                  {% if build.outcome == build.SUCCEEDED %}
                      get-help-green
                  {% elif build.outcome == build.FAILED %}
                      get-help-red
                  {% else %}
                      get-help-blue
                  {% endif %}
                  " title="Builds in this project cannot be started from Toaster: they are started from the command line">
                  </i>
              {% else %}
                  <button class="btn
                      {% if build.outcome == build.SUCCEEDED %}
                          btn-success
                      {% elif build.outcome == build.FAILED %}
                          btn-danger
                      {% else %}
                          btn-info
                      {%endif%}
                      pull-right"
                      onclick='scheduleBuild({% url 'projectbuilds' build.project.id as bpi %}{{bpi|json}},
                        {{build.project.name|json}},
                        {% url 'project' build.project.id as purl %}{{purl|json}},
                        {{build.target_set.all|get_tasks|json}})'>

                        Rebuild
                  </button>
              {% endif %}
            </div>
    {%endif%}
    {%if build.outcome == build.IN_PROGRESS %}
            <div class="span4 offset1">
              <div class="progress" id="build-pc-done-title-{{build.pk}}" style="margin-top:5px;" data-toggle="tooltip" title="{{build.completeper}}% of tasks complete">
                  <div id="build-pc-done-bar-{{build.pk}}" style="width: {{build.completeper}}%;" class="bar"></div>
                </div>
            </div>
            <div class="lead pull-right"><span id="build-pc-done-{{build.pk}}">{{build.completeper}}</span>% of tasks complete</div>
    {%endif%}
        </div>
    </div>

  {% endfor %}
  </div>

<script>

function scheduleBuild(url, projectName, projectUrl, buildlist) {
  console.log("scheduleBuild");
  libtoaster.startABuild(url, null, buildlist.join(" "), function(){
    console.log("reloading page");
    window.location.reload();
  }, null);
}

$(document).ready(function(){

  $(".cancel-build-btn").click(function (){
    var url = $(this).data('request-url');
    var buildIds = $(this).data('build-id');
    var btn = $(this);

    libtoaster.cancelABuild(url, buildIds, function(){
      btn.parents(".alert").fadeOut();
    }, null);
  });

  {%if mrb_type == 'project' %}
  var projectBuilds = true;
  {% else %}
  var projectBuilds = false;
  {% endif %}

  var progressTimer;

  if (projectBuilds === true){
    progressTimer = window.setInterval(function() {
      libtoaster.getProjectInfo(libtoaster.ctx.projectPageUrl,
        function(prjInfo){
          /* These two are needed because a build can be 100% and still
           * in progress due to the fact that the % done is updated at the
           * start of a task so it can be doing the last task at 100%
           */
          var inProgress = 0;
          var allPercentDone = 0;

          for (var i in prjInfo.builds){
            var build = prjInfo.builds[i];

            if (build.outcome === "In Progress" ||
               $(".progress .bar").length > 0){
              /* Update the build progress */
              var percentDone;

              if (build.outcome !== "In Progress"){
                /* We have to ignore the value when it's Succeeded because it
                *   goes back to 0
                */
                percentDone = 100;
              } else {
                percentDone = build.percentDone;
                inProgress++;
              }

              $("#build-pc-done-" + build.id).text(percentDone);
              $("#build-pc-done-title-" + build.id).attr("title", percentDone);
              $("#build-pc-done-bar-" + build.id).css("width",
                String(percentDone) + "%");

              allPercentDone += percentDone;
            }
          }

          if (allPercentDone === (100 * prjInfo.builds.length) && !inProgress)
            window.location.reload();

          /* Our progress bar is not still showing so shutdown the polling. */
          if ($(".progress .bar").length === 0)
            window.clearInterval(progressTimer);

      });
    }, 1500);
  }
});

</script>

{%endif%}

