diff options
author | Belen Barros Pena <belen.barros.pena@linux.intel.com> | 2016-04-12 15:56:43 +0100 |
---|---|---|
committer | Richard Purdie <richard.purdie@linuxfoundation.org> | 2016-06-15 08:35:03 +0100 |
commit | 443f7b39158c891015a791814b9b1fe2324edc41 (patch) | |
tree | 3f570a138594273bc7498225e066b7f9a99bf0c5 /bitbake/lib/toaster/toastergui/templates/project.html | |
parent | 79e0eb9e52e9b954aa3b6bc6dee15a75b5eb990c (diff) | |
download | poky-443f7b39158c891015a791814b9b1fe2324edc41.tar.gz |
bitbake: toaster: Migrate project configuration from bootstrap 2 to bootstrap 3
Convert all the HTML templates, JS and CSS in the project parts of
toaster to use bootstrap 3.
(Bitbake rev: 69527a731eada699d3f604ff8f3ae9410981ba9b)
Signed-off-by: Belen Barros Pena <belen.barros.pena@linux.intel.com>
Signed-off-by: Michael Wood <michael.g.wood@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
Diffstat (limited to 'bitbake/lib/toaster/toastergui/templates/project.html')
-rw-r--r-- | bitbake/lib/toaster/toastergui/templates/project.html | 102 |
1 files changed, 50 insertions, 52 deletions
diff --git a/bitbake/lib/toaster/toastergui/templates/project.html b/bitbake/lib/toaster/toastergui/templates/project.html index 125676881f..ff9eab7361 100644 --- a/bitbake/lib/toaster/toastergui/templates/project.html +++ b/bitbake/lib/toaster/toastergui/templates/project.html | |||
@@ -24,44 +24,49 @@ | |||
24 | }); | 24 | }); |
25 | </script> | 25 | </script> |
26 | 26 | ||
27 | {% comment %} | ||
27 | <!-- Comment out the ability to change the project release, until we decide what to do this functionality --> | 28 | <!-- Comment out the ability to change the project release, until we decide what to do this functionality --> |
29 | <div id="change-release-modal" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="change-release-modal" aria-hidden="false"> | ||
30 | <div class="modal-dialog"> | ||
31 | <div class="modal-content"> | ||
28 | 32 | ||
29 | <!--div id="change-release-modal" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="change-release-modal" aria-hidden="false"> | 33 | <div class="modal-header"> |
30 | <div class="modal-header"> | 34 | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> |
31 | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> | 35 | <h3>Changing Yocto Project release to <span class="proposed-release-change-name"></span></h3> |
32 | <h3>Changing Yocto Project release to <span class="proposed-release-change-name"></span></h3> | 36 | </div> |
33 | </div> | 37 | <div class="modal-body"> |
34 | <div class="modal-body"> | 38 | <p>The following added layers do not exist for <span class="proposed-release-change-name"></span>: </p> |
35 | <p>The following added layers do not exist for <span class="proposed-release-change-name"></span>: </p> | 39 | <ul id="layers-to-remove-list"> |
36 | <ul id="layers-to-remove-list"> | 40 | </ul> |
37 | </ul> | 41 | <p>If you change the Yocto Project release to <span class="proposed-release-change-name"></span>, the above layers will be deleted from your added layers.</p> |
38 | <p>If you change the Yocto Project release to <span class="proposed-release-change-name"></span>, the above layers will be deleted from your added layers.</p> | 42 | </div> |
39 | </div> | 43 | <div class="modal-footer"> |
40 | <div class="modal-footer"> | 44 | <button id="change-release-and-rm-layers" data-dismiss="modal" type="submit" class="btn btn-primary">Change release and delete layers</button> |
41 | <button id="change-release-and-rm-layers" data-dismiss="modal" type="submit" class="btn btn-primary">Change release and delete layers</button> | 45 | <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> |
42 | <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> | 46 | </div> |
43 | </div> | 47 | </div><!-- /.modal-content --> |
44 | </div--> | 48 | </div><!-- /.modal-dialog --> |
45 | 49 | </div><!-- /.modal --> | |
50 | {% endcomment %} | ||
46 | 51 | ||
47 | <div class="row-fluid" id="project-page" style="display:none"> | 52 | <div class="row" id="project-page" style="display:none"> |
48 | <div class="span6"> | 53 | <div class="col-md-6"> |
49 | <div class="well well-transparent" id="machine-section"> | 54 | <div class="well well-transparent" id="machine-section"> |
50 | <h3>Machine</h3> | 55 | <h3>Machine</h3> |
51 | 56 | ||
52 | <p class="lead"><span id="project-machine-name"></span> <i title="" data-original-title="" id="change-machine-toggle" class="icon-pencil"></i></p> | 57 | <p class="lead"><span id="project-machine-name"></span> <span class="glyphicon glyphicon-edit" id="change-machine-toggle"></span></p> |
53 | 58 | ||
54 | <form id="select-machine-form" style="display:none;"> | 59 | <form id="select-machine-form" style="display:none;" class="form-inline"> |
55 | <div class="alert alert-info"> | 60 | <div class="alert alert-info"> |
56 | <strong>Machine changes have a big impact on build outcome.</strong> You cannot really compare the builds for the new machine with the previous ones. | 61 | <strong>Machine changes have a big impact on build outcome.</strong> You cannot really compare the builds for the new machine with the previous ones. |
57 | </div> | 62 | </div> |
58 | 63 | ||
59 | <div class="input-append"> | 64 | <div class="form-group"> |
60 | <input id="machine-change-input" autocomplete="off" value="" data-provide="typeahead" data-minlength="1" data-autocomplete="off" type="text"> | 65 | <input class="form-control" id="machine-change-input" autocomplete="off" value="" data-provide="typeahead" data-minlength="1" data-autocomplete="off" type="text"> |
61 | <button id="machine-change-btn" class="btn" type="button">Save</button> <a href="#" id="cancel-machine-change" class="btn btn-link">Cancel</a> | ||
62 | </div> | 66 | </div> |
63 | 67 | <button id="machine-change-btn" class="btn btn-default" type="button">Save</button> | |
64 | <p><a href="{% url 'projectmachines' project.id %}" class="link">View compatible machines</a></p> | 68 | <a href="#" id="cancel-machine-change" class="btn btn-link">Cancel</a> |
69 | <p class="form-link"><a href="{% url 'projectmachines' project.id %}">View compatible machines</a></p> | ||
65 | </form> | 70 | </form> |
66 | </div> | 71 | </div> |
67 | 72 | ||
@@ -69,11 +74,11 @@ | |||
69 | <h3>Most built recipes</h3> | 74 | <h3>Most built recipes</h3> |
70 | 75 | ||
71 | <div class="alert alert-info" style="display:none" id="no-most-built"> | 76 | <div class="alert alert-info" style="display:none" id="no-most-built"> |
72 | <span class="lead">You haven't built any recipes yet</span> | 77 | <h4>You haven't built any recipes yet</h4> |
73 | <p style="margin-top: 10px;"><a href="{% url 'projectimagerecipes' project.id %}">Choose a recipe to build</a></p> | 78 | <p class="form-link"><a href="{% url 'projectimagerecipes' project.id %}">Choose a recipe to build</a></p> |
74 | </div> | 79 | </div> |
75 | 80 | ||
76 | <ul class="unstyled configuration-list" id="freq-build-list"> | 81 | <ul class="list-unstyled lead" id="freq-build-list"> |
77 | </ul> | 82 | </ul> |
78 | <button class="btn btn-primary" id="freq-build-btn" disabled="disabled">Build selected recipes</button> | 83 | <button class="btn btn-primary" id="freq-build-btn" disabled="disabled">Build selected recipes</button> |
79 | </div> | 84 | </div> |
@@ -97,44 +102,37 @@ | |||
97 | </div> | 102 | </div> |
98 | </div> | 103 | </div> |
99 | 104 | ||
100 | <div class="span6"> | 105 | <div class="col-md-6"> |
101 | <div class="well well-transparent" id="layer-container"> | 106 | <div class="well well-transparent" id="layer-container"> |
102 | <h3>Layers <span class="muted counter">(<span id="project-layers-count"></span>)</span> | 107 | <h3>Layers <span class="counter">(<span id="project-layers-count"></span>)</span> |
103 | <i data-original-title="OpenEmbedded organises metadata into modules called 'layers'. Layers allow you to isolate different types of customizations from each other. <a href='http://www.yoctoproject.org/docs/current/dev-manual/dev-manual.html#understanding-and-creating-layers' target='_blank'>More on layers</a>" class="icon-question-sign get-help heading-help" title=""></i> | 108 | <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> |
104 | </h3> | 109 | </h3> |
105 | 110 | ||
106 | <div class="alert lead" id="no-layers-in-project" style="display:none"> | 111 | <div class="alert alert-warning" id="no-layers-in-project" style="display:none"> |
107 | You need to add some layers. For that you can: | 112 | <h4>This project has no layers</h4> |
113 | In order to build this project you need to add some layers first. For that you can: | ||
108 | <ul> | 114 | <ul> |
109 | <li><a href="{% url 'projectlayers' project.id %}">View all layers compatible with this project</a></li> | 115 | <li><a href="{% url 'projectlayers' project.id %}">Choose from the layers compatible with this project</a></li> |
110 | <li><a href="{% url 'importlayer' project.id %}">Import a layer</a></li> | 116 | <li><a href="{% url 'importlayer' project.id %}">Import a layer</a></li> |
111 | <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> | 117 | <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> |
118 | <li>Or type a layer name below</li> | ||
112 | </ul> | 119 | </ul> |
113 | <p>Or type a layer name below.</p> | ||
114 | </div> | 120 | </div> |
115 | 121 | ||
116 | <form style="margin-top:20px"> | 122 | <form class="form-inline"> |
117 | <!--div class="control-group error"--> | 123 | <div class="form-group"> |
118 | 124 | <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"> | |
119 | <div class="input-append"> | ||
120 | <input id="layer-add-input" autocomplete="off" placeholder="Type a layer name" data-minlength="1" data-autocomplete="off" data-provide="typeahead" data-source="" type="text"> | ||
121 | <button id="add-layer-btn" class="btn" disabled>Add</button> | ||
122 | </div> | ||
123 | |||
124 | <div id="import-alert" class="alert alert-info" style="display:none;"> | ||
125 | Toaster does not know about this layer. Please <a href="#">import it</a> | ||
126 | </div> | 125 | </div> |
127 | 126 | <button id="add-layer-btn" class="btn btn-default" disabled>Add layer</button> | |
128 | <p> | 127 | <p class="form-link"> |
129 | <a href="{% url 'projectlayers' project.id %}" id="view-compatible-layers">View compatible layers</a> | 128 | <a href="{% url 'projectlayers' project.id %}" id="view-compatible-layers">View compatible layers</a> |
130 | <i data-original-title="View all the layers you can build with the release selected for this project, which is Yocto Project master" class="icon-question-sign get-help" title=""></i> | 129 | <span class="text-muted">|</span> |
131 | | <a href="{% url 'importlayer' project.id %}">Import layer</a> | 130 | <a href="{% url 'importlayer' project.id %}">Import layer</a> |
132 | </p> | 131 | </p> |
133 | </form> | 132 | </form> |
134 | 133 | ||
135 | <ul class="unstyled configuration-list" id="layers-in-project-list"> | 134 | <ul class="list-unstyled lead" id="layers-in-project-list"> |
136 | </ul> | 135 | </ul> |
137 | </div> | ||
138 | </div> | 136 | </div> |
139 | </div> | 137 | </div> |
140 | {% endblock %} | 138 | {% endblock %} |