update logic for template

Author: ktrdev2020

crud/files/__name@/__name@-routing.module.ts.template

@@ -1 +1,7 @@
-// component/__name@-add/__name@-add.component.html.template
+<form [formGroup]="form" (ngSubmit)="submit()">
+  <ion-item *ngFor="let field of fields">
+    <ion-label position="stacked">{{ '{{' }} field.key {{ '}}' }}</ion-label>
+    <ion-input [formControlName]="field.key"></ion-input>
+  </ion-item>
+  <ion-button expand="block" type="submit">Save</ion-button>
+</form>

crud/files/__name@/__name@.module.ts.template

@@ -1 +1,23 @@
-// component/__name@-details/__name@-details.component.ts.template
+
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { Store } from '@ngrx/store';
+import { select{{ classify name }}ById } from '../../store/selectors/{{ dasherize name }}.selectors';
+import { load{{ classify name }} } from '../../store/actions/{{ dasherize name }}.actions';
+
+@Component({
+  selector: 'app-{{ dasherize name }}-details',
+  templateUrl: './{{ dasherize name }}-details.component.html',
+  standalone: false
+})
+export class {{ classify name }}DetailsComponent implements OnInit {
+  id!: number;
+  data$ = this.store.select(select{{ classify name }}ById(this.id));
+
+  constructor(private route: ActivatedRoute, private store: Store) {}
+
+  ngOnInit() {
+    this.id = +this.route.snapshot.params['id'];
+    this.store.dispatch(load{{ classify name }}());
+  }
+}

crud/files/__name@/component/__name@-add/__name@-add.component.html.template

@@ -1 +1,35 @@
-// component/__name@-edit/__name@-edit.component.ts.template
+
+import { Component, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { ActivatedRoute } from '@angular/router';
+import { Store } from '@ngrx/store';
+import { update{{ classify name }}, load{{ classify name }} } from '../../store/actions/{{ dasherize name }}.actions';
+import { select{{ classify name }}ById } from '../../store/selectors/{{ dasherize name }}.selectors';
+
+@Component({
+  selector: 'app-{{ dasherize name }}-edit',
+  templateUrl: './{{ dasherize name }}-edit.component.html',
+  standalone: false
+})
+export class {{ classify name }}EditComponent implements OnInit {
+  form!: FormGroup;
+  id!: number;
+
+  constructor(private fb: FormBuilder, private route: ActivatedRoute, private store: Store) {}
+
+  ngOnInit() {
+    this.id = +this.route.snapshot.params['id'];
+    this.store.dispatch(load{{ classify name }}());
+    this.store.select(select{{ classify name }}ById(this.id)).subscribe(data => {
+      if (data) {
+        this.form = this.fb.group({ {{~ modelFields.map(f => `${f.key}: [data.${f.key}]`).join(',\n') ~}} });
+      }
+    });
+  }
+
+  submit() {
+    if (this.form.valid) {
+      this.store.dispatch(update{{ classify name }}({ id: this.id, data: this.form.value }));
+    }
+  }
+}

crud/files/__name@/component/__name@-add/__name@-add.component.ts.template

@@ -1 +1,6 @@
-// component/__name@-list/__name@-list.component.html.template
+<ion-list *ngIf="items$ | async as items">
+  <ion-item *ngFor="let item of items" [routerLink]="[item.id]">
+    {{ '{{' }} item | json {{ '}}' }}
+  </ion-item>
+</ion-list>
+<ion-button routerLink="add">Add New</ion-button>