sysmo-bts
/
generic-poky
9
0
Fork 0
Code Pull Requests Releases Activity

bitbake: toaster: Hide tabs and add info popups for command line builds 

Command line builds don't have a configuration or
layers which can be modified through Toaster.

Change the project builds page for the command line builds project,
to hide the tabs and add some info popups in appropriate places on
that page.

[YOCTO #8231]

(Bitbake rev: 565611749d47c915035890db60d19ab2fca7c42e)

Signed-off-by: Elliot Smith <elliot.smith@intel.com>
Signed-off-by: Ed Bartosh <ed.bartosh@linux.intel.com>
Signed-off-by: brian avery <avery.brian@gmail.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
This commit is contained in:
Elliot Smith 2015-10-02 14:23:35 +01:00 committed by Richard Purdie
parent da4c6144f1
commit 76702347a8
4 changed files with 94 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
bitbake/lib/toaster/toastergui/static/js/base.js
View File

@ -6,6 +6,7 @@ function basePageInit(ctx) {
var newBuildTargetInput;
var newBuildTargetBuildBtn;
var projectNameForm = $("#project-name-change-form");
var projectNameContainer = $("#project-name-container");
var projectName = $("#project-name");
var projectNameFormToggle = $("#project-change-form-toggle");
var projectNameChangeCancel = $("#project-name-change-cancel");
@ -23,24 +24,21 @@ function basePageInit(ctx) {
/* Project name change functionality */
projectNameFormToggle.click(function(e){
e.preventDefault();
$(this).add(projectName).hide();
projectNameContainer.hide();
projectNameForm.fadeIn();
});
projectNameChangeCancel.click(function(e){
e.preventDefault();
projectNameForm.hide();
projectName.add(projectNameFormToggle).fadeIn();
projectNameContainer.fadeIn();
});
$("#project-name-change-btn").click(function(e){
var newProjectName = $("#project-name-change-input").val();
libtoaster.editCurrentProject({ projectName: newProjectName },function (){
projectName.text(newProjectName);
libtoaster.editCurrentProject({ projectName: newProjectName }, function (){
projectName.html(newProjectName);
libtoaster.ctx.projectName = newProjectName;
projectNameChangeCancel.click();
});

4
bitbake/lib/toaster/toastergui/templates/mrb_section.html
View File

@ -8,6 +8,10 @@
{%if mrb_type == 'project' %}
<h2>
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">

80
bitbake/lib/toaster/toastergui/templates/projecttopbar.html
View File

@ -5,8 +5,14 @@
<!-- project name -->
<div class="page-header">
<h1><span id="project-name">{{project.name}}</span>
<h1 id="project-name-container">
<span id="project-name">{{project.name}}</span>
<i class="icon-pencil" data-original-title="" id="project-change-form-toggle" title=""></i>
{% if project.is_default %}
<i class="icon-question-sign get-help heading-help" title="" data-original-title="This project shows information about the builds you start from the command line while Toaster is running"></i>
{% endif %}
</h1>
<form id="project-name-change-form" style="margin-bottom: 0px; display: none;">
<div class="input-append">
@ -17,38 +23,40 @@
</form>
</div>
<div id="project-topbar">
<ul class="nav nav-pills">
<li>
<a href="{% url 'projectbuilds' project.id %}">
Builds (<span class="total-builds">0</span>)
</a>
</li>
<li id="topbar-configuration-tab">
<a href="{% url 'project' project.id %}">
Configuration
</a>
</li>
<li>
<a href="{% url 'importlayer' project.id %}">
Import layer
</a>
</li>
{% if CUSTOM_IMAGE %}
<li>
<a href="{% url 'newcustomimage' project.id %}">
New custom image
</a>
</li>
{% endif %}
<li class="pull-right">
<form class="form-inline" style="margin-bottom:0px;">
<i class="icon-question-sign get-help heading-help" data-placement="left" title="" data-original-title="Type the name of one or more recipes you want to build, separated by a space. You can also specify a task by appending a semicolon and a task name to the recipe name, like so: <code>busybox:clean</code>"></i>
<div class="input-append">
<input id="build-input" type="text" class="input-xlarge input-lg build-target-input" placeholder="Type the recipe you want to build" autocomplete="off" disabled>
<button id="build-button" class="btn btn-primary btn-large build-button" data-project-id="{{project.id}}" disabled>Build</button>
</div>
</form>
</li>
</ul>
</div>
{% if not project.is_default %}
<div id="project-topbar">
<ul class="nav nav-pills">
<li>
<a href="{% url 'projectbuilds' project.id %}">
Builds (<span class="total-builds">0</span>)
</a>
</li>
<li id="topbar-configuration-tab">
<a href="{% url 'project' project.id %}">
Configuration
</a>
</li>
<li>
<a href="{% url 'importlayer' project.id %}">
Import layer
</a>
</li>
{% if CUSTOM_IMAGE %}
<li>
<a href="{% url 'newcustomimage' project.id %}">
New custom image
</a>
</li>
{% endif %}
<li class="pull-right">
<form class="form-inline" style="margin-bottom:0px;">
<i class="icon-question-sign get-help heading-help" data-placement="left" title="" data-original-title="Type the name of one or more recipes you want to build, separated by a space. You can also specify a task by appending a semicolon and a task name to the recipe name, like so: <code>busybox:clean</code>"></i>
<div class="input-append">
<input id="build-input" type="text" class="input-xlarge input-lg build-target-input" placeholder="Type the recipe you want to build" autocomplete="off" disabled>
<button id="build-button" class="btn btn-primary btn-large build-button" data-project-id="{{project.id}}" disabled>Build</button>
</div>
</form>
</li>
</ul>
</div>
{% endif %}

41
bitbake/lib/toaster/toastergui/tests.py
View File

@ -596,8 +596,18 @@ class ProjectBuildsPageTests(TestCase):
bitbake_version=bbv)
self.project1 = Project.objects.create_project(name=PROJECT_NAME,
release=release)
self.project1.save()
self.project2 = Project.objects.create_project(name=PROJECT_NAME,
release=release)
self.project2.save()
self.default_project = Project.objects.create_project(
name=CLI_BUILDS_PROJECT_NAME,
release=release
)
self.default_project.is_default = True
self.default_project.save()
# parameters for builds to associate with the projects
now = timezone.now()
@ -630,6 +640,13 @@ class ProjectBuildsPageTests(TestCase):
"outcome": Build.IN_PROGRESS
}
self.default_project_build_success = {
"project": self.default_project,
"started_on": now,
"completed_on": now,
"outcome": Build.SUCCEEDED
}
def _get_rows_for_project(self, project_id):
""" Helper to retrieve HTML rows for a project """
url = reverse("projectbuilds", args=(project_id,))
@ -681,6 +698,30 @@ class ProjectBuildsPageTests(TestCase):
result = re.findall('^ +bash:clean$', response.content, re.MULTILINE)
self.assertEqual(len(result), 2)
def test_cli_builds_hides_tabs(self):
"""
Display for command line builds should hide tabs;
note that the latest builds section is already tested in
AllBuildsPageTests, as the template is the same
"""
url = reverse("projectbuilds", args=(self.default_project.id,))
response = self.client.get(url, follow=True)
soup = BeautifulSoup(response.content)
tabs = soup.select('#project-topbar')
self.assertEqual(len(tabs), 0,
'should be no top bar shown for command line builds')
def test_non_cli_builds_has_tabs(self):
"""
Non-command-line builds projects should show the tabs
"""
url = reverse("projectbuilds", args=(self.project1.id,))
response = self.client.get(url, follow=True)
soup = BeautifulSoup(response.content)
tabs = soup.select('#project-topbar')
self.assertEqual(len(tabs), 1,
'should be a top bar shown for non-command-line builds')
class AllBuildsPageTests(TestCase):
""" Tests for all builds page /builds/ """