Giter Site home page Giter Site logo

bbb's Introduction

BuildBot Bootstrap

Bootstrap templates for BuildBot

Let's give Buildbot some style!

What is BBB

BBB is a set of templates to be used with BuildBot 0.8.7 or newer. They use Twitter Bootstrap CSS and JavaScript improve the web interface.

Yes, I know there are some plans to create new BuildBot templates using Bootstrap in revision 0.9, but now you can use them with 0.8 by using bbb.

The information shown is basically the same than the default templates show (maybe a button more or something like that), but no new information is shown and no old information is hidden.

I tried to add more information (like a dropdown menu with the builder names), but that required to modify the BuildBot code itself, and it was out of the scope of this project.

Installation

The easy way

  1. Copy the "templates" directory content into the "templates" directory in your master installation
  2. Restart/reconfigure the master.

Code (be careful, it can override your templates):

    MASTER_PATH=.
    BBB_PATH=../bbb
    scp -r $BBB_PATH/templates/* $MASTER_PATH/templates

The GIT way

If you are using a Git repository and you do not think about modifying the templates, maybe this can be the best form to install BBB:

  1. Add the BBB repository as a module: git module add https://[email protected]/magmax/bbb.git
  2. In your BuildBot master directory, create a link "templates" to the "templates" directory in the BBB working copy.
  3. Restart/Reconfigure the master.

Code (be careful, it may delete some of your files):

    MASTER_PATH=.
    BBB_PATH=./bbb
    git submodule add https://[email protected]/magmax/bbb.git $BBB_PATH
    git update --init
    rm -rf $MASTER_PATH/templates
    ln -s $BBB_PATH/templates $MASTER_PATH/templates

The BuildBot way

Another option is to configure BuildBot in order to retrieve the templates from their location, as it is explained in the BuildBot Manual:

    import jinja2
    myloaders = [
        jinja2.FileSystemLoader("/my/bbb/path"),
        ]
    c['status'].append(html.WebStatus(
        …,
        jinja_loaders = myloaders,
    ))

Remember to link the static files too!!!

This option can be used mixed with the Git one :D

Screenshots

And here you are some screenshots:

Default Waterfall mini - BBB Waterfall mini

Full sized: Default Waterfall - BBB Waterfall

Default Grid mini - BBB Grid mini

Full sized: Default Grid - BBB Grid

Default TGrid mini - BBB TGrid mini

Full sized: Default TGrid - BBB TGrid

Default Builders mini - BBB Builders mini

Full sized: Default Builders - BBB Builders

Default Slaves mini - BBB Slaves mini

Full sized: Default Slaves - BBB Slaves

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.