Org.Eclipse.OpenkUsermodules.GridFailureInformation.Frontend

This project was generated with Angular CLI version 8.3.19.

Development server

Run npm run start-integration for a dev server. Navigate to http://entopkon:8880/portalFE/#/login. Try to login with known credentials and open the ‘SIT Localhost’ app. The app will automatically reload if you change any of the source files.

Build

Run npm run build-main-app to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run mpm run test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Implementation

Directives

VisibleByDependentFieldDirective

This directive is used to hide or show html elemnts depending on defined dependencies (isVisible = true) Additionally it sets the state of depending field to avoid ngrx-forms validation errors.

Example

<button
  [visibleByDependentField]="formState.value.branch === Globals.BUSINESS_RULE_FIELDS.branch.telecommunication">
</button>

FormValidatorDirective

This validator fills the validation(visualization) gap of ngrx-forms for disabled/dependent fields

It ist important that .ngrx-forms-invalid-directive class is added to global style.scss

FormDisableDirective

This directive disables the entire form depending on user rights. It automatically select form[ngrxFormState] and checks user rights

VisibleByRightDirective

This directive shows/hides html elements depending on user rights.

Example

<button *visibleByRight="[RolesEnum.PUBLISHER]" type="button" class="btn btn-link navbar-btn">
  <fa name="users"></fa>
</button>