DpsLib

This library was generated with Angular CLI version 8.2.14.

Code scaffolding

Run ng generate component component-name --project dps-lib to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project dps-lib.

Note: Don't forget to add --project dps-lib or else it will be added to the default project in your angular.json file.

Build

Run ng build dps-lib to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build dps-lib, go to the dist folder cd dist/dps-lib and run npm publish.

Running unit tests

Run ng test dps-lib to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Components

Dropdown tree

Có thể sử dụng như form control

import { DropdownTreeModule } from 'dps-lib';

<m-dropdown-tree [data]="datatree" [FieldTitle]="'TenPB'" [FieldId]="'Id_PB'" [FieldChildren]="'Childrens'" [DropdownTitle]="'Phòng ban'" [disabled]="false" [required]="false" (SelectedItemTree)="GetValueNode($event)" formControlName="dropdowntreeControl">

Image control

Có thể sử dụng như form control

• 20/02/18 Thêm trường FieldDisable cho từng item trên dropdown tree để có thể tùy biến ẩn hiện chức năng chọn

import { ImageControlModule } from 'dps-lib';

<dl-image-control [data]="imagedata" formControlName="imageControl" type="image/*" nameButton="Chọn ảnh" [multiple]="true" [disabled]="false" [required]="false">

Datetime picker

import { DatetimePickerModule } from 'dps-lib';

• 20/03/03 - release datetime picker control
• output: selectionChange
• input: placeholder - hint - required - disabled

Dynamic Component

import { DynamicComponentModule } from 'dps-lib';

• 20/05/12 - release Dynamic Component module
• output: getInstance: trả về instance để có thể gọi hàm của child component
• input: childComponentType, data

<lib-dynamic-component [childComponentType]="childComponentType" [data]="data.CongViec" (getInstance)="getInstance($event)">

Dynamic form

import { DynamicFormModule } from 'dps-lib';
export function getHTTPHeaders() {
    let _httpUtils = new HttpUtilsService(new TokenStorage());
    return _httpUtils.getHTTPHeaders();
}
@NgModule({
    imports: [ 
        DynamicFormModule.forRoot(environment, getHTTPHeaders)
    ]
    })

• 21/06/15 - fixed lỗi build production Dynamic form module
• output:
• input:

<kt-dynamic-form [FormID]="FormID" [ProcessID]="ProcessID" [DataID]="DataID" [ActionData]="ActionData" [InDialog]="true" [childComponentType]="childComponentType" [childComponentData]="childComponentData" (CloseDialog)="close($event)" (ComponentTitle)="ComponentTitle=$event" (showActionNotification)="notify($event)">