ngrx-entity-crud 12.0.6-beta.2

package/schematics/ng-add/files/root-store/router-store/router-store.module.ts

@@ -0,0 +1,30 @@
+import {InjectionToken, NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {EffectsModule} from '@ngrx/effects';
+import {RouterEffects} from './effects';
+import {State} from './state';
+import {ActionReducer, StoreModule} from '@ngrx/store';
+import {routerReducer, StoreRouterConnectingModule} from '@ngrx/router-store';
+import {featureReducer} from './reducer';
+
+export const INJECTION_TOKEN = new InjectionToken<ActionReducer<State>>(`router-store Reducers`);
+
+@NgModule({
+  imports: [
+    CommonModule,
+    StoreModule.forFeature('router', INJECTION_TOKEN),
+    EffectsModule.forFeature([RouterEffects]),
+    StoreRouterConnectingModule.forRoot({stateKey: 'router'})
+  ],
+  declarations: [],
+  providers: [
+    RouterEffects,
+    {
+      provide: INJECTION_TOKEN,
+      useFactory: (): ActionReducer<State> => featureReducer
+    },
+  ]
+
+})
+export class RouterStoreModule {
+}

package/schematics/ng-add/files/root-store/router-store/selectors.ts

@@ -0,0 +1,63 @@
+import {createFeatureSelector, createSelector, MemoizedSelector} from '@ngrx/store';
+import * as fromRouter from '@ngrx/router-store';
+import {Data, NavigationExtras, Params} from '@angular/router';
+import {State} from './state';
+import {evalData} from '@core/utils/j-utils';
+
+export const selectRouterState: MemoizedSelector<object, State> = createFeatureSelector<State>('router');
+const getOptions = (state: State): any => state.state.root.firstChild.params.options;
+const getHasPopUp = (state: State): any => evalData<string>(() => state.state.url, '').indexOf('//popUp') !== -1;
+const getPrimary = (state: State): any => evalData(() => state.primary, null);
+const getPopUp = (state: State): any => evalData(() => state.popUp, null);
+
+export const selectOptions: MemoizedSelector<object, any> = createSelector(
+  selectRouterState,
+  getOptions
+);
+
+export const selectPrimary: MemoizedSelector<object, any> = createSelector(
+  selectRouterState,
+  getPrimary
+);
+
+export const selectPopUp: MemoizedSelector<object, any> = createSelector(
+  selectRouterState,
+  getPopUp
+);
+
+export const hasPopUp: MemoizedSelector<object, NavigationExtras> = createSelector(
+  selectRouterState,
+  getHasPopUp
+);
+
+export const {
+  selectQueryParams,    // select the current route query params
+  selectQueryParam,     // factory function to select a query param
+  selectRouteParams,    // select the current route params
+  selectRouteParam,     // factory function to select a route param
+  selectRouteData,      // select the current route data
+  selectUrl,            // select the current url
+} = fromRouter.getSelectors(selectRouterState);
+
+export const all: MemoizedSelector<object, RuoteData> = createSelector(
+  selectQueryParams,
+  selectRouteParams,
+  selectRouteData,
+  selectUrl,
+  (selectQueryParamsA, selectRouteParamsA, selectRouteDataA, selectUrlA) => {
+    return {
+      selectQueryParams: selectQueryParamsA,
+      selectRouteParams: selectRouteParamsA,
+      selectRouteData: selectRouteDataA,
+      selectUrl: selectUrlA
+    };
+  }
+);
+
+export interface RuoteData {
+  selectQueryParams: Params;
+  selectRouteParams: Params;
+  selectRouteData: Data;
+  selectUrl: string;
+}
+

package/schematics/ng-add/files/root-store/router-store/state.ts

@@ -0,0 +1,18 @@
+import {RouterReducerState, SerializedRouterStateSnapshot} from '@ngrx/router-store';
+import {NavigationExtras} from '@angular/router';
+import {PopUpData} from '@root-store/router-store/pop-up-base.component';
+
+export interface State extends RouterReducerState<SerializedRouterStateSnapshot> {
+  extras: NavigationExtras;
+  primary: any;
+  popUp: PopUpData<any>;
+}
+
+export const initialState: State = {
+  state: null,
+  navigationId: null,
+  extras: null,
+  primary: null,
+  popUp: null,
+};
+

package/schematics/ng-add/files/root-store/selectors.ts

@@ -0,0 +1,20 @@
+import {createSelectorFactory, defaultMemoize} from '@ngrx/store';
+
+const customMemoizer = (aFn) => defaultMemoize(aFn, (a: any, b: any) => a === b);
+
+export const selectError =
+  createSelectorFactory(customMemoizer)(
+    (...args: string[]) => {
+      console.log('selectError.args', args);
+      return args.join('');
+    }
+  );
+
+export const selectIsLoading =
+  createSelectorFactory(customMemoizer)(
+    (...args: boolean[]) => {
+      console.log('selectIsLoading.args', args);
+      return args.find((value => value));
+    }
+  );
+

package/schematics/ng-add/files/root-store/slide-menu-store/actions.ts

@@ -0,0 +1,11 @@
+import {SlideMenuItem} from '@models/vo/slide-menu-item';
+import {createAction, props} from '@ngrx/store';
+
+
+export enum ActionTypes {
+  SELECT = '[SlideMenu] Select',
+  OPEN = '[SlideMenu] Open',
+}
+
+export const Open = createAction(ActionTypes.OPEN, props<{ open: boolean }>());
+export const Select = createAction(ActionTypes.SELECT, props<{ item: SlideMenuItem }>());

package/schematics/ng-add/files/root-store/slide-menu-store/effects.ts

@@ -0,0 +1,10 @@
+import {Injectable} from '@angular/core';
+import {Actions} from '@ngrx/effects';
+
+@Injectable()
+export class SlideMenuStoreEffects {
+
+  constructor(private readonly actions$: Actions) {
+  }
+
+}

package/schematics/ng-add/files/root-store/slide-menu-store/index.d.ts

@@ -0,0 +1,13 @@
+import * as SlideMenuStoreActions from './actions';
+import * as SlideMenuStoreSelectors from './selectors';
+import * as SlideMenuStoreState from './state';
+
+export {
+  SlideMenuStoreModule
+} from './slide-menu-store.module';
+
+export {
+  SlideMenuStoreActions,
+  SlideMenuStoreSelectors,
+  SlideMenuStoreState
+};

package/schematics/ng-add/files/root-store/slide-menu-store/index.ts

@@ -0,0 +1,13 @@
+import * as SlideMenuStoreActions from './actions';
+import * as SlideMenuStoreSelectors from './selectors';
+import * as SlideMenuStoreState from './state';
+
+export {
+  SlideMenuStoreModule
+} from './slide-menu-store.module';
+
+export {
+  SlideMenuStoreActions,
+  SlideMenuStoreSelectors,
+  SlideMenuStoreState
+};

package/schematics/ng-add/files/root-store/slide-menu-store/names.ts

@@ -0,0 +1,3 @@
+export class Names {
+  static NAME = 'slide_menu';
+}

package/schematics/ng-add/files/root-store/slide-menu-store/operators.ts

@@ -0,0 +1,24 @@
+import {MenuItem} from 'primeng/api';
+import {map} from 'rxjs/operators';
+
+export const menuItemsDecoratorFn: (itemsA: MenuItem[], store$) => MenuItem[] = (itemsA: MenuItem[], store$) => {
+  return itemsA.map(value => {
+      const result: any = {...value};
+      if (!!result.command) {
+        result.store$ = store$;
+      }
+      if (!!result.items) {
+        result.items = menuItemsDecoratorFn(result.items, store$);
+      }
+      return result;
+    }
+  );
+};
+
+export const menuItemsDecorator = (store$: any) => {
+  return input$ => input$.pipe(
+    map((items: MenuItem[]) => {
+      return menuItemsDecoratorFn(items, store$);
+    })
+  );
+};

package/schematics/ng-add/files/root-store/slide-menu-store/reducer.ts

@@ -0,0 +1,8 @@
+import {initialState, State} from './state';
+import * as actions from './actions';
+import {createReducer, on} from '@ngrx/store';
+
+export const featureReducer = createReducer<State>(initialState,
+  on(actions.Open, (state, {open}) => ({...state, ...{open}})),
+  on(actions.Select, (state, {item}) => ({...state, ...{item}})),
+);

package/schematics/ng-add/files/root-store/slide-menu-store/selectors.ts

@@ -0,0 +1,41 @@
+import {createFeatureSelector, createSelector, MemoizedSelector} from '@ngrx/store';
+
+import {State} from './state';
+import {Names} from './names';
+import {SlideMenuItem} from '@models/vo/slide-menu-item';
+import {MenuItem} from 'primeng/api';
+
+const getOpen = (state: State): boolean => state.open;
+const getItem = (state: State): SlideMenuItem => state.item;
+const getItems = (state: State): MenuItem[] => state.items;
+const getBreadcrumb = (value: SlideMenuItem): string[] => value.breadcrumb;
+
+export const selectState: MemoizedSelector<object, State> = createFeatureSelector<State>(Names.NAME);
+
+export const selectItems: MemoizedSelector<object, MenuItem[]> = createSelector(
+  selectState,
+  getItems
+);
+
+export const selectItem: MemoizedSelector<object, SlideMenuItem> = createSelector(
+  selectState,
+  getItem
+);
+
+
+export const selectOpen: MemoizedSelector<object, boolean> = createSelector(
+  selectState,
+  getOpen
+);
+
+export const selectBreadcrumb: MemoizedSelector<object, string[]> = createSelector(
+  selectItem,
+  getBreadcrumb
+);
+
+export const selectBreadcrumbRenderized: MemoizedSelector<object, string> = createSelector(
+  selectBreadcrumb,
+  (values: string[]): string => {
+    return values.join(' > ');
+  }
+);

package/schematics/ng-add/files/root-store/slide-menu-store/slide-menu-store.module.ts

@@ -0,0 +1,27 @@
+import {InjectionToken, NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {ActionReducer, StoreModule} from '@ngrx/store';
+import {Names} from './names';
+import {State} from './state';
+import {EffectsModule} from '@ngrx/effects';
+import {SlideMenuStoreEffects} from './effects';
+import {featureReducer} from './reducer';
+
+export const CLIENT_TOKEN = new InjectionToken<ActionReducer<State>>(Names.NAME + ' Reducers');
+
+@NgModule({
+  imports: [
+    CommonModule,
+    StoreModule.forFeature(Names.NAME, CLIENT_TOKEN),
+    EffectsModule.forFeature([SlideMenuStoreEffects])
+  ],
+  declarations: [],
+  providers: [SlideMenuStoreEffects,
+    {
+      provide: CLIENT_TOKEN,
+      useFactory: (): ActionReducer<State> => featureReducer
+    }
+  ]
+})
+export class SlideMenuStoreModule {
+}

package/schematics/ng-add/files/root-store/slide-menu-store/state.ts

@@ -0,0 +1,14 @@
+import {SlideMenuItem} from '@models/vo/slide-menu-item';
+import {MenuItem} from 'primeng/api';
+
+export interface State {
+  open: boolean;
+  item: SlideMenuItem;
+  items: MenuItem[];
+}
+
+export const initialState: State = {
+  open: false,
+  item: {breadcrumb: [], data: null},
+  items: []
+};

package/schematics/ng-add/files/root-store/state.ts

@@ -0,0 +1,5 @@
+import {SlideMenuStoreState} from '@root-store/slide-menu-store';
+
+export interface State {
+  slide_menu: SlideMenuStoreState.State;
+}

package/schematics/ng-add/index.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export declare function ngAdd(options: any): Rule;

package/schematics/ng-add/index.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ngAdd = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const my_utility_1 = require("../my-utility");
+// Just return the tree
+function ngAdd(options) {
+    return (tree, context) => {
+        console.log('makeStore(options: CrudStore): Rule');
+        console.log('context', context);
+        const workspaceConfig = tree.read('/angular.json');
+        if (!workspaceConfig) {
+            throw new schematics_1.SchematicsException('Could not find Angular workspace configuration');
+        }
+        // convert workspace to string
+        const workspaceContent = workspaceConfig.toString();
+        // parse workspace string into JSON object
+        console.log('1');
+        const workspace = JSON.parse(workspaceContent);
+        if (!options.project) {
+            options.project = workspace.defaultProject;
+        }
+        console.log('2');
+        let pathApp = 'src/app';
+        let pathStore = 'src/app/root-store';
+        let pathView = 'src/app/main/views';
+        let pathService = 'src/app/main/services';
+        let pathVo = 'src/app/main/models/vo/';
+        const conf = tree.read('/ngrx-entity-crud.conf.json');
+        if (conf) {
+            console.log('3');
+            const confData = JSON.parse(conf.toString());
+            pathView = confData.pathView;
+            pathStore = confData.pathStore;
+            pathApp = confData.pathApp;
+            pathService = confData.pathService;
+            pathVo = confData.pathVo;
+        }
+        console.log('pathView', pathView);
+        console.log('pathStore', pathStore);
+        console.log('pathApp', pathApp);
+        console.log('pathService', pathService);
+        console.log('pathVo', pathVo);
+        /*    const genericRules: Rule[] = [
+              addExport(options, normalize(`${pathStore}/index.ts`)),
+              addExport(options, normalize(`${pathStore}/index.d.ts`)),
+            ];*/
+        /*    const crudRules: Rule[] = [
+              addImport(normalize(`${pathStore}/state.ts`), `import {${options.clazz}StoreState} from '@root-store/${strings.dasherize(options.clazz)}-store';`),
+              updateState(`${strings.underscore(options.name)}:${options.clazz}StoreState.State;`, normalize(`${pathStore}/state.ts`)),
+              addImport(normalize(`${pathStore}/selectors.ts`), `import {${options.clazz}StoreSelectors} from '@root-store/${strings.dasherize(options.clazz)}-store';`),
+              addRootSelector(options, normalize(`${pathStore}/selectors.ts`)),
+              render(options, './files/crud-store', pathStore),
+              render(options, './files/crud-service', pathService),
+              render(options, './files/crud-model', pathVo),
+              addDeclarationToNgModule({
+                module: `${pathStore}/root-store.module.ts`,
+                name: `${options.clazz}Store`,
+                path: `@root-store/${strings.dasherize(options.clazz)}-store`
+              })
+            ];*/
+        // updateTsConfigSelector()
+        const baseRules = [
+            // addImport(normalize(`${pathStore}/state.ts`), `import {${options.clazz}} from '@models/vo/${strings.dasherize(options.clazz)}';`),
+            // updateState(`${strings.underscore(options.name)}:${options.clazz};`, normalize(`${pathStore}/state.ts`)),
+            my_utility_1.render(options, './files', pathStore),
+            my_utility_1.addDeclarationToNgModule({
+                module: `${pathApp}/app.module.ts`,
+                name: `RootStore`,
+                path: `./root-store/root-store`
+            }),
+            my_utility_1.updateTsConfigSelector()
+        ];
+        return schematics_1.chain(baseRules);
+    };
+}
+exports.ngAdd = ngAdd;
+//# sourceMappingURL=index.js.map

package/schematics/ng-add/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../projects/ngrx-entity-crud/schematics/ng-add/index.ts"],"names":[],"mappings":";;;AAAA,2DAAoG;AACpG,8CAAuF;AAEvF,uBAAuB;AACvB,SAAgB,KAAK,CAAC,OAAY;IAChC,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAC/C,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;QACnD,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAChC,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnD,IAAI,CAAC,eAAe,EAAE;YACpB,MAAM,IAAI,gCAAmB,CAAC,gDAAgD,CAAC,CAAC;SACjF;QAED,8BAA8B;QAC9B,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,EAAE,CAAC;QAEpD,0CAA0C;QAC1C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACjB,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QAC/C,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YACpB,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,cAAc,CAAC;SAC5C;QACL,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACb,IAAI,OAAO,GAAW,SAAS,CAAC;QAChC,IAAI,SAAS,GAAW,oBAAoB,CAAC;QAC7C,IAAI,QAAQ,GAAW,oBAAoB,CAAC;QAC5C,IAAI,WAAW,GAAW,uBAAuB,CAAC;QAClD,IAAI,MAAM,GAAW,yBAAyB,CAAC;QAE/C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QACtD,IAAI,IAAI,EAAE;YACR,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACjB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC7C,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;YAC7B,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;YAC/B,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;YAC3B,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC;YACnC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;SAC1B;QAED,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAClC,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QACpC,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAChC,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;QACxC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAE9B;;;gBAGQ;QACR;;;;;;;;;;;;;gBAaQ;QAER,2BAA2B;QAC3B,MAAM,SAAS,GAAW;YACxB,qIAAqI;YACrI,4GAA4G;YAC5G,mBAAM,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACrC,qCAAwB,CAAC;gBACvB,MAAM,EAAE,GAAG,OAAO,gBAAgB;gBAClC,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,yBAAyB;aAChC,CAAC;YACF,mCAAsB,EAAE;SACzB,CAAC;QAEF,OAAO,kBAAK,CAAC,SAAS,CAAC,CAAC;IAE1B,CAAC,CAAC;AACJ,CAAC;AA7ED,sBA6EC"}

package/schematics/ng-add/schema.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "id": "ng add",
+  "title": "ng add",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path at which to create the component file, relative to the current workspace. Default is a folder with the same name as the component in the project root.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    }
+  },
+  "required": []
+}

