Doony is a series of UI improvements on top of Jenkins. Install this to make your Jenkins user experience much better.
Doony was made at Twilio. It's also been forked/starred by employees at:
- Panic, Inc
- the BBC
- Netflix
- eBay
- Groupon
- Mail.ru
- There's a "Build Now" button on every build page. The button will redirect you to the console output of the new build. You can also easily cancel the current build.
- The orbs are gone! Replaced with shiny circles and circular in-progress bars.
- Click targets in the left hand menu are much bigger (they expand to fill the available UI)
- The fonts are bigger. Way bigger.
- "Jenkins" logo replaced with a custom color and the domain of your build server
- More spacing in between list items.
- Removes a lot of the useless icons
- "Console Output" looks more like a console.
- Replaces Courier New with Consolas.
- Hover menus have a pointer cursor, indicating clickability
- Text inputs are friendlier, bigger
- Builds are zebra-striped, have more padding
- Homepage has an option for "view console output of latest test"
If you don't control your Jenkins environment, you can run this as a Chrome extension.
-
Clone this repo locally.
-
Edit the
matches
value of themanifest.json
file to contain the server names of your Jenkins servers (see Match Patterns). -
Run
git update-index --skip-worktree manifest.json
so you don't accidentally commit yourmanifest.json
change. -
Open chrome:https://extensions. Check "Developer mode" if it's not already. Click "Load unpacked extension".
-
Navigate to this repo and click "Open"
If you do install your Jenkins environment it's probably best to embed it in the default Jenkins styles.
-
Install the JQuery Plugin
-
Install the "Simple Theme" Plugin
-
In Jenkins, click "Manage Jenkins", then "Configure System", then specify the CSS and Javascript URL's for this theme. You should find a place to host these, on a static server inside your cluster.
In development, you can use these URL's:
- https://rawgithub.com/kevinburke/doony/master/doony.js - https://rawgithub.com/kevinburke/doony/master/doony.css
However, don't use those URL's for production.
Alternatively you can let Jenkins self host these files by putting them in
~/.jenkins/userContent
With the default Jenkins settings the files you use will then be:- https://localhost:8080/userContent/doony.css - https://localhost:8080/userContent/doony.js
Here's a screenshot of the settings page:
- Click "Save". Enjoy!
This will "work" against the latest version of Jenkins, currently 1.532. It may work with older versions but this is not guaranteed.
-
This is very much a work in progress, feel free to file bugs/issues and I'll make improvements as I can.
-
There's a pull request against the Jenkins project that should make skinning Jenkins much less brittle. Hopefully it will get merged into the mainline soon, then I can update this library.
-
This project is in no way intended to slam Jenkins developers. Jenkins is awesome, and unlike Travis you never get a blank screen. They are working within a series of vastly different constraints than I am. Consider:
- they have to support every browser/platform/language
- any change they make will make part of the userbase angry
- every change has to be completely open-source friendly in every way