Introduction

This is the set of components that supports the PowerBuilder set of controls using the components that are implemented in the Kendo UI framework.

Getting Started

1. Installation process

Once you have the repository downloaded and all the Software dependencies of section 2 are installed, go ahead and install all the dependencies using yarn:

First go to the Components directory inside this repository, and then execute yarn install or yarn in a command line.

For information about yarn visit their website: Yarn

2. Software dependencies

Before you try to install the final dependencies of the project you'll need to set the npm registry and have the next ones:

• Node.js version 12 or greater Install
• npm registry can be set by executing the next command with Node.js installed: npm set registry http://ais-build-w7:81/npm/Frontend/ or npm set registry https://www.myget.org/F/mobilizenet/npm/
• angular.cli version 9.1.11, it can be installed by executing the next command with Node.js installed: npm install -g @angular/cli@9.1.11
• Yarn: it can be installed by executing npm install -g yarn with Node.js installed.

3. API references

For a complete reference to the project documentation you can visit the next link:

PowerComponents

Build and Test

To build the project, go to the root directory inside this repository, and then execute npm run build.

In case of testing, execute npm run test.

E2E Testing

To run e2e tests, follow the next steps:

Using npm link:

Execute the next commands in a cmd:

• cd path/to/PBKendoComponents/package this means the location of the package.json inside the project.
• npm link
• cd ./SamplesPATH this Samples can be the full path to the Samples directory inside this repository
• npm link @mobilize/powercomponents

Using the npm pack:

1. Build the project

2. Go to the /dist directory inside the root directory

3. run npm version x.x.x (x can be any number), this is just to put a version for the package

4. run npm pack

5. copy the path of the package (.tgz)

6. open ./package.json file that is located in the Samples folder and paste the path exactly in "@mobilize/powercomponents" value, just like this:

   "@mobilize/powercomponents": "path\to\the\package.tgz"

After npm pack or npm link:

1. Run the cypress e2e command inside Samples project (it can be find in the README file)

2. Check if tests worked by looking in the cypress browser window.

Development server

Run ng serve or npm run start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Further help

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