https://github.com/weareunite/unisys-angular-core
https://github.com/weareunite/unisys-angular-core
angular
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/weareunite/unisys-angular-core
- Owner: weareunite
- License: mit
- Created: 2019-01-23T12:11:37.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2026-01-28T11:34:37.000Z (5 months ago)
- Last Synced: 2026-01-29T02:47:30.134Z (5 months ago)
- Topics: angular
- Language: TypeScript
- Size: 1.08 MB
- Stars: 0
- Watchers: 4
- Forks: 1
- Open Issues: 5
-
Metadata Files:
- Readme: readme.MD
- License: LICENSE.MD
Awesome Lists containing this project
README
[](https://unite.sk)
# UniSys Angular Core
Install library by running command
> npm i @weareunite/unisys-angular-core
#### Helpers libraries
Library | Description
--- | ---
`` | JSON object parsed into list-tree
#### Integration
* Before installing this Core Module, install Angular project first (command **ng new**)
* Point to file **app.module.ts** in src/app folder
* Replace **GlobalComponent** to **UnisysAngularCoreComponent** in bootstrap
* Add **UnisysAngularCoreModule** to imports
Your app.module.ts file should looks like this
```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
// Imported UniSys Core Module and Component
import { UnisysAngularCoreModule } from '@weareunite/unisys-angular-core';
import { UnisysAngularCoreComponent } from '@weareunite/unisys-angular-core';
import { GlobalComponent } from './app.component';
// Import default environment from app and provided it for root
import {environment} from '../environments/environment';
@NgModule({
declarations: [
GlobalComponent
],
imports: [
BrowserModule,
UnisysAngularCoreModule.forRoot(environment)
],
providers: [],
bootstrap: [
UnisysAngularCoreComponent,
GlobalComponent
]
})
export class AppModule { }
```
* **Clean (not delete !)** content of your application **app.component.html** file
* Rename selector in your global.component.ts from **'app-root'** to **'app-fake-root'**
* Add ** into your index.html** file above
* Then, your **index.html** file should look like this
```html
UniSys
```
* If you want to run some code immediately when application is loaded, **implement OnInit into GlobalComponent** and use function in onInit function in GlobalComponent
* It's necessary to import module **UnisysAngularSharedModule** into your Core or Shared module to make shared components from UniSys Angular Core working
* Add snippet below as scripts into your **angular.json** file
```json
{
"glob": "**/*",
"input": "./node_modules/@weareunite/unisys-angular-core/assets",
"output": "./assets/"
}
```
* In your **enviroment** file, set this variables
Variable | Description
--- | ---
`BASE_API_URL` | URL to base API
`GRAPHQL_API_URL` | URL to base GraphQL API
`OAUTH_TOKEN_URL` | URL to obtain auth token
`OAUTH_FAST_TOKEN_URL` | URL to obtain fast auth token
`OAUTH_CLIENT_SECRET` | Client secret
`OAUTH_CLIENT_ID` | Client ID
* Copy all entries from **language files located in module/assets/i18n** to associated language files in **your application app/assets/i18n folder**. This will ensure, that all language files from module will be available in your application.
Now you can run your application by command **ng serve**