ngx-labshare-base v2.0.1
Basics: ngx-labshare-base
This is an angular repo/npm package for the common screens between auth ui, storage ui, and facility ui. This can be imported as a labshare npm package and used in angular projects.
The project requires commitlint conventions when commiting with git: https://github.com/marionebl/commitlint
https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#type
Installation/Setup
- Add as a dependency in your project:
"@labshare/ngx-labshare-base": "^1.1.1"
- Then
npm install
- You can import one main module with all the components into your app that's using ngx-labshare-base.
@NgModule({
imports: [
TenantCreationProcessModule,
],
declarations: []
})
- Another option is to import micro module(s) that's related to one component.
@NgModule({
imports: [
ProfileModule,
IdentityProviderSelectionModule,
CreateTenantModule,
etc...
],
declarations: []
})
- The following components/services are available:
- WelcomeComponent
- CreateTeamMembersComponent
- CreateTenantComponent
- IdentityProviderSelectionComponent
- ProfileComponent
- ReviewTeamWorkspaceComponent
- StorageComponent
- UtilService - utility functions for session storage and routing
- TestingUtilities
Parent Componenent
to get the purple screen with the labshare logo please add the create tenant components as children of a component similar to https://github.com/LabShare/ngx-facility/tree/master/ui/app/facilities/facilities
Global Styles
the components in the repo share some common styles. Please add the following global styles from https://github.com/LabShare/ngx-facility/blob/master/ui/app/app.component.scss
Angular cli
supports angular cli: npm install -g @angular/cli
4 years ago