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

[Pierre Tardy]

Hi Ed,

Indeed, buildbot nine has a much more modular UI. It is now possible to
customize the UI and add new dashboards without forking buildbot.
Is it easier to modify the UI when you have no webapp experience? I have to
admit this is unfortunately not the case.

You will indeed have to learn the web frontend technologies, especially
angularJS
https://docs.angularjs.org/tutorial/step_00

You will also have a little bit of frustration in the beginning, as the
frontend tools have a lot of traps, with indeed silent/weird errors.

In the end, when you have done this ramp-up, you will be eventually very
productive, It is amazing how you can be productive with angularjs and
frontend development.

As er the documentation, there are several topic about the web UI:
http://docs.buildbot.net/latest/developer/www-data-module.html
http://docs.buildbot.net/latest/developer/www-base-app.html
a hacking quick start to help yuou started:
http://docs.buildbot.net/latest/developer/www-base-app.html#hacking-quick-start

There is no step by step tutorial on how to create a UI plugin, despite the
fact that I think this could be indeed very useful.

I would be very interested in knowing what you guys need in term of custom
UI.
This will help me to maybe provide better framework

Pierre

Le mar. 22 mars 2016 à 19:59, Greg MacDonald <gmacdonald at trionworlds.com> a
écrit :

> 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>”;
>
>
>
> -Greg
>
>
>
> *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).
>
>
>
> Thanks
>
>
>
> Ed
> _______________________________________________
> users mailing list
> users at buildbot.net
> https://lists.buildbot.net/mailman/listinfo/users
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.buildbot.net/pipermail/users/attachments/20160322/ffefb63f/attachment.html>