summaryrefslogtreecommitdiffstats
path: root/bitbake/lib/toaster/toastergui/templates/basebuildpage.html
blob: 50658e0c51d65b1c9dc08ade20c3e1590a1ef721 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
{% extends "base.html" %}
{% load projecttags %}
{% load project_url_tag %}
{% load objects_to_dictionaries_filter %}
{% load humanize %}
{% block pagecontent %}

<div class="row">
  <!-- breadcrumbs -->
  <div class="col-md-12">
    <ul class="breadcrumb" id="breadcrumb">
      <li><a href="{% project_url build.project %}">{{build.project.name}}</a></li>
      {% if not build.project.is_default %}
        <li><a href="{% url 'projectbuilds' build.project.id %}">Builds</a></li>
      {% endif %}
      <li>
        {% block parentbreadcrumb %}
          <a href="{%url 'builddashboard' build.pk%}">
            {{build.get_sorted_target_list.0.target}} {% if build.target_set.all.count > 1 %}(+{{build.target_set.all.count|add:"-1"}}){% endif %} {{build.machine}} ({{build.completed_on|date:"d/m/y H:i"}})
          </a>
        {% endblock %}
      </li>
      {% block localbreadcrumb %}{% endblock %}
    </ul>
    <script>

      var configVarUrl = "{% url 'configvars' build.id %}";

      $(document).ready(function(){
        $('#breadcrumb > li').append('<span class="divider">&rarr;</span>');
        $('#breadcrumb > li:last').addClass("active");
        $('#breadcrumb > li:last > span').remove();

        $("#build-menu li a").each(function(){
          /* Set the page active state in the Build menu */
          var currentUrl = window.location.href.split('?')[0];
          if (currentUrl === $(this).prop("href")){
            $(this).parent().addClass("active");
          } else {
            /* Special case the configvar as this is part of configuration
             * page but is a separate url
             */
            if (window.location.pathname === configVarUrl){
              $("#menu-configuration").addClass("active");
            } else {
              $(this).parent().removeClass("active");
            }
          }
        });
      });
    </script>
  </div>
</div>

  <!-- begin left sidebar container for builds which started properly -->
  {% if build.started %}
    <div class="row">
      <div id="nav" class="col-md-2">
        <ul class="nav nav-pills nav-stacked" id="build-menu">
          <li
            {% if request.resolver_match.url_name == 'builddashboard'  %}
              class="active"
            {% endif %} >
            <a  href="{% url 'builddashboard' build.pk %}">Build summary</a>
          </li>
          {% if build.has_images and build.outcome == build.SUCCEEDED %}
            <li class="nav-header" data-menu-heading="images">Images</li>
            {% block nav-target %}
              {% for t in build.get_sorted_target_list %}
                {% if t.has_images %}
                  <li id="menu-{{t.target}}"><a href="{% url 'target' build.pk t.pk %}">{{t.target}}</a><li>
                {% endif %}
              {% endfor %}
            {% endblock %}
          {% endif %}
          <li class="nav-header">Build</li>
            <li id="menu-configuration"><a href="{% url 'configuration' build.pk %}">Configuration</a></li>
            <li><a href="{% url 'tasks' build.pk %}">Tasks</a></li>
            <li><a href="{% url 'recipes' build.pk %}">Recipes</a></li>
            <li><a href="{% url 'packages' build.pk %}">Packages</a></li>
            <li class="nav-header">Performance</li>
            <li><a href="{% url 'buildtime' build.pk %}">Time</a></li>
            <li><a href="{% url 'cputime' build.pk %}">CPU usage</a></li>
            <li><a href="{% url 'diskio' build.pk %}">Disk I/O</a></li>

	  <li class="nav-header">Actions</li>
         	<a class="btn btn-default btn-block navbar-btn" href="{% url 'build_artifact' build.id 'cookerlog' build.id %}">Download build log</a>

          {% with build.get_custom_image_recipes as custom_image_recipes %}
            {% if custom_image_recipes.count > 0 %}
              <!-- edit custom image built during this build -->
                <button class="btn btn-default btn-block navbar-btn" data-role="edit-custom-image-trigger">Edit custom image</button>
                {% include 'editcustomimage_modal.html' %}
                <script>
                  var editableCustomImageRecipes = {{ custom_image_recipes | objects_to_dictionaries:"id,name" | json }};

                  $(document).ready(function () {
                    var editCustomImageTrigger = $('[data-role="edit-custom-image-trigger"]');
                    var editCustomImageModal = $('#edit-custom-image-modal');

                    // edit custom image which was built during this build
                    editCustomImageTrigger.click(function () {
                      // single editable custom image: redirect to the edit page
                      // for that image
                      if (editableCustomImageRecipes.length === 1) {
                        var url = '{% url "customrecipe" build.project.id custom_image_recipes.first.id %}';
                        document.location.href = url;
                      }
                      // multiple editable custom images: show modal to select
                      // one of them for editing
                      else {
                        editCustomImageModal.modal('show');
                      }
                    });
                  });
                </script>
            {% endif %}
          {% endwith %}

            <!-- new custom image from image recipe in this build -->
            {% if build.has_image_recipes %}
              <button class="btn btn-default btn-block navbar-btn" data-role="new-custom-image-trigger">New custom image</button>
              {% include 'newcustomimage_modal.html' %}
              <script>
                // imageRecipes includes both custom image recipes and built-in
                // image recipes, any of which can be used as the basis for a
                // new custom image
                var imageRecipes = {{ build.get_image_recipes | objects_to_dictionaries:"id,name" | json }};

                $(document).ready(function () {
                  var newCustomImageModal = $('#new-custom-image-modal');
                  var newCustomImageTrigger = $('[data-role="new-custom-image-trigger"]');

                  // show create new custom image modal to select an image built
                  // during this build as the basis for the custom recipe
                  newCustomImageTrigger.click(function () {
                    if (!imageRecipes.length) {
                      return;
                    }

                    newCustomImageModalSetRecipes(imageRecipes);
                    newCustomImageModal.modal('show');
                  });
                });
              </script>
            {% endif %}
        </ul>
      </div>
      <!-- end left sidebar container -->
    {% endif %}

    <!-- right container; need class="row" for builds without left-hand menu -->
    <div{% if not build.started %} class="row"{% endif %}>
      {% block buildinfomain %}{% endblock %}
    </div>
  </div>
{% endblock %}