OpenShift Management Console
The management console for OpenShift Origin.
Be sure to have a development environment running for OpenShift. See the contributing doc, we recommend the use of
oc cluster up.
Install dev dependencies by running
Launch the console and start watching for asset changes by running
grunt serve. This should open https://localhost:9000/ in your default browser.
Note: If you see an ENOSPC error, you may need to increase the number of files your user can watch by running this command:
echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
Accept the self-signed certificate for the web console. (For Chrome on OS X, import
server.crtinto Keychain Access or accept the web console certificate in Safari.)
Enable / disable console log output
localStorage["OpenShiftLogLevel.main"] = "<log level>"; localStorage["OpenShiftLogLevel.auth"] = "<log level>";
OpenShiftLogLevel.main- default logger for OpenShift
OpenShiftLogLevel.auth- auth specific logger, this includes login, logout, and oauth
The supported log levels are:
- OFF (default for all loggers except main)
- ERROR (default for main)
Note: currently most of our logging either goes to INFO or ERROR
app/config.js is the default configuration file for web console
development. If you need to change the configuration, for example, to point to
a different API server, copy
app/config.local.js and edit the copy.
not tracked and will be used instead if it exists.
Before opening a pull request
Please configure your editor to use the following settings to avoid common code inconsistencies and dirty diffs:
- Use soft-tabs set to two spaces.
- Trim trailing white space on save.
- Set encoding to UTF-8.
- Add new line at end of files.
- If needed, run
grunt buildto update the files under the dist directory
- Run the spec tests with
- Run the integrations tests (your api server must be running)
- Rebase and squash changes to a single commit
Note: in order to run the end to end tests you must have Firefox installed.
- Make sure all dev dependencies are up to date by running
- TODO - run script to build bindata.go from the dist in this repo
- In your origin repo run
The assets served by the OpenShift all-in-one server will now be up to date. By default the assets are served from http://localhost:8091
Debugging dist diff failures
If Jenkins complains that the built dist files are different than the committed version, ensure the committed version is correct:
- If anything under dist or dist.java has changed, add it to your commit and re-push
Contributing to the primary repositories
The web console is currently split into three repositories. The two dependency repos are
To make changes to one of these repositories while working in the web console, it is recommended that you clone down the
repository and create a
bower link. The following example assumes you clone your forks to
# fork the origin-web-console & clone: $ cd ~/git-repos $ git clone firstname.lastname@example.org:<your-fork>/origin-web-console.git # fork origin-web-common & clone: $ cd ~/git-repos $ git clone email@example.com:<your-fork>/origin-web-common.git # fork origin-web-catalog & clone: $ cd ~/git-repos $ git clone firstname.lastname@example.org:<your-fork>/origin-web-catalog.git # # Now, using bower link you can: $ cd ~/git-repos/origin-web-common $ bower link $ cd ~/git-repos/origin-web-catalog $ bower link $ cd ~/git-repos/origin-web-console $ bower link origin-web-common $ bower link origin-web-catalog # # NOTE: # When you make changes in the linked repos you will need to rebuild # as origin-web-console pulls from the /dist. `grunt build` or `grunt watch` # should take care of this.
When finished, be sure to
hack/install-deps.sh to remove
the links & avoid having issues with
/dist conflicts the next time you build.
The OpenShift v3 web console is based on AngularJS and Hawt.io
The v3 console supports a custom context root. When running as part of the
openshift start command the console's context root is injected into the
<base> tag of the index.html file. In order to support custom context roots, all console URLs must be relative, so they should not contain a leading "/" character.
For example if you want to specify a URL directly in an HTML template to go to the project overview it would look like
and would actually resolve to be
Finally, if you want to reference the root of the web console use the path
There are two main ways to extend the v3 OpenShift console.
Add primary / secondary navigation tabs to the project nav
We rely on hawtio-core-navigation to build the primary/secondary nav that appears once you are in a project. We have customized the rendering of the tabs, so refer to app/scripts/app.js to see how we register our out of the box tabs.
Inject additional content into the page
We include the hawtio-extension-service. Currently we do not render any extension points, but if there are any locations where you would like to see customizable content, this is how we will add a hook to do that. As hooks are added we will provide a list of them here.