summaryrefslogtreecommitdiffstats
path: root/bitbake/lib/toaster/toastergui/templates/project.html
blob: fa41e3c909fd5cc5f0a03a61cf58f36a9893d50a (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
158
159
160
161
162
163
164
{% extends project_specific|yesno:"baseprojectspecificpage.html,baseprojectpage.html" %}

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

{% block title %} Configuration - {{project.name}} - Toaster {% endblock %}
{% block projectinfomain %}

<script src="{% static 'js/layerDepsModal.js' %}"></script>
<script src="{% static 'js/projectpage.js' %}"></script>
<script>
  $(document).ready(function (){
    var ctx = {
      testReleaseChangeUrl: "{% url 'xhr_testreleasechange' project.id %}",
    };

    try {
      projectPageInit(ctx);
    } catch (e) {
      document.write("Sorry, An error has occurred loading this page (project):"+e);
      console.warn(e);
    }
  });
</script>

<div id="delete-project-modal" class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4>Are you sure you want to delete this project?</h4>
      </div>
      <div class="modal-body">
        <p>Deleting the <strong class="project-name"></strong> project
        will:</p>
        <ul>
          <li>Cancel its builds currently in progress</li>
          <li>Remove its configuration information</li>
          <li>Remove its imported layers</li>
          <li>Remove its custom images</li>
          <li>Remove all its build information</li>
        </ul>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="delete-project-confirmed">
          <span data-role="submit-state">Delete project</span>
          <span data-role="loading-state" style="display:none">
            <span class="fa-pulse">
            <i class="fa-pulse icon-spinner"></i>
          </span>
            &nbsp;Deleting project...
          </span>
        </button>
        <button type="button" class="btn btn-link" data-dismiss="modal">Cancel</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div>


<div class="row" id="project-page" style="display:none">
  <div class="col-md-6">
    <div class="well well-transparent" id="machine-section">
      <h3>Machine</h3>

      <p class="lead"><span id="project-machine-name"></span> <span class="glyphicon glyphicon-edit" id="change-machine-toggle"></span></p>

      <form id="select-machine-form" style="display:none;" class="form-inline">
        <span class="help-block">Machine suggestions come from the list of layers added to your project. If you don't see the machine you are looking for, <a href="{% url 'projectmachines' project.id %}">check the full list of machines</a></span>
        <div class="form-group" id="machine-input-form">
          <input class="form-control" id="machine-change-input" autocomplete="off" value="" data-provide="typeahead" data-minlength="1" data-autocomplete="off" type="text">
        </div>
        <button id="machine-change-btn" class="btn btn-default" type="button">Save</button>
        <a href="#" id="cancel-machine-change" class="btn btn-link">Cancel</a>
        <span class="help-block text-danger" id="invalid-machine-name-help" style="display:none">A valid machine name cannot include spaces.</span>
        <p class="form-link"><a href="{% url 'projectmachines' project.id %}">View compatible machines</a></p>
      </form>
    </div>

    <div class="well well-transparent" id="distro-section">
      <h3>Distro</h3>

      <p class="lead"><span id="project-distro-name"></span> <span class="glyphicon glyphicon-edit" id="change-distro-toggle"></span></p>

      <form id="select-distro-form" style="display:none;" class="form-inline">
        <span class="help-block">Distro suggestions come from the Layer Index</a></span>
        <div class="form-group">
          <input class="form-control" id="distro-change-input" autocomplete="off" value="" data-provide="typeahead" data-minlength="1" data-autocomplete="off" type="text">
        </div>
        <button id="distro-change-btn" class="btn btn-default" type="button">Save</button>
        <a href="#" id="cancel-distro-change" class="btn btn-link">Cancel</a>
        <p class="form-link"><a href="{% url 'projectdistros' project.id %}">View compatible distros</a></p>
      </form>
    </div>

	{% if not project_specific %}
    <div class="well well-transparent">
      <h3>Most built recipes</h3>

      <div class="alert alert-info" style="display:none" id="no-most-built">
        <h4>You haven't built any recipes yet</h4>
        <p class="form-link"><a href="{% url 'projectimagerecipes' project.id %}">Choose a recipe to build</a></p>
      </div>

      <ul class="list-unstyled lead" id="freq-build-list">
      </ul>
      <button class="btn btn-primary" id="freq-build-btn" disabled="disabled">Build selected recipes</button>
    </div>
    {% endif %}

    <div class="well well-transparent">
      <h3>Project release</h3>

      <p class="lead"><span id="project-release-title"></span>

      <!-- Comment out the ability to change the project release, until we decide what to do with this functionality -->

      <!--i title="" data-original-title="" id="release-change-toggle" class="icon-pencil"></i-->
      </p>

      <!-- Comment out the ability to change the project release, until we decide what to do with this functionality -->

      <!--form class="form-inline" id="change-release-form" style="display:none;">
        <select></select>
        <button class="btn" style="margin-left:5px;" id="change-release-btn">Change</button> <a href="#" id="cancel-release-change" class="btn btn-link">Cancel</a>
      </form-->
    </div>
  </div>

  <div class="col-md-6">
    <div class="well well-transparent" id="layer-container">
      <h3>Layers <span class="counter">(<span id="project-layers-count"></span>)</span>
        <span title="OpenEmbedded organises recipes and machines into thematic groups called <strong>layers</strong>. Click on a layer name to see the recipes and machines it includes." class="glyphicon glyphicon-question-sign get-help"></span>
      </h3>

      <div class="alert alert-warning" id="no-layers-in-project" style="display:none">
        <h4>This project has no layers</h4>
        In order to build this project you need to add some layers first. For that you can:
        <ul>
          <li><a href="{% url 'projectlayers' project.id %}">Choose from the layers compatible with this project</a></li>
          <li><a href="{% url 'importlayer' project.id %}">Import a layer</a></li>
          <li><a href="http://www.yoctoproject.org/docs/current/dev-manual/dev-manual.html#understanding-and-creating-layers" target="_blank">Read about layers in the documentation</a></li>
          <li>Or type a layer name below</li>
        </ul>
      </div>

      <form class="form-inline">
        <div class="form-group">
          <input id="layer-add-input" class="form-control" autocomplete="off" placeholder="Type a layer name" data-minlength="1" data-autocomplete="off" data-provide="typeahead" data-source="" type="text">
        </div>
        <button id="add-layer-btn" class="btn btn-default" disabled>Add layer</button>
        <p class="form-link">
          <a href="{% url 'projectlayers' project.id %}" id="view-compatible-layers">View compatible layers</a>
          <span class="text-muted">|</span>
          <a href="{% url 'importlayer' project.id %}">Import layer</a>
        </p>
      </form>

      <ul class="list-unstyled lead" id="layers-in-project-list">
      </ul>
  </div>

</div>
{% endblock %}