This is the default web application built on top of the MifosX platform for the mifos user community. It is a Single-Page App (SPA) written in web standard technologies like JavaScript, CSS and HTML5. It leverages common popular frameworks/libraries such as AngularJS, Bootstrap and Font Awesome.
The latest version of this UI is continuously re-deployed immediately (CI/CD) at openmf.github.io/community-app every time a Pull Request with a new feature or bugfix is merged. You should always specify the backend via baseApiUrl (see details below), so for example to access the https://www.fineract.dev online demo environment, use:
https://openmf.github.io/community-app?baseApiUrl=https://demo.fineract.dev&tenantIdentifier=default
-
Ensure you have
npminstalled - goto http://nodejs.org/download/ to download the installer for your OS.rubyinstalled - goto https://www.ruby-lang.org/en/documentation/installation/ to download the latest version of ruby.
Note: On Ubuntu Linux you can use sudo apt-get install npm nodejs-legacy, which avoids the /usr/bin/env: node: No such file or directory problem.
Note that on Linux distributions you'll need to install the Ruby Development package (e.g. sudo dnf install ruby-devel on Fedora), and not just ruby, otherwise bundle install below will fail when it gets to installing ffi which uses native extensions.
-
Clone this repository to your local filesystem (default branch is 'develop'):
git clone https://github.com/openMF/community-app.git -
To download the dependencies, and be able to build, first install bower & grunt:
npm install -g bower npm install -g grunt-cli
If this fails with npm WARN checkPermissions Missing write access to /usr/local/lib and npm ERR! code EACCES because you are not running npm with sudo as root (which you rightfully really shouldn't!) then use npm config set prefix ~ once before doing npm install. Note that in that case bower and grunt will be installed into ./bin/bower instead of /usr/local/bin, and so you need to prefix it in the usages below.
-
Next pull the runtime and build time dependencies by running
bower,npm, andgemcommands on the project root folder:bower install
For Windows PC, before you run npm install check in the root folder if any package-lock.json is generated and delete it then you can run npm install other wise you will be faced with Npm ERR! code EPERM error errno -4048 error { Error: EPERM: operation not permitted, rename .... a permission error even if you are using administrator user
npm install
gem install bundler
bundle install
If you used npm config set prefix ~, then you have to use ./bin/bower install instead of bower install.
-
To preview the app, run the following command on the project root folder:
grunt serveIf you used
npm config set prefix ~, then you have to use./bin/grunt serveinstead ofgrunt serve.or open the 'index.html' file in FIREFOX browser
Note: If you see a warning similar to the one shown below on running
grunt serve, try increasing the number of open files limit as per the suggestions at http://stackoverflow.com/questions/34588/how-do-i-change-the-number-of-open-files-limit-in-linux/Waiting...Warning: EMFILE, too many open files -
You can use these credentials to log in:
Username: mifos Password: password
You are done.
Edit the value of property "security" in configurations.js to "oauth".
By default, when the app is running from the local filesystem, it will connect to the platform (fineract-provider REST API) deployed on demo.mifos.io, but that environment is no longer actively updated; we recommend using https://www.fineract.dev instead, as above.
The app connects to the platform running on the same host/port when deployed on a server.
If you want to connect to the Fineract API running elsewhere, then append the baseApiUrl and tenantIdentifier as query parameters, for example:
-
http://localhost:9002/?baseApiUrl=https://localhost:8443&tenantIdentifier=default if you are running the Fineract backend locally; note that because of the default self signed SSL certification, on the first time use (or after you have cleared the cookies from your browser), you will need to first bypass the security warning by accepting the SSL in your browser by going once to https://localhost:8443/fineract-provider/api/v1&tenantIdentifier=default and accepting it.
-
http://localhost:9002/?baseApiUrl=https://demo.fineract.dev&tenantIdentifier=default to use https://www.fineract.dev which always automatically runs the very latest Fineract back-end
You can also add more dependencies on bower.json. You can search for them in http://sindresorhus.com/bower-components/ or even:
bower search <package>
Grunt tasks are used to automate repetitive tasks like minification, compilation, unit testing, linting, production builds, etc
Following are the tasks integrated.
Validate the JS files to detect errors and potential problems in JavaScript code. All errors output will be written to jshint-log.xml file which get created under project base directory. Checks the markup validity of HTML files. All errors output will be written to console.
grunt validate
Build the code for production deployment.
grunt prod
Use this for development. Start a static server and open the project in the default browser. The application will hit the demo server.
grunt serve
This project publishes a Docker image (since #3112) available on https://hub.docker.com/r/openmf/community-app/. Our Dockerfile uses a Ruby and Node.JS base image to build the current repo and deploy the app on Nginx, which is exposed on port 80 within the container. It can be used like this to access the webapp on http://localhost:9090 in your browser:
docker run --name community-app -it -p 9090:80 openmf/community-app
To locally build this Docker image from source (after git clone this repo), run:
docker build -t mifos-community-app .
You can then run a Docker Container from the image above like this:
docker run --name mifos-ui -it -d -p 80:80 mifos-community-app
Access the webapp on http://localhost in your browser.
grunt compass:dev
Just open test/SpecRunner.html in the browser.
Please read the contribution guidelines
Note: This application will hit the demo server by default.