ngrx-entity-crud 12.0.6-beta.2

package/schematics/section/files/ionic/__clazz@dasherize__/__clazz@dasherize__-routing.module.ts

@@ -0,0 +1,36 @@
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+import {<%= clazz %>MainComponent} from './<%= dasherize(clazz) %>-main/<%= dasherize(clazz) %>-main.component';
+import {<%= clazz %>EditComponent} from '@views/<%= dasherize(clazz) %>/<%= dasherize(clazz) %>-edit/<%= dasherize(clazz) %>-edit.component';
+
+const routes: Routes = [
+  {
+    path: 'main',
+    component: <%= clazz %>MainComponent,
+    pathMatch: 'full'
+  },
+  {
+    path: 'edit',
+    component: <%= clazz %>EditComponent,
+    pathMatch: 'full'
+  },
+  {
+    path: '',
+    redirectTo: 'main',
+    pathMatch: 'full'
+  },
+  {
+    path: '**',
+    redirectTo: 'main',
+    pathMatch: 'full'
+  }
+];
+
+@NgModule({
+  imports: [
+    RouterModule.forChild(routes)
+  ],
+  exports: [RouterModule]
+})
+export class <%= clazz %>RoutingModule {
+}

package/schematics/section/files/ionic/__clazz@dasherize__/__clazz@dasherize__.module.ts

@@ -0,0 +1,33 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {<%= clazz %>EditComponent} from './<%= dasherize(clazz) %>-edit/<%= dasherize(clazz) %>-edit.component';
+import {<%= clazz %>MainComponent} from './<%= dasherize(clazz) %>-main/<%= dasherize(clazz) %>-main.component';
+import {<%= clazz %>ListComponent} from './<%= dasherize(clazz) %>-list/<%= dasherize(clazz) %>-list.component';
+import {<%= clazz %>RoutingModule} from './<%= dasherize(clazz) %>-routing.module';
+import {SearchModule} from '@components/search/search.module';
+import {IonicModule} from '@ionic/angular';
+import {EditBaseModule} from '@components/edit-base/edit-base.module';
+import {PipesModule} from '@core/pipe/pipes.module';
+
+@NgModule({
+  declarations: [
+    <%= clazz %>EditComponent,
+    <%= clazz %>MainComponent,
+    <%= clazz %>ListComponent,
+  ],
+  imports: [
+    CommonModule,
+    FormsModule,
+    ReactiveFormsModule,
+    <%= clazz %>RoutingModule,
+    PipesModule,
+    SearchModule,
+    IonicModule,
+    EditBaseModule
+  ],
+  providers: [],
+  entryComponents: []
+})
+export class <%= clazz %>Module {
+}

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

@@ -0,0 +1 @@
+<%= dasherize(clazz) %>-edit.component.html

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

@@ -0,0 +1,16 @@
+import {Component} from '@angular/core';
+import {RootStoreState} from '@root-store/index';
+import {Store} from '@ngrx/store';
+
+@Component({
+  selector: 'app-<%= dasherize(clazz) %>-edit',
+  templateUrl: './<%= dasherize(clazz) %>-edit.component.html',
+  styles: [``]
+})
+export class <%= clazz %>EditComponent {
+
+  constructor(private store$: Store<RootStoreState.State>) {
+    console.log('<%= clazz %>EditComponent.constructor()');
+  }
+
+}

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

@@ -0,0 +1 @@
+<%= dasherize(clazz) %>-list.component.html

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

@@ -0,0 +1,27 @@
+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) %>';
+
+
+@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 %>[]>;
+
+  constructor(private store$: Store<RootStoreState.State>) {
+    console.log('<%= clazz %>ListComponent.constructor()');
+  }
+
+  ngOnInit(): void {
+    console.log('<%= clazz %>ListComponent.ngOnInit()');
+  }
+
+}

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

@@ -0,0 +1 @@
+<%= dasherize(clazz) %>-main.component.html

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

@@ -0,0 +1,18 @@
+import {Component, OnInit} from '@angular/core';
+import {Store} from '@ngrx/store';
+import {RootStoreState} from '@root-store/index';
+
+@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>) {
+  }
+
+  ngOnInit(): void {
+  }
+
+}

package/schematics/section/files/no-libs/__clazz@dasherize__/__clazz@dasherize__-routing.module.ts

