<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p>Hi Pierre,</p>
<p>Thanks for your reply,</p>
<p>In our context we don't need a real time dashboard (at least for
the start)</p>
<p>I think I will start with a server side created bottle or flask
implementation and play with angular at a later time.<br>
The idea is to have a view quickly for some users and Angular
views are not quickly to develop if you don't have the habit.<br>
I did not try with buildbot (and it's js dependencies), but often
just getting the node / grunt / gulp build environment up and <br>
running can already be painful. So an attractive Angular web front
end only later.</p>
<p>Do I already need a web-dev build environment for hooking up a
single url into the buildbot env or is there some plugin magic,<br>
that will avoid this.<br>
</p>
<p><br>
</p>
<p>I'd appreciate a lot if you could point me to information of how
to integrate any url (static / server side) into the buildbot
webif.<br>
</p>
<p>If easier to integrate, then the dynamic web script could just
yield some JSON file but I'd be curious of how to integrate <br>
some non Angular HTML.<br>
</p>
<p><br>
</p>
My dynamic script could either yield something like:<br>
<html><br>
<body><br>
<h1>all release branches<h1><br>
<form><br>
<select name = "branchgroups"><br>
<option value="all">all</option><br>
<option
value="release">release</option><br>
<option
value="develop">develop</option><br>
</select><br>
</form><br>
<table><br>
. . . .<br>
</table><br>
</body><br>
</html><br>
<br>
or just a json with something similar to:<br>
{ "title": "all release branches",<br>
"header_row": [ "project", "branch", "builder", "builds"],<br>
"rows" : [<br>
[ "pjt one", "rls/v1.0", "lint_results", [ {"buildid": 4,
"status": "pass"}, {"buildid": 3, "status": "pass"}, {"buildid": 1,
"status": "fail"}] ],<br>
[ "pjt one", "rls/v1.0", "quick_unittests", [ {"buildid": 4,
"status": "pass"}, {"buildid": 3, "status": "pass"}, {"buildid": 1,
"status": "fail"}] ],<br>
[ "pjt one", "rls/v2.0", "lint_results", [ {"buildid": 6,
"status": "fail"}, {"buildid": 5, "status": "pass"}, {"buildid": 2,
"status": "fail"}] ]<br>
]<br>
}<br>
<br>
whatever is easier to integrate.<br>
<br>
<br>
At the moment I start looking at the REST-API calls, and the amount
of calls, that I would need to implement such view.<br>
On a first glance this seems quite costly.<br>
<br>
I'll follow up.<br>
<br>
<div class="moz-cite-prefix">On 03/12/2017 05:48 PM, Pierre Tardy
wrote:<br>
</div>
<blockquote
cite="mid:CAJ+soVefnLxiO=o_hi83t381KLvDg+BUMm=u8mNHOca_UsO3SA@mail.gmail.com"
type="cite">
<div dir="ltr">
<div class="gmail_quote">
<blockquote class="gmail_quote" style="margin:0 0 0
.8ex;border-left:1px #ccc solid;padding-left:1ex">
<div bgcolor="#FFFFFF" text="#000000" class="gmail_msg">
<p class="gmail_msg">Question(s):<br class="gmail_msg">
----------------<br class="gmail_msg">
Did anyone already implement something similar?<br
class="gmail_msg">
</p>
</div>
</blockquote>
<div>Well console view and waterfall views are such dashboards
or showing the builds in specific manner.</div>
<div> </div>
<blockquote class="gmail_quote" style="margin:0 0 0
.8ex;border-left:1px #ccc solid;padding-left:1ex">
<div bgcolor="#FFFFFF" text="#000000" class="gmail_msg">
<p class="gmail_msg"> Does anyone have a similar issue? If
yes how do you solve this problem?<br class="gmail_msg">
What would be the easiest way to create such a page <br
class="gmail_msg">
</p>
</div>
</blockquote>
<div>The easiest way if you know angularjs is to indeed write
a UI plugin. buildbot UI has been designed for this, and
this is the only way you can write a real time updated
dashboard.</div>
<div><br>
</div>
<blockquote class="gmail_quote" style="margin:0 0 0
.8ex;border-left:1px #ccc solid;padding-left:1ex">
<div bgcolor="#FFFFFF" text="#000000" class="gmail_msg">
<p class="gmail_msg"> I'm not very good with web
development and never tried to change the buildbot web
front end.<br class="gmail_msg">
Would it be simpler to create a standalone page, which
constructs this contents with the help of the web api?<br
class="gmail_msg">
</p>
</div>
</blockquote>
<div>Server side servers are indeed a bit easier. You could
indeed create a separate flask application that would access
the REST api using python-requests.</div>
<div>This can help you to write a dashboard to look exactly as
you wish.</div>
<div><br>
</div>
<div>I usually recommend to take the effort to learn angularJS
and front end development as I find it did unlock a lot of
opportunities.</div>
<div>I do realize it is not practical for everybody, and we
should have an easier story for custom dashboard creation
that does not require front end development mastery.</div>
<div><br>
</div>
<div>I will be happy to help reviewing your flask application,
and will help you integrate it as a dashboard in the main
UI. I think it can work with some JS magic to embed a flask
application into a Buildbot UI plugin.</div>
<div><br>
</div>
<div>Regards</div>
<div>Pierre </div>
<div><br>
</div>
<div><br>
</div>
</div>
</div>
</blockquote>
<br>
</body>
</html>