[users at bb.net] Creating an alternate web interface

Greg MacDonald gmacdonald at trionworlds.com
Tue Mar 22 18:58:54 UTC 2016

Hi Ed,

I’m in a similar situation with work wanting to customize the UI and me not having much angular or javascript experience. My first idea was also to create a completely separate web. I made some progress querying the rest api but I started having issues. Then Pierre suggested I work within the given framework to take advantage of things like caching. So that’s what I’ve been doing since.

In case you go down a similar route, I had a few issues:

·         It’s difficult to setup a dev environment in windows. I had to use Ubuntu 14 (not 15) on a virtual box. (Fortunately the ability to pull data from an external server using the proxy gulp options works great.)

·         If you just need formatting changes you can edit the html templates for the stock pages.

·         Creating a new plugin using the existing ones as templates is tricky. A typo can lead to silent failures starting up the server, but there’s a different way to run it through twisted which Pierre mentioned on the mailing list. (subject was “web ui dev env setup”)

·         You have to “compile” your work first before it can be picked up by gulp. Look for “pip install –e” in the makefile for an example.

·         I used googles material design library for a custom tab, which worked good, but I had to place a relative css import into the less file: @import (inline) “<relative path>”;


From: users [mailto:users-bounces at buildbot.net] On Behalf Of Ed Singleton
Sent: Tuesday, March 22, 2016 5:05 AM
To: users at buildbot.net
Subject: [users at bb.net] Creating an alternate web interface

How easy is it to create an alternate web interface to Buildbot 0.9.0b7?

The fact that buildbot-www has now been packaged seperately suggests to me that it's intended to have alternatives, but I couldn't find any documentation about it.

I've had a look through the www folder in the source, but I'm not a Javascript programmer, and not familiar with Angular so it didn't make much sense.

If anyone has any tips or pointers to places where I could read up on how to create an alternate interface, I'd be grateful.

(The current interface is lovely by the way, it's just that the company I work for wants to have a custom one).


-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.buildbot.net/pipermail/users/attachments/20160322/a7fdf00c/attachment.html>

More information about the users mailing list