package/schematics/section/files/ionic/__clazz@dasherize__/__clazz@dasherize__-edit/__clazz@dasherize__-edit.component.html

@@ -0,0 +1,52 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button></ion-back-button>
+    </ion-buttons>
+    <ion-title>
+      Edit
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+<ion-content fullscreen>
+  <ion-card>
+    <ion-title>
+      Form
+    </ion-title>
+    <ion-card-content>
+      <form [formGroup]="form">
+        <ion-item *ngFor="let key of keys">
+          <ion-label position="floating">{{key}}</ion-label>
+          <ion-input [formControlName]="key"></ion-input>
+        </ion-item>
+      </form>
+    </ion-card-content>
+  </ion-card>
+  <ion-card>
+    <ion-title>
+      Form data
+    </ion-title>
+    <ion-card-content>
+<pre>
+{{form | jsonForm | json}}
+</pre>
+    </ion-card-content>
+  </ion-card>
+</ion-content>
+<ion-footer>
+  <ion-toolbar>
+    <ion-button color="success" (click)="onSave(form.getRawValue())">
+      <ion-icon name="save"></ion-icon>
+      Save
+    </ion-button>
+    <ion-button color="success" (click)="onCopy(form.getRawValue())">
+      <ion-icon name="copy"></ion-icon>
+      Clone
+    </ion-button>
+    <ion-button color="success" (click)="onDelete(form.getRawValue())">
+      <ion-icon name="delete"></ion-icon>
+      Delete
+    </ion-button>
+    <ion-button color="danger" (click)="cancel()">Cancel</ion-button>
+  </ion-toolbar>
+</ion-footer>