@@ -0,0 +1,36 @@
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+import {<%= clazz %>MainComponent} from './<%= dasherize(clazz) %>-main/<%= dasherize(clazz) %>-main.component';
+import {<%= clazz %>EditComponent} from './<%= dasherize(clazz) %>-edit/<%= dasherize(clazz) %>-edit.component';
+
+const routes: Routes = [
+  {
+    path: 'main',
+    component: <%= clazz %>MainComponent,
+    pathMatch: 'full'
+  },
+  {
+    path: 'edit',
+    component: <%= clazz %>EditComponent,
+    pathMatch: 'full'
+  },
+  {
+    path: '',
+    redirectTo: 'main',
+    pathMatch: 'full'
+  },
+  {
+    path: '**',
+    redirectTo: 'main',
+    pathMatch: 'full'
+  }
+];
+
+@NgModule({
+  imports: [
+    RouterModule.forChild(routes)
+  ],
+  exports: [RouterModule]
+})
+export class <%= clazz %>RoutingModule {
+}

package/schematics/section/files/no-libs/__clazz@dasherize__/__clazz@dasherize__.module.ts

@@ -0,0 +1,26 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {<%= clazz %>EditComponent} from './<%= dasherize(clazz) %>-edit/<%= dasherize(clazz) %>-edit.component';
+import {<%= clazz %>MainComponent} from './<%= dasherize(clazz) %>-main/<%= dasherize(clazz) %>-main.component';
+import {<%= clazz %>ListComponent} from './<%= dasherize(clazz) %>-list/<%= dasherize(clazz) %>-list.component';
+import {<%= clazz %>RoutingModule} from './<%= dasherize(clazz) %>-routing.module';
+
+@NgModule({
+  declarations: [
+    <%= clazz %>EditComponent,
+    <%= clazz %>MainComponent,
+    <%= clazz %>ListComponent,
+  ],
+  imports: [
+    CommonModule,
+    FormsModule,
+    ReactiveFormsModule,
+    <%= clazz %>RoutingModule
+  ],
+  providers: [],
+  entryComponents: []
+})
+export class <%= clazz %>Module {
+}

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

@@ -0,0 +1,38 @@
+<p-dialog header="{{title}}"
+          [transitionOptions]="'150ms cubic-bezier(0, 0, 0.2, 1)'"
+          [visible]="true"
+          [modal]="true"
+          [responsive]="true"
+          [style]="{width: '70em', minWidth: '200px'}"
+          [minY]="70"
+          [maximizable]="false"
+          [closable]="false"
+          (onHide)="cancel()">
+
+  <div class="grid">
+    <div class="col">
+      <form
+        class="dynamic-form"
+        [formGroup]="form">
+        <div *ngFor="let key of keys" class="grid">
+          <div class="col">
+            <label for="{{key}}"><strong>{{key}}</strong></label><br>
+            <input id="{{key}}" name="{{key}}" type="text" class="form-control" pInputText [formControlName]="key"/>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div class="col">
+      <pre>
+{{form | jsonForm | json}}
+</pre>
+    </div>
+  </div>
+
+
+  <ng-template pTemplate="footer">
+    <button pButton class="p-button-success mr-1" label="save" (click)="submit(form.getRawValue())"></button>
+    <button pButton type="button" label="Cancel" (click)="cancel()"></button>
+  </ng-template>
+
+</p-dialog>

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

@@ -0,0 +1,50 @@
+import {Component} from '@angular/core';
+import {closePopUpAction, PopUpBaseComponent} from '@root-store/router-store/pop-up-base.component';
+import {<%= clazz %>} from '@models/vo/<%= dasherize(clazz) %>';
+import {FormGroup} from '@angular/forms';
+import {<%= clazz %>StoreActions} from '@root-store/<%= dasherize(clazz) %>-store';
+
+
+@Component({
+  selector: 'app-<%= dasherize(clazz) %>-edit',
+  templateUrl: './<%= dasherize(clazz) %>-edit.component.html',
+  styles: [``]
+})
+export class <%= clazz %>EditComponent extends PopUpBaseComponent<<%= 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;
+  }
+
+  acceptPerform(item: <%= clazz %>): void {
+    if (item.id) {
+      this.store$.dispatch(<%= clazz %>StoreActions.EditRequest({
+        item, onResult: [
+          // azione che verrà invocata al result della chiamata all'interno dell'effect.
+          // chiude la popUP.
+          // closePopUpAction: metodo per la creazione dell'azione di chiusura della popUP
+          closePopUpAction
+        ]
+      }));
+    } else {
+      this.store$.dispatch(<%= clazz %>StoreActions.CreateRequest({
+        item, onResult: [
+          // azione che verrà invocata al result della chiamata all'interno dell'effect.
+          // chiude la popUP.
+          // closePopUpAction: metodo per la creazione dell'azione di chiusura della popUP
+          closePopUpAction
+        ]
+      }));
+    }
+  }
+
+  // cancel(): void {
+  //   this.store$.dispatch(closePopUpAction(this.route));
+  // }
+}

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

