prime-ngx-ar

Utilitarios para los proyectos de angular 6+ usando como base los componentes de primeng y ngx-bootstrap

Usage no npm install needed!

<script type="module">
  import primeNgxAr from 'https://cdn.skypack.dev/prime-ngx-ar';
</script>

README

PrimeNg Ngx-Bootstrap Alexis - Ronny

Installation

To install this library, run:

$ npm i prime-ngx-ar --save
$ npm i utilscore-ar --save
$ npm i primeng --save
$ npm i ngx-bootstrap --save

Modules

  • AuthModule
    • AuthGuard
    • AuthService
    • HttpBaseService
  • ListTemplateModule
    • ListManager
    • <list-template></list-template>
      
      • Inputs:
        • showPagination: boolean = true
        • showToolbar: boolean = true
        • showHeader: boolean = true
        • showAddButton: boolean = true
        • showCardLayout: boolean = true
        • listTitle: string = "Lista"
        • addButtonLabel: string = "Agregar nuevo"
        • addButtonIcon: string = "fa fa-plus"
        • requestSetting = new RequestSetting()
        • pgRowsPerPage: number[] = []
        • pgMaxSize: number = 4
        • pgBoundaryLinks: boolean = true
        • pgPreviousText: string = "&lsaquo"
        • pgNextText: string = "&rsaquo"
        • pgFirstText: string = "&laquo"
        • pgLastText: string = "&raquo"
        • pgShowTotalRows: boolean = true
      • Outputs:
        • onActionChange = new EventEmitter()
  • SearchTemplateModule
    • <search-template></search-template>
      
      • Inputs:
        • showPagination: boolean = true
        • modalSize: string = "modal-xl"
        • service: ServiceManager
        • titleModal: string = "Busqueda"
        • filter: boolean = true
        • columns = new Array()
        • dataKey: string = ""
        • pgRowsPerPage = new Array()
        • pgMaxSize: number = 4
        • pgBoundaryLinks: boolean = true
        • pgPreviousText: string = "&lsaquo"
        • pgNextText: string = "&rsaquo"
        • pgFirstText: string = "&laquo"
        • pgLastText: string = "&raquo"
        • pgShowTotalRows: boolean = true
      • Outputs:
        • onSearch = new EventEmitter()
  • SearchContentModule
    • <search-content></search-content>
      
      • Inputs:
        • searchTitle: string = "Busqueda"
        • service: IServiceDataLoader
        • columns: SearchColumn[]
        • value: any
        • host: string //'modal | overlay'
        • pgMaxSize: number = 4
        • pgBoundaryLinks: boolean = true
        • pgPreviousText: string = "&lsaquo"
        • pgNextText: string = "&rsaquo"
        • pgFirstText: string = "&laquo"
        • pgLastText: string = "&raquo"
        • pgShowTotalRows: boolean = true
        • method: string = "GetPage"
        • activeColumn: SearchColumn
      • Outputs:
        • onClose = new EventEmitter()
        • okAndNewChange = new EventEmitter()
    • SearchModalService
    • VisibleColumnsPipe
      • <ng-container> {{value | visibleCols}} </ng-container>
        
  • SearchOverlayModule - ```html
    - Inputs:
      - searchTitle: string
      - service: IServiceDataLoader<any>
      - columns: Array<SearchColumn>
      - value: any
    - Outputs:
      - onClose = new EventEmitter()
    - appInjector
    - ComponentManager
    - SearchService
    - ServiceManager<T>
    - ServiceBase
    - DataService
    - MsgBoxModule
    - ```html
    <msgbox-content></msgbox-content>
    ```
    - MsgBoxService
    
  • PaginationModule
    • <pagination-ar></pagination-ar>
      
      • Inputs:
        • page = new Page()
        • rowsPerPage: number[] = []
        • maxSize: number = 4
        • boundaryLinks: boolean = true
        • previousText: string = "&lsaquo"
        • nextText: string = "&rsaquo"
        • firstText: string = "&laquo"
        • lastText: string = "&raquo"
        • showTotalRows: boolean = true
        • showPageSize: boolean = true
      • Outputs:
        • onPaginate = new EventEmitter()
  • UploadButtonModule
    • UploadButtonService
    • <upload-btn></upload-btn>
      
      • Inputs:
        • btnLabel: string = "Cargar archivo"
        • btnClass: string = "btn-primary"
        • acceptFiles: string = ""
        • url: string = ""
        • maxSizeMB: number = 5
        • maxFiles: number = 1
        • icon: string = "fa-cloud-upload"
        • showIcon: boolean = true
      • Outputs:
        • onSuccess = new EventEmitter()
        • onError = new EventEmitter()

License

MIT © Alexis Castro Ronny Zapata