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.