@@ -0,0 +1,30 @@
+<p-table [value]="collection$ | async" [selection]="itemsSelected$ | async" (selectionChange)="onSelectionChange($event)">
+  <ng-template pTemplate="header">
+    <tr>
+      <th style="width: 3rem">
+        <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
+      </th>
+      <th *ngFor="let col of cols">
+        {{col}}
+      </th>
+      <th style="width: 10em">actions</th>
+    </tr>
+  </ng-template>
+  <ng-template pTemplate="body" let-item>
+    <tr>
+      <td>
+        <p-tableCheckbox [value]="item"></p-tableCheckbox>
+      </td>
+      <td *ngFor="let col of cols">
+        {{item[col]}}
+      </td>
+      <td>
+
+        <button pButton pRipple type="button" icon="pi pi-copy" class="p-button-rounded p-button-outlined mr-1" (click)="onCopy(item)"></button>
+        <button pButton pRipple type="button" icon="pi pi-pencil" class="p-button-rounded p-button-success p-button-outlined mr-1" (click)="onEdit(item)"></button>
+        <button pButton pRipple type="button" icon="pi pi-times" class="p-button-rounded p-button-danger p-button-outlined" (click)="onDelete(item)"></button>
+
+      </td>
+    </tr>
+  </ng-template>
+</p-table>

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

@@ -0,0 +1,101 @@
+import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
+import {select, 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';
+import {tap} from 'rxjs/operators';
+import {ConfirmationService} from 'primeng/api';
+import {PopUpData} from '@root-store/router-store/pop-up-base.component';
+
+@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;
+  itemsSelected$: Observable<<%= clazz %>[]>;
+
+  constructor(private store$: Store<RootStoreState.State>,
+              private confirmationService: ConfirmationService) {
+    console.log('<%= clazz %>ListComponent.constructor()');
+  }
+
+  ngOnInit(): void {
+    console.log('<%= clazz %>ListComponent.ngOnInit()');
+
+    this.itemsSelected$ = this.store$.pipe(
+      select(<%= clazz %>StoreSelectors.selectItemsSelected)
+    );
+
+    this.collection$ = this.store$.select(
+      <%= clazz %>StoreSelectors.selectAll
+    ).pipe(
+      tap(values => {
+        if (values && values.length > 0) {
+          this.cols = Object.keys(values[0]);
+        }
+      })
+    );
+
+    this.store$.dispatch(
+      <%= clazz %>StoreActions.SearchRequest({queryParams: {}})
+    );
+
+  }
+
+  onEdit(item): void {
+    console.log('<%= clazz %>ListComponent.onEdit()');
+
+    const data: PopUpData<<%= clazz %>> = {
+      item,
+      props: {title: 'Edit <%= clazz %>', route: '<%= dasherize(clazz) %>'}
+    };
+
+    // apro la popUP
+    this.store$.dispatch(RouterStoreActions.RouterGoPopUp({
+      path: ['<%= dasherize(clazz) %>', {outlets: {popUp: ['edit']}}],
+      data
+    }));
+
+  }
+
+  onCopy(value): void {
+    console.log('<%= clazz %>ListComponent.onCopy()');
+
+    const item = {...{}, ...value, ...{id: null}};
+    const data: PopUpData<<%= clazz %>> = {
+      item,
+      props: {title: 'Copy <%= clazz %>', route: '<%= dasherize(clazz) %>'}
+    };
+
+    this.store$.dispatch(RouterStoreActions.RouterGoPopUp({
+      path: ['<%= dasherize(clazz) %>', {outlets: {popUp: ['edit']}}],
+      data
+    }));
+
+  }
+
+  onDelete(item): void {
+
+    this.confirmationService.confirm({
+      message: 'Are you sure that you want to perform this action?',
+      accept: () => {
+        this.store$.dispatch(<%= clazz %>StoreActions.DeleteRequest({item}));
+      }
+    });
+
+  }
+
+  onSelectionChange(items: <%= clazz %>[]): void {
+    console.log('<%= clazz %>ListComponent.onSelectionChange()');
+    console.log('items', items);
+    this.store$.dispatch(<%= clazz %>StoreActions.SelectItems({items}));
+  }
+
+}

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

