/camunda-bpm-webapp

camunda BPM Webapplication: Tasklist, Operations, Monitoring and Administration

Primary LanguageJavaScriptApache License 2.0Apache-2.0

camunda Webapp

This is the camunda BPM webapplication source. Clean, package and install it via Maven.

Structure of this project

The structure is as follows:

  • ui - HTML, CSS and Javascript sources as well as plugins and test for the Camunda webapplications Cockpit, Tasklist and Admin.
  • src - Java sources and tests for the Camunda webapplication.

UI

There are 3 webapplications available for the camunda BPM platform:

  • cockpit: an administration interface for processes and decisions
  • tasklist: provides an interface to process user tasks
  • admin: is used to administer users, groups and their authorizations

The webapps above are relying on 2 libraries:

  • camunda-bpm-sdk-js: provides tools for developers who want interact with the platform using Javascript
  • camunda-commons-ui: is a set of shared scripts, templates and assets, used in the different webapps

Plugins

Parts of the webapplications can be extended using plugins.

See plugin development guide for details.

Libraries

Has tools to work with the REST API and forms (included transitively via camunda-commons-ui).

Contains resources like images, .less stylesheets as well as some angular.js modules.

Contains the translation files for all application texts in different languages.

Development

Prerequisite

You need node.js and npm. You will also need to install grunt globally using npm install -g grunt-cli.

Setup

Adjusting Maven Settings

See https://github.com/camunda/camunda-bpm-platform#building-camunda-bpm-platform

Using grunt

Installing the webapps is done by grunt:

# cd <path to your workspace>
git clone git@github.com:camunda/camunda-bpm-webapp.git
cd camunda-bpm-webapp
npm install
grunt

To start the server in development mode, call

mvn jetty:run -Pdevelop

The webapps are then available pointing a browser at http://localhost:8080. To login as admin user, use jonny1 as username and password.

You can now start developing using the grunt auto-build command in the webapp directory. To shorten compile times, you can specify the project you are going to make changes to by calling grunt auto-build:cockpit

If you are only changing Javascript files, you can set the environment variable FAST_BUILD to 1 to further improve compile times.

If you want to make changes in the camunda-commons-ui project or the camunda-bpm-sdk-js, you have to link the projects via npm:

# cd <path to your workspace>
git clone git@github.com:camunda/camunda-commons-ui.git
cd camunda-commons-ui
npm install
npm link
cd ../camunda-bpm-webapp
npm link camunda-commons-ui

Testing

Install the webapps with grunt and start the server in test mode:

mvn jetty:run -Pdev-e2e

Make sure that you terminate the server for development or use another port. You may configure the port the server runs on by passing the argument -Djetty.port=WHICH_PORT to the command line.

To run the tests, call

grunt test-e2e --protractorConfig=ui/common/tests/develop.conf.js

Now, it opens a new browser at http://localhost:8080 and do the tests steps. If you want to tests only one spec or a part of it then you can annotate the description of the spec with the keyword only:

describe.only('Cockpit Dashboard Spec', function() {
  // ...
}

Browsers support

The supported browsers are:

  • Chrome
  • Firefox
  • Internet Explorer 9+

Contributing

You are more than welcome to take part on the development of this project!

Issues

You can submit issues in the camunda Jira.

Coding

Clone the repository, add, fix or improve and send us a pull request. But please take care about the commit messages, our conventions can be found here.

Coding style guide

In place of a guide, just follow the formatting of existing code (and / or use the .editorconfig files provided).

Help and support

License

The source files in this repository are made available under the Apache License Version 2.0.