package/schematics/section/files/ionic/__clazz@dasherize__/__clazz@dasherize__-edit/__clazz@dasherize__-edit.component.ts

@@ -0,0 +1,57 @@
+import {Component} from '@angular/core';
+import {<%= clazz %>} from '@models/vo/<%= dasherize(clazz) %>';
+import {<%= clazz %>StoreActions} from '@root-store/<%= dasherize(clazz) %>-store';
+
+import {FormGroup} from '@angular/forms';
+import {EditBaseComponent} from '@components/edit-base/edit-base.component';
+import * as RouterStoreActions from '@root-store/router-store/actions';
+
+@Component({
+  selector: 'app-<%= dasherize(clazz) %>-edit',
+  templateUrl: './<%= dasherize(clazz) %>-edit.component.html',
+  styles: [``]
+})
+export class <%= clazz %>EditComponent extends EditBaseComponent<<%= clazz %>> {
+
+  form: FormGroup;
+  keys: string[];
+
+  setItemPerform(value: <%= clazz %>): void {
+    const group = this.fb.group({});
+    this.keys = Object.keys(value);
+    this.keys.forEach(key => group.addControl(key, this.fb.control({value: value[key], disabled: key === 'id'})));
+    this.form = group;
+  }
+
+  onSavePerform(item: <%= clazz %>): void {
+    this.store$.dispatch(<%= clazz %>StoreActions.EditRequest({
+      item, onResult: [
+        // azione che verrà invocata al result della chiamata all'interno dell'effect.
+        RouterStoreActions.RouterBack()
+      ]
+    }));
+  }
+
+  onCopyPerform(item: <%= clazz %>): void {
+    this.store$.dispatch(<%= clazz %>StoreActions.CreateRequest({
+      item, onResult: [
+        // azione che verrà invocata al result della chiamata all'interno dell'effect.
+        RouterStoreActions.RouterBack()
+      ]
+    }));
+  }
+
+  onDeletePerform(item) {
+    this.store$.dispatch(<%= clazz %>StoreActions.DeleteRequest({
+      item, onResult: [
+        // azione che verrà invocata al result della chiamata all'interno dell'effect.
+        RouterStoreActions.RouterBack()
+      ]
+    }));
+  }
+
+  cancel(): void {
+    this.store$.dispatch(RouterStoreActions.RouterBack());
+  }
+
+}