@@ -0,0 +1,12 @@
+<p-toolbar styleClass="mb-4">
+  <ng-template pTemplate="left">
+    <app-search [actions]="actions"></app-search>
+  </ng-template>
+  <ng-template pTemplate="right">
+    <app-button-new-<%= dasherize(clazz) %> class="mr-2"></app-button-new-<%= dasherize(clazz) %>>
+    <app-button-delete-<%= dasherize(clazz) %> class="mr-2"></app-button-delete-<%= dasherize(clazz) %>>
+    <app-button-edit-many-test-<%= dasherize(clazz) %> class="mr-2"></app-button-edit-many-test-<%= dasherize(clazz) %>>
+    <app-button-create-many-test-<%= dasherize(clazz) %>></app-button-create-many-test-<%= dasherize(clazz) %>>
+  </ng-template>
+</p-toolbar>
+<app-<%= dasherize(clazz) %>-list></app-<%= dasherize(clazz) %>-list>

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

@@ -0,0 +1,21 @@
+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(): void {
+  }
+}

package/schematics/section/files/primeng/__clazz@dasherize__/__clazz@dasherize__-routing.module.ts

@@ -0,0 +1,37 @@
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+import {<%= clazz %>MainComponent} from './<%= dasherize(clazz) %>-main/<%= dasherize(clazz) %>-main.component';
+import {<%= clazz %>EditComponent} from '@views/<%= dasherize(clazz) %>/<%= dasherize(clazz) %>-edit/<%= dasherize(clazz) %>-edit.component';
+
+const routes: Routes = [
+  {
+    path: 'main',
+    component: <%= clazz %>MainComponent,
+    pathMatch: 'full'
+  },
+  {
+    path: 'edit',
+    component: <%= clazz %>EditComponent,
+    outlet: 'popUp',
+    pathMatch: 'full'
+  },
+  {
+    path: '',
+    redirectTo: 'main',
+    pathMatch: 'full'
+  },
+  {
+    path: '**',
+    redirectTo: 'main',
+    pathMatch: 'full'
+  }
+];
+
+@NgModule({
+  imports: [
+    RouterModule.forChild(routes)
+  ],
+  exports: [RouterModule]
+})
+export class <%= clazz %>RoutingModule {
+}

package/schematics/section/files/primeng/__clazz@dasherize__/__clazz@dasherize__.module.ts

@@ -0,0 +1,49 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {<%= clazz %>EditComponent} from './<%= dasherize(clazz) %>-edit/<%= dasherize(clazz) %>-edit.component';
+import {<%= clazz %>MainComponent} from './<%= dasherize(clazz) %>-main/<%= dasherize(clazz) %>-main.component';
+import {<%= clazz %>ListComponent} from './<%= dasherize(clazz) %>-list/<%= dasherize(clazz) %>-list.component';
+import {<%= clazz %>RoutingModule} from './<%= dasherize(clazz) %>-routing.module';
+import {ButtonNew<%= clazz %>Component} from './components/button-new-<%= dasherize(clazz) %>.component';
+import {TableModule} from 'primeng/table';
+import {DialogModule} from 'primeng/dialog';
+import {ButtonModule} from 'primeng/button';
+import {InputTextModule} from 'primeng/inputtext';
+import {SearchModule} from '@components/search/search.module';
+import {PipesModule} from '@core/pipe/pipes.module';
+import {ButtonDelete<%= clazz %>Component} from './components/button-delete-<%= dasherize(clazz) %>.component';
+import {ButtonEditManyTest<%= clazz %>Component} from './components/button-edit-many-test-<%= dasherize(clazz) %>.component';
+import {ButtonCreateManyTest<%= clazz %>Component} from './components/button-create-many-test-<%= dasherize(clazz) %>.component';
+import {NgLetModule} from '@core/directive/ng-let.directive';
+import {ToolbarModule} from 'primeng/toolbar';
+
+@NgModule({
+  declarations: [
+    <%= clazz %>EditComponent,
+    <%= clazz %>MainComponent,
+    <%= clazz %>ListComponent,
+    ButtonNew<%= clazz %>Component,
+    ButtonDelete<%= clazz %>Component,
+    ButtonEditManyTest<%= clazz %>Component,
+    ButtonCreateManyTest<%= clazz %>Component
+  ],
+  imports: [
+    CommonModule,
+    FormsModule,
+    ReactiveFormsModule,
+    <%= clazz %>RoutingModule,
+    TableModule,
+    DialogModule,
+    ButtonModule,
+    InputTextModule,
+    PipesModule,
+    SearchModule,
+    NgLetModule,
+    ToolbarModule
+  ],
+  providers: [],
+  entryComponents: []
+})
+export class <%= clazz %>Module {
+}

