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
Značajke | Komentar | Docs |
---|---|---|
Generička polja | ||
Generičke tablice | ||
Predlošci za kolone | ||
Breadcrumbs | ||
Postavke za tablice | Limit redaka u tablici | |
Jednostavni loader | ||
Slider | ||
Error dialog | ||
Confirm dialog | ||
Snackbars | ||
Theme | Podešavaju se kroz projekt koji koristi library |
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.
6 years ago