package/schematics/section/files/ionic/__clazz@dasherize__/__clazz@dasherize__-list/__clazz@dasherize__-list.component.html

@@ -0,0 +1,7 @@
+<ion-list>
+  <ion-item *ngFor="let item of collection$ | async" detail (click)="onSelect(item)">
+    <ion-label>
+      <pre>{{item | json}}</pre>
+    </ion-label>
+  </ion-item>
+</ion-list>

package/schematics/section/files/ionic/__clazz@dasherize__/__clazz@dasherize__-list/__clazz@dasherize__-list.component.ts

@@ -0,0 +1,50 @@
+import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
+import {Store} from '@ngrx/store';
+import {<%= clazz %>StoreActions, <%= clazz %>StoreSelectors, RootStoreState} from '@root-store/index';
+import {Observable} from 'rxjs';
+import {<%= clazz %>} from '@models/vo/<%= dasherize(clazz) %>';
+import {RouterStoreActions} from '@root-store/router-store/index';
+
+@Component({
+  selector: 'app-<%= dasherize(clazz) %>-list',
+  templateUrl: `<%= dasherize(clazz) %>-list.component.html`,
+  styles: [``],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class <%= clazz %>ListComponent implements OnInit {
+
+
+  collection$: Observable<<%= clazz %>[]>;
+  cols: any;
+
+  constructor(private store$: Store<RootStoreState.State>) {
+    console.log('<%= clazz %>ListComponent.constructor()');
+  }
+
+
+  ngOnInit() {
+    console.log('<%= clazz %>ListComponent.ngOnInit()');
+
+    this.collection$ = this.store$.select(
+      <%= clazz %>StoreSelectors.selectAll
+    );
+
+  }
+
+  onSelect(item) {
+    console.log('<%= clazz %>ListComponent.onEdit()');
+
+    const state = {
+      item,
+      props: {}
+    };
+
+    // apro la popUP
+    this.store$.dispatch(RouterStoreActions.RouterGo({
+      path: ['<%= dasherize(clazz) %>', 'edit'],
+      extras: {state}
+    }));
+
+  }
+
+}

package/schematics/section/files/ionic/__clazz@dasherize__/__clazz@dasherize__-main/__clazz@dasherize__-main.component.html

@@ -0,0 +1,15 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-menu-button></ion-menu-button>
+    </ion-buttons>
+    <ion-title>
+      List
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content fullscreen>
+  <app-search [actions]="actions"></app-search>
+  <app-<%= dasherize(clazz) %>-list></app-<%= dasherize(clazz) %>-list>
+</ion-content>

package/schematics/section/files/ionic/__clazz@dasherize__/__clazz@dasherize__-main/__clazz@dasherize__-main.component.ts

@@ -0,0 +1,23 @@
+import {Component, OnInit} from '@angular/core';
+import {Store} from '@ngrx/store';
+import {<%= clazz %>StoreActions, RootStoreState} from '@root-store/index';
+import {Actions} from 'ngrx-entity-crud';
+import {<%= clazz %>} from '@models/vo/<%= dasherize(clazz) %>';
+
+@Component({
+  selector: 'app-<%= dasherize(clazz) %>-main',
+  templateUrl: '<%= dasherize(clazz) %>-main.component.html',
+  styles: []
+})
+export class <%= clazz %>MainComponent implements OnInit {
+
+  constructor(private readonly store$: Store<RootStoreState.State>) {
+  }
+
+  actions: Actions<<%= clazz %>> = <%= clazz %>StoreActions.actions;
+
+  ngOnInit() {
+
+  }
+
+}