package/schematics/section/files/primeng/__clazz@dasherize__/components/button-create-many-test-__clazz@dasherize__.component.ts

@@ -0,0 +1,46 @@
+import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
+import {select, Store} from '@ngrx/store';
+import {Observable} from 'rxjs';
+import {<%= clazz %>StoreActions, <%= clazz %>StoreSelectors, RootStoreState} from '@root-store/index';
+import {<%= clazz %>} from '@models/vo/<%= dasherize(clazz) %>';
+
+@Component({
+  selector: 'app-button-create-many-test-<%= dasherize(clazz) %>',
+  template: `
+    <button type="button" *ngLet="(itemsSelected$|async) as itemsSelected" pButton icon="pi pi-plus"
+            label="Create many ({{itemsSelected.length}})" (click)="onCreateMany(itemsSelected)"
+            [disabled]="!(itemsSelected.length > 0)"
+            class="p-button-success"></button>
+  `,
+  styles: [],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class ButtonCreateManyTest<%= clazz %>Component implements OnInit {
+
+  itemsSelected$: Observable<<%= clazz %>[]>;
+
+  constructor(private readonly store$: Store<RootStoreState.State>) {
+  }
+
+  ngOnInit(): void {
+    this.itemsSelected$ = this.store$.pipe(
+      select(<%= clazz %>StoreSelectors.selectItemsSelected)
+    );
+  }
+
+  onCreateMany(values: <%= clazz %>[]): void {
+    const items = values.map(value => {
+      const keys = Object.keys(value);
+      const result = {...value};
+      keys.forEach(key => {
+        result.id = null;
+        if (key !== 'id' && typeof result[key] === 'string') {
+          result[key] = 'edited ' + new Date().getSeconds();
+        }
+      });
+      return result;
+    });
+    this.store$.dispatch(<%= clazz %>StoreActions.CreateManyRequest({items}));
+  }
+
+}

package/schematics/section/files/primeng/__clazz@dasherize__/components/button-delete-__clazz@dasherize__.component.ts

@@ -0,0 +1,35 @@
+import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
+import {select, Store} from '@ngrx/store';
+import {Observable} from 'rxjs';
+import {<%= clazz %>StoreActions, <%= clazz %>StoreSelectors, RootStoreState} from '@root-store/index';
+import {<%= clazz %>} from '@models/vo/<%= dasherize(clazz) %>';
+
+@Component({
+  selector: 'app-button-delete-<%= dasherize(clazz) %>',
+  template: `
+    <button type="button" *ngLet="(itemsSelected$|async) as itemsSelected" pButton icon="pi pi-trash"
+            label="Delete ({{itemsSelected.length}})" (click)="onDelete(itemsSelected)"
+            [disabled]="!(itemsSelected.length > 0)"
+            class="p-button-danger"></button>
+  `,
+  styles: [],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class ButtonDelete<%= clazz %>Component implements OnInit {
+
+  itemsSelected$: Observable<<%= clazz %>[]>;
+
+  constructor(private readonly store$: Store<RootStoreState.State>) {
+  }
+
+  ngOnInit(): void {
+    this.itemsSelected$ = this.store$.pipe(
+      select(<%= clazz %>StoreSelectors.selectItemsSelected)
+    );
+  }
+
+  onDelete(items: <%= clazz %>[]): void {
+    this.store$.dispatch(<%= clazz %>StoreActions.DeleteManyRequest({items}));
+  }
+
+}