Aacl Refine List

Installation

Design/Spec

Notes:

• rxjs (ReactiveXJS) concepts used extensively: https://rxjs-dev.firebaseapp.com/guide/overview

Features:

• standard refine list UI with collapsable sections, internal search capabilities, clear and show more actions
• see action-list and feedback-list for full action/feedback subject types

Action and Feedback Subject Types:

• see EnumAaclFeedbackTypes and EnumAaclActionTypes for full list of action and feedback subjects
• each feedback subject will always contain a payload with the "selectedItems" array of selected items
• if using the "collapse by id" action subject, be sure to add the ID of the category to the action payload

How to Use

1. import AaclRefineListModule in your Parent module,

   //parent component's module
   @NgModule({
       // ...
       imports: [
           // ...
           AaclRefineListModule
           //
       ],
       // ...
   })
   export class ... { }

2. add <aacl-refine-list> in your template

   <aacl-refine-list [options]="refineListOptions"></aacl-refine-list>

3. initialize aacl-refine-list options in your parent component's .ts file;

   this.refineListOptions = {
       //... config options here
   } as AaclRefineListOptions;

   detailed configuration details can be found in aacl-refine-list.options.ts, and see aacl-refine-list-page for an example

Contributors

• Yu Zhang ([email protected])
• Todd Yu ([email protected])
• Yoyo Fang ([email protected])
• Sagar Mane ([email protected])
• Zuotian Li ([email protected])