Quick Loan Bank - UI

Quick Loan Bank UI is an example demo invoking a decision service based on Red Hat Decision Manager 7.2.

The Quick Loan Bank UI is based on AngularJS and PatternFly

Prerequisites

1. Enable Cross-Origin Resource Sharing (CORS) on the server where the Loan Application Decision Service is deployed For EAP 7.2, add or replace existing undertow in your configuration file:

        <subsystem xmlns="urn:jboss:domain:undertow:7.0" default-server="default-server" default-virtual-host="default-host" default-servlet-container="default" default-security-domain="other">
            <buffer-cache name="default"/>
            <server name="default-server">
                <http-listener name="default" socket-binding="http" redirect-socket="https" enable-http2="true"/>
                <https-listener name="https" socket-binding="https" security-realm="ApplicationRealm" enable-http2="true"/>
                <host name="default-host" alias="localhost">
                    <location name="/" handler="welcome-content"/>

                    <filter-ref name="Access-Control-Allow-Origin"/>
                    <filter-ref name="Access-Control-Allow-Methods"/>
                    <filter-ref name="Access-Control-Allow-Headers"/>                                        
                    <filter-ref name="Access-Control-Allow-Credentials"/>  

                    <http-invoker security-realm="ApplicationRealm"/>
                </host>
            </server>
            <servlet-container name="default">
                <jsp-config/>
                <websockets/>
            </servlet-container>
            <handlers>
                <file name="welcome-content" path="${jboss.home.dir}/welcome-content"/>
            </handlers>

            <filters>
                <response-header name="Access-Control-Allow-Origin" header-name="Access-Control-Allow-Origin" header-value="http://localhost:3000"/>
                <response-header name="Access-Control-Allow-Methods" header-name="Access-Control-Allow-Methods" header-value="GET, POST, OPTIONS"/>
                <response-header name="Access-Control-Allow-Headers" header-name="Access-Control-Allow-Headers" header-value="Authorization , Content-Type"/>
                <response-header name="Access-Control-Allow-Credentials" header-name="Access-Control-Allow-Credentials" header-value="true"/>
            </filters>

        </subsystem>

2. Verify that the Loan Application Decision Service is up and running here:

http://localhost:8080/kie-server/services/rest/server/containers/loan-application_1.0

If not, follow the instructions here:

https://github.com/snoussi/qlb-loan-application-repo

Deploying the web UI

1. Clone this repo

$ git clone https://github.com/snoussi/qlb-loan-application-ui.git

2. Once you have it, cd into your project folder and install the dependencies:

$ cd qlb-loan-application-ui
$ npm install

NB: If you face issues installing on Linux click here

3. We will use the browsersync tool to serve and refresh our web content Start browsersync by running:

$ npm start

This will start a server at http://localhost:3000/

Supporting videos

Rules Update and Hot Deployment