mirror of
https://git.yoctoproject.org/poky
synced 2026-04-05 08:02:25 +02:00
952ffb3e1f
The most recent builds area of the all builds and project builds table needs to update as a build progresses. It also needs additional functionality to show other states (e.g. recipe parsing, queued) which again needs to update on the client side. Rather than add to the existing mix of server-side templating with client-side DOM updating, translate all of the server-side templates to client-side ones (jsrender), and add logic which updates the most recent builds area as the state of a build changes. Add a JSON API for mostrecentbuilds, which returns the state of all "recent" builds. Fetch this via Ajax from the build dashboard (rather than fetching the ad hoc API as in the previous version). Then, as new states for builds are fetched via Ajax, determine whether the build state has changed completely, or whether the progress has just updated. If the state completely changed, re-render the template on the client side for that build. If only the progress changed, just update the progress bar. (NB this fixes the task progress bar so it works for the project builds and all builds pages.) In cases where the builds table needs to update as the result of a build finishing, reload the whole page. This work highlighted a variety of other issues, such as build requests not being able to change state as necessary. This was one part of the cause of the "cancelling build..." state being fragile and disappearing entirely when the page refreshed. The cancelling state now persists between page reloads, as the logic for determining whether a build is cancelling is now on the Build object itself. Note that jsrender is redistributed as part of Toaster, so a note was added to LICENSE to that effect. [YOCTO #9631] (Bitbake rev: c868ea036aa34b387a72ec5116a66b2cd863995b) Signed-off-by: Elliot Smith <elliot.smith@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
137 lines
5.5 KiB
HTML
137 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
{% load static %}
|
|
{% load projecttags %}
|
|
{% load project_url_tag %}
|
|
<html lang="en">
|
|
<head>
|
|
<title>
|
|
{% block title %} Toaster {% endblock %}
|
|
</title>
|
|
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css"/>
|
|
<!--link rel="stylesheet" href="{% static 'css/bootstrap-theme.css' %}" type="text/css"/-->
|
|
<link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}" type='text/css'/>
|
|
<link rel="stylesheet" href="{% static 'css/default.css' %}" type='text/css'/>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
|
<script src="{% static 'js/jquery-2.0.3.min.js' %}">
|
|
</script>
|
|
<script src="{% static 'js/jquery.cookie.js' %}">
|
|
</script>
|
|
<script src="{% static 'js/bootstrap.min.js' %}">
|
|
</script>
|
|
<script src="{% static 'js/typeahead.jquery.js' %}">
|
|
</script>
|
|
<script src="{% static 'js/jsrender.min.js' %}">
|
|
</script>
|
|
<script src="{% static 'js/prettify.js' %}">
|
|
</script>
|
|
<script src="{% static 'js/libtoaster.js' %}">
|
|
</script>
|
|
{% if DEBUG %}
|
|
<script>
|
|
libtoaster.debug = true;
|
|
</script>
|
|
{% endif %}
|
|
<script>
|
|
$.views.settings.delimiters("<%", "%>");
|
|
|
|
libtoaster.ctx = {
|
|
jsUrl : "{% static 'js/' %}",
|
|
htmlUrl : "{% static 'html/' %}",
|
|
projectsUrl : "{% url 'all-projects' %}",
|
|
projectsTypeAheadUrl: {% url 'xhr_projectstypeahead' as prjurl%}{{prjurl|json}},
|
|
{% if project.id %}
|
|
projectId : {{project.id}},
|
|
projectPageUrl : {% url 'project' project.id as purl %}{{purl|json}},
|
|
projectName : {{project.name|json}},
|
|
recipesTypeAheadUrl: {% url 'xhr_recipestypeahead' project.id as paturl%}{{paturl|json}},
|
|
layersTypeAheadUrl: {% url 'xhr_layerstypeahead' project.id as paturl%}{{paturl|json}},
|
|
machinesTypeAheadUrl: {% url 'xhr_machinestypeahead' project.id as paturl%}{{paturl|json}},
|
|
projectBuildsUrl: {% url 'projectbuilds' project.id as pburl %}{{pburl|json}},
|
|
xhrCustomRecipeUrl : "{% url 'xhr_customrecipe' %}",
|
|
projectId : {{project.id}},
|
|
xhrBuildRequestUrl: "{% url 'xhr_buildrequest' project.id %}",
|
|
mostRecentBuildsUrl: "{% url 'most_recent_builds' %}?project_id={{project.id}}",
|
|
{% else %}
|
|
mostRecentBuildsUrl: "{% url 'most_recent_builds' %}",
|
|
projectId : undefined,
|
|
projectPageUrl : undefined,
|
|
projectName : undefined,
|
|
{% endif %}
|
|
};
|
|
</script>
|
|
{% block extraheadcontent %}
|
|
{% endblock %}
|
|
</head>
|
|
|
|
<body>
|
|
|
|
{% csrf_token %}
|
|
<div id="loading-notification" class="alert alert-warning lead text-center" style="display:none">
|
|
Loading <i class="fa-pulse icon-spinner"></i>
|
|
</div>
|
|
|
|
<div id="change-notification" class="alert alert-info alert-dismissible change-notification" style="display:none">
|
|
<button type="button" class="close" id="hide-alert" data-dismiss="alert">×</button>
|
|
<span id="change-notification-msg"></span>
|
|
</div>
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
<div class="container-fluid">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#global-nav" aria-expanded="false">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<div class="toaster-navbar-brand">
|
|
<a href="/">
|
|
<img class="logo" src="{% static 'img/logo.png' %}" class="" alt="Yocto logo project"/>
|
|
</a>
|
|
<a class="brand" href="/">Toaster</a>
|
|
{% if DEBUG %}
|
|
<span class="glyphicon glyphicon-info-sign" title="<strong>Toaster version information</strong>" data-content="<dl><dt>Git branch</dt><dd>{{TOASTER_BRANCH}}</dd><dt>Git revision</dt><dd>{{TOASTER_REVISION}}</dd></dl>"></i>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="collapse navbar-collapse" id="global-nav">
|
|
<ul class="nav navbar-nav">
|
|
{% if request.resolver_match.url_name != 'landing' and request.resolver_match.url_name != 'newproject' %}
|
|
<li {% if request.resolver_match.url_name == 'all-builds' %}
|
|
class="active"
|
|
{% endif %}>
|
|
<a href="{% url 'all-builds' %}">
|
|
<i class="glyphicon glyphicon-tasks"></i>
|
|
All builds
|
|
</a>
|
|
</li>
|
|
<li {% if request.resolver_match.url_name == 'all-projects' %}
|
|
class="active"
|
|
{% endif %}>
|
|
<a href="{% url 'all-projects' %}">
|
|
<i class="icon-folder-open"></i>
|
|
All projects
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
<li>
|
|
<a target="_blank" href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html">
|
|
<i class="glyphicon glyphicon-book"></i>
|
|
Documentation
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<a class="btn btn-default navbar-btn navbar-right" id="new-project-button" href="{% url 'newproject' %}">New project</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container-fluid">
|
|
{% block pagecontent %}
|
|
{% endblock %}
|
|
</div>
|
|
</body>
|
|
</html>
|