hbor-angular-cli-library v1.0.0

HBOR Angular CLI Library

ngx-hbor-lib je Angular Library koji abstraktira ostale module koje koristimo unutar naših aplikacija. Ima sve značajke koje se očekuju za razvoj jednostavnih i kompleksnih aplikacija. Ugrađuje lokalizaciju te određene maske u polja koja to trebaju podržavati.

Značajke koje trenutno podržava

Development server i demo

Instalirajte NodeJS.
Kreirajte .npmrc datoteku u Users/<name>. Zaljepite sljedeće:

proxy=http://10.0.205.101/
https-proxy=http://10.0.205.101/ 
strict-ssl=false

Spremite.
Pokrenite sljedeće rootu projekta.

npm install

Pokrenite sljedeće za development server. Navigirajte na http://localhost:4200/. Aplikacija će se ponovno učitati ukoliko promjenite bilo koju od source datoteka.

ng serve

Offline instalacija modula

Kopirajte ngx-hbor-lib.tgz u root vašeg projekta. Nakon toga instalirajte library koristeći:

npm install ./ngx-hbor-lib.tgz

Importajte modul u vašu aplikaciju te ga uključite u vaš modul:

...
import { NgxHborLibModule } from 'ngx-hbor-lib';
...
@NgModule({
    ...
  imports: [
    ...
    NgxHborLibModule,
   ...
  ]
  ...
})

Nakon toga možete koristit sve komponente unutar lib-a koristeći sljedeće selektore:

<hbor-datum></hbor-datum>
<hbor-iznos></hbor-iznos>
<hbor-tecaj></hbor-tecaj>
<hbor-tekst></hbor-tekst>
<hbor-vrijeme></hbor-vrijeme>
<hbor-postotak></hbor-postotak>
<hbor-search-table></hbor-search-table>
<hbor-templates></hbor-templates>
<hbor-breadcrumb></hbor-breadcrumb>
<hbor-settings></hbor-settings>
<hbor-simple-loader></hbor-simple-loader>
<hbor-error></hbor-error>
<hbor-confirmation-dialog></hbor-confirmation-dialog>
<hbor-snackbar></hbor-snackbar>
<hbor-slider></hbor-slider>

Svaka komponenta ima više ulaznih i izlaznih parametara...

Primjeri

Generička polja

<hbor-input [placeholder]="'Input'" [disabled]="disabled" [hborFormControl]="inputFormControl" [errorMessageRequired]="'Some error...'" [maxlength]="200" [width="200"></hbor-input>

<hbor-datum [disabled]="disabled" [hborFormControl]="dateFormControl" [errorMessageRequired]="'Some error...'"></hbor-datum>

<hbor-iznos [disabled]="disabled" [hborFormControl]="amountFormControl" [errorMessageRequired]="'Some error...'"></hbor-iznos>

<hbor-postotak [disabled]="disabled" [hborFormControl]="precentageFormControl" [errorMessageRequired]="'Some error...'"></hbor-postotak>

<hbor-tecaj [disabled]="disabled" [hborFormControl]="rateFormControl" [errorMessageRequired]="'Some error...'"></hbor-tecaj>

<hbor-tekst [disabled]="disabled" [hborFormControl]="textFormControl" [maxlength]="100" [width]="360" [errorMessageRequired]="'Some error...'"></hbor-tekst>

<hbor-vrijeme [disabled]="disabled" [hborFormControl]="timeFormControl" [errorMessageRequired]="'Some error...'"></hbor-vrijeme>

Tablica sa pretraživanjem i template za kolone

<hbor-search-table [shouldFormatDate]=false [headerHeight]="30" [columnMode]="'standard'" [temp]="temp" [rowHeight]="'auto'"
  [rows]="rows" [columns]="columns" [scrollbarH]="scrollbarH" (itemSelected)="onSelect($event)" [searchProp]="'name'"
  [searchPlaceholder]="'Unesite naziv...'" [footerMessages]="{ emptyMessage: 'Nema podataka...', totalMessage: 'Ukupno:' }">
  </hbor-search-table>
<hbor-templates (buttonViewClick)="viewRow($event)"></hbor-templates>

Za više pomoći

Za više pomoći sa Angular CLI koristite ng help ili provjerite Angular CLI README.

Build

Pokrenite:

npm run lib

Compodoc Angular dokumentacija

Website: Compodoc.
Run:

compodoc -p tsconfig.json -d ./src/assets/documentation -n "HBOR Angular Library dokumentacija"

to generate new documentation.
Run:

compodoc -p tsconfig.json -d ./src/assets/documentation -n "HBOR Angular Library dokumentacija" -s -r 4202

to generate new documentation and serve you the documentation on http://localhost:4202, by default on http://localhost:8080.