kakadustudio-angular-cli-library v1.2.3
Kakadustudio Angular CLI Library
ngx-kakadustudio-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-kakadustudio-lib.tgz
u root vašeg projekta.
Nakon toga instalirajte library koristeći:
npm install ./ngx-kakadustudio-lib.tgz
Importajte modul u vašu aplikaciju te ga uključite u vaš modul:
...
import { NgxKakaduStudioLibModule } from 'ngx-kakadustudio-lib';
...
@NgModule({
...
imports: [
...
NgxKakaduStudioLibModule,
...
]
...
})
Nakon toga možete koristit sve komponente unutar lib-a koristeći sljedeće selektore:
<kakadustudio-datum></kakadustudio-datum>
<kakadustudio-iznos></kakadustudio-iznos>
<kakadustudio-tecaj></kakadustudio-tecaj>
<kakadustudio-tekst></kakadustudio-tekst>
<kakadustudio-vrijeme></kakadustudio-vrijeme>
<kakadustudio-postotak></kakadustudio-postotak>
<kakadustudio-search-table></kakadustudio-search-table>
<kakadustudio-templates></kakadustudio-templates>
<kakadustudio-breadcrumb></kakadustudio-breadcrumb>
<kakadustudio-settings></kakadustudio-settings>
<kakadustudio-simple-loader></kakadustudio-simple-loader>
<kakadustudio-error></kakadustudio-error>
<kakadustudio-confirmation-dialog></kakadustudio-confirmation-dialog>
<kakadustudio-snackbar></kakadustudio-snackbar>
<kakadustudio-slider></kakadustudio-slider>
Svaka komponenta ima više ulaznih i izlaznih parametara...
Primjeri
Generička polja
<kakadustudio-input [placeholder]="'Input'" [disabled]="disabled" [kakadustudioFormControl]="inputFormControl" [errorMessageRequired]="'Some error...'" [maxlength]="200" [width="200"></kakadustudio-input>
<kakadustudio-datum [disabled]="disabled" [kakadustudioFormControl]="dateFormControl" [errorMessageRequired]="'Some error...'"></kakadustudio-datum>
<kakadustudio-iznos [disabled]="disabled" [kakadustudioFormControl]="amountFormControl" [errorMessageRequired]="'Some error...'"></kakadustudio-iznos>
<kakadustudio-postotak [disabled]="disabled" [kakadustudioFormControl]="precentageFormControl" [errorMessageRequired]="'Some error...'"></kakadustudio-postotak>
<kakadustudio-tecaj [disabled]="disabled" [kakadustudioFormControl]="rateFormControl" [errorMessageRequired]="'Some error...'"></kakadustudio-tecaj>
<kakadustudio-tekst [disabled]="disabled" [kakadustudioFormControl]="textFormControl" [maxlength]="100" [width]="360" [errorMessageRequired]="'Some error...'"></kakadustudio-tekst>
<kakadustudio-vrijeme [disabled]="disabled" [kakadustudioFormControl]="timeFormControl" [errorMessageRequired]="'Some error...'"></kakadustudio-vrijeme>
Tablica sa pretraživanjem i template za kolone
<kakadustudio-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:' }">
</kakadustudio-search-table>
<kakadustudio-templates (buttonViewClick)="viewRow($event)"></kakadustudio-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 "Kakadustudio Angular Library dokumentacija"
to generate new documentation.
Run:
compodoc -p tsconfig.json -d ./src/assets/documentation -n "Kakadustudio 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.