angular-generate 2.2.1

package/src/templates/add/add.html.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.get_html_content = void 0;
+const strings_1 = require("@angular-devkit/core/src/utils/strings");
+// 🔹 Fonction utilitaire pour formater les noms des champs
+function formatFieldName(field) {
+    return field
+        .split("_") // Séparer par "_"
+        .map(word => word.charAt(0).toUpperCase() + word.slice(1)) // Mettre la première lettre en majuscule
+        .join(" "); // Réassembler avec un espace
+}
+// 🔹 Fonction principale pour générer le contenu HTML
+function get_html_content(table) {
+    let all_colonne = table.table_descriptions.les_colonnes
+        .map((une_colonne) => {
+        var _a, _b;
+        let formattedField = formatFieldName(une_colonne.Field); // Appliquer la transformation
+        let attribut_select = (_b = (_a = une_colonne === null || une_colonne === void 0 ? void 0 : une_colonne.referenced_table) === null || _a === void 0 ? void 0 : _a.les_colonnes.find((col) => !col.Field.toLowerCase().includes('id'))) === null || _b === void 0 ? void 0 : _b.Field;
+        switch (une_colonne.Key) {
+            case "PRI":
+                return "";
+            case "MUL":
+                if (une_colonne.referenced_table) {
+                    return `
+ <!-- Champ ${formattedField} (Clé étrangère vers ${une_colonne.referenced_table.table_name}) -->
+            <div class="form-group col-sm-12 mb-2">
+              <label  for="${une_colonne.Field}">${formatFieldName(une_colonne.referenced_table.table_name)} <span class="text-danger">*</span></label>
+               <ng-select id="${une_colonne.Field}" [ngClass]="{ 'is-invalid': submitted() && f.${une_colonne.Field}.errors }"
+        formControlName="${une_colonne.Field}" [items]="form_details?.${une_colonne.referenced_table.table_name}" bindLabel="${attribut_select}" bindValue="${une_colonne.referenced_table.cle_primaire.Field}" placeholder="Sélectionnez ${formatFieldName(une_colonne.referenced_table.table_name)}" virtualScroll="true">
+      </ng-select>
+              @if (submitted() && f.${une_colonne.Field}.errors) {
+                <div class="invalid-feedback">
+                  @if (f.${une_colonne.Field}.errors.required) {
+                    <div>Ce champ est obligatoire</div>
+                  }
+                </div>
+              }
+            </div>`;
+                }
+                else {
+                    return `<!-- Erreur : La clé étrangère ${une_colonne.Field} de la table ${table.table} n'est pas référencée -->`;
+                }
+            default:
+                if (une_colonne.Field === "created_at" && une_colonne.Default === "CURRENT_TIMESTAMP") {
+                    return "";
+                }
+                if (une_colonne.type == 'date' || une_colonne.type == 'timestamp') {
+                    return `
+            <!-- Champ ${formattedField} -->
+            <div class="form-group col-sm-12 mb-2">
+              <label  for="${une_colonne.Field}">${formattedField} ${(une_colonne["Null"] == "NO") ? '<span class="text-danger">*</span>' : ''}</label>
+              <input id="${une_colonne.Field}" class="form-control" 
+                     type="date" 
+                     formControlName="${une_colonne.Field}" 
+                     placeholder="${formattedField}"  
+                     [ngClass]="{ 'is-invalid': submitted() && f.${une_colonne.Field}.errors }"/>
+              @if (submitted() && f.${une_colonne.Field}.errors) {
+                <div class="invalid-feedback">
+                  @if (f.${une_colonne.Field}.errors.required) {
+                    <div>Ce champ est obligatoire</div>
+                  }
+                </div>
+              }
+            </div>`;
+                }
+                else {
+                    return `
+              <!-- Champ ${formattedField} -->
+              <div class="form-group col-sm-12 mb-2">
+                <label  for="${une_colonne.Field}">${formattedField} ${(une_colonne["Null"] == "NO") ? '<span class="text-danger">*</span>' : ''}</label>
+                <input id="${une_colonne.Field}" class="form-control" 
+                       type="text" 
+                       formControlName="${une_colonne.Field}" 
+                       placeholder="${formattedField}"  
+                       [ngClass]="{ 'is-invalid': submitted() && f.${une_colonne.Field}.errors }"/>
+                @if (submitted() && f.${une_colonne.Field}.errors) {
+                  <div class="invalid-feedback">
+                    @if (f.${une_colonne.Field}.errors.required) {
+                      <div>Ce champ est obligatoire</div>
+                    }
+                  </div>
+                }
+              </div>`;
+                }
+        }
+    })
+        .filter((html) => html !== "") // Éviter les valeurs vides
+        .join("\n");
+    return `<div class="modal-header" data-bs-theme="ligth">
+      <h1 class="modal-title fs-5">Ajouter  ${(0, strings_1.classify)(table.table)}</h1>
+      <button type="button" class="btn-close" aria-label="Close" (click)="activeModal.close()"></button>
+    </div>
+    <div class="modal-body">
+      <form [formGroup]="reactiveForm_add_${table.table}" 
+            (ngSubmit)="onSubmit_add_${table.table}()" 
+            #form_add_${table.table}="ngForm" 
+            class="row">
+        ${all_colonne}
+      </form>
+    </div>
+        <!-- Footer -->
+    <div class="modal-footer border-0 pt-0">
+  <button type="button" class="btn btn-outline-secondary px-4" (click)="activeModal.close()">
+    Annuler
+  </button>
+  <button type="button" class="btn btn-primary px-4" [disabled]="
+      loading_add_${table.table}() ||
+      loading_get_details_add_${table.table}_form()
+    " (click)="form_add_${table.table}.ngSubmit.emit()">
+    @if(loading_add_${table.table}()){
+      <span>
+      <i class="bi bi-hourglass-split me-1"></i> Enregistrement...
+      </span>
+    }
+    @if(!loading_add_${table.table}()){
+    <span>
+      <i class="bi bi-check-circle me-1"></i> Enregistrer
+    </span>
+  }
+  </button>
+</div>`;
+}
+exports.get_html_content = get_html_content;
+//# sourceMappingURL=add.html.js.map

package/src/templates/add/add.html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add.html.js","sourceRoot":"","sources":["add.html.ts"],"names":[],"mappings":"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"}

package/src/templates/add/add.ts.d.ts

@@ -0,0 +1 @@
+export declare function get_ts_content(table: any, componentName_class: string, componentName: string, Config: any): string;

package/src/templates/add/add.ts.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.get_ts_content = void 0;
+function get_ts_content(table, componentName_class, componentName, Config) {
+    let validators = table.table_descriptions.les_colonnes.map((une_colonne) => {
+        if (une_colonne["Key"] != 'PRI' && !(une_colonne["Field"] == "created_at" && une_colonne["Field"] == "updated_at" && une_colonne["Default"] != "")) {
+            if (une_colonne["Null"] == "NO") {
+                return une_colonne["Field"] + ': ["", Validators.required]';
+            }
+            else {
+                return une_colonne["Field"] + ': [""]';
+            }
+        }
+        return undefined;
+    }).filter((une_colonne) => une_colonne != undefined).join(",\n");
+    return `import { Component, OnDestroy, OnInit, signal } from '@angular/core';
+import { FormGroup, FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
+import { ApiService } from '../../../service/api/api.service';
+import { CommonModule } from '@angular/common';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgSelectModule } from '@ng-select/ng-select';
+@Component({
+  selector: 'app-${componentName}',
+  standalone: true, // Composant autonome
+  imports: [CommonModule, ReactiveFormsModule, NgSelectModule], // Dépendances importées
+  templateUrl: './${componentName}.component.html',
+  styleUrls: ['./${componentName}.component.${Config.style}']
+})
+export class ${componentName_class}Component implements OnInit, OnDestroy {
+  reactiveForm_add_${table.table} !: FormGroup;
+  submitted=signal(false);
+  loading_add_${table.table} =signal(false);
+  form_details: any = {}
+  loading_get_details_add_${table.table}_form = signal(false);
+  constructor(private formBuilder: FormBuilder,public api:ApiService, public activeModal: NgbActiveModal) { }
+
+  ngOnInit(): void {
+      console.groupCollapsed("${componentName_class}Component");
+      this.get_details_add_${table.table}_form()
+      this.init_form()
+  }
+  ngOnDestroy(): void {
+    console.groupEnd();
+  }
+  init_form() {
+      this.reactiveForm_add_${table.table}  = this.formBuilder.group({
+          ${validators}
+      });
+  }
+
+  // acces facile au champs de votre formulaire
+  get f(): any { return this.reactiveForm_add_${table.table} .controls; }
+  // validation du formulaire
+  onSubmit_add_${table.table} () {
+      this.submitted.set(true);
+      console.log(this.reactiveForm_add_${table.table} .value)
+      // stop here if form is invalid
+      if (this.reactiveForm_add_${table.table} .invalid) {
+          return;
+      }
+      var ${table.table} =this.reactiveForm_add_${table.table} .value
+      this.add_${table.table} (${table.table} )
+  }
+  // vider le formulaire
+  onReset_add_${table.table} () {
+      this.submitted.set(false);
+      this.reactiveForm_add_${table.table} .reset();
+  }
+async add_${table.table}(${table.table}: any) {
+    this.loading_add_${table.table}.set(true);
+    try {
+      const reponse = await this.api.api_post("${table.table}", ${table.table});
+      if (reponse && reponse.success) {
+        console.log("Opération effectuée avec succés sur la table ${table.table}. Réponse= ", reponse);
+        this.onReset_add_${table.table}();
+        this.api.Swal_success(reponse.message || "Opération éffectuée avec succés");
+        this.activeModal.close(reponse.data);
+      } else {
+        console.log("L'opération sur la table ${table.table} a échoué. Réponse= ", reponse);
+        this.api.Swal_error(reponse?.message || "L'opération a echoué");
+      }
+    } catch (error: any) {
+      console.error(error);
+      this.api.Swal_error(error?.error?.message || "L'opération a echoué");
+    } finally {
+      this.loading_add_${table.table}.set(false);
+    }
+  }
+
+  async get_details_add_${table.table}_form() {
+    this.loading_get_details_add_${table.table}_form.set(true);
+    try {
+      const reponse = await this.api.api_get("${table.table}/getformdetails");
+      if (reponse && reponse.success) {
+        this.form_details = reponse.data;
+        console.log("Opération effectuée avec succés sur la table ${table.table}. Réponse= ", reponse);
+      } else {
+        console.log("L'opération sur la table ${table.table} a échoué. Réponse= ", reponse);
+        this.api.Swal_error(reponse?.message || "L'opération a echoué");
+      }
+    } catch (error: any) {
+      console.error(error);
+      this.api.Swal_error(error?.error?.message || "L'opération a echoué");
+    } finally {
+      this.loading_get_details_add_${table.table}_form.set(false);
+    }
+  }
+}
+`;
+}
+exports.get_ts_content = get_ts_content;
+//# sourceMappingURL=add.ts.js.map

package/src/templates/add/add.ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add.ts.js","sourceRoot":"","sources":["add.ts.ts"],"names":[],"mappings":";;;AAAA,SAAgB,cAAc,CAAC,KAAU,EAAE,mBAA2B,EAAE,aAAqB,EAAE,MAAW;IACxG,IAAI,UAAU,GAAG,KAAK,CAAC,kBAAkB,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,WAAgB,EAAE,EAAE;QAC9E,IAAI,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,YAAY,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,YAAY,IAAI,WAAW,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE;YAClJ,IAAI,WAAW,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE;gBAC/B,OAAO,WAAW,CAAC,OAAO,CAAC,GAAG,6BAA6B,CAAC;aAC7D;iBACI;gBACH,OAAO,WAAW,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC;aACxC;SACF;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAgB,EAAE,EAAE,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtE,OAAO;;;;;;;mBAOU,aAAa;;;oBAGZ,aAAa;mBACd,aAAa,cAAc,MAAM,CAAC,KAAK;;eAE3C,mBAAmB;qBACb,KAAK,CAAC,KAAK;;gBAEhB,KAAK,CAAC,KAAK;;4BAEC,KAAK,CAAC,KAAK;;;;gCAIP,mBAAmB;6BACtB,KAAK,CAAC,KAAK;;;;;;;8BAOV,KAAK,CAAC,KAAK;YAC7B,UAAU;;;;;gDAK0B,KAAK,CAAC,KAAK;;iBAE1C,KAAK,CAAC,KAAK;;0CAEc,KAAK,CAAC,KAAK;;kCAEnB,KAAK,CAAC,KAAK;;;YAGjC,KAAK,CAAC,KAAK,2BAA2B,KAAK,CAAC,KAAK;iBAC5C,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;;;gBAG5B,KAAK,CAAC,KAAK;;8BAEG,KAAK,CAAC,KAAK;;YAE7B,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK;uBACf,KAAK,CAAC,KAAK;;iDAEe,KAAK,CAAC,KAAK,MAAM,KAAK,CAAC,KAAK;;oEAET,KAAK,CAAC,KAAK;2BACpD,KAAK,CAAC,KAAK;;;;gDAIU,KAAK,CAAC,KAAK;;;;;;;yBAOlC,KAAK,CAAC,KAAK;;;;0BAIV,KAAK,CAAC,KAAK;mCACF,KAAK,CAAC,KAAK;;gDAEE,KAAK,CAAC,KAAK;;;oEAGS,KAAK,CAAC,KAAK;;gDAE/B,KAAK,CAAC,KAAK;;;;;;;qCAOtB,KAAK,CAAC,KAAK;;;;CAI/C,CAAA;AACD,CAAC;AA1GD,wCA0GC"}

package/src/templates/edit/edit.html.d.ts

@@ -0,0 +1 @@
+export declare function get_html_content(table: any): string;

package/src/templates/edit/edit.html.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.get_html_content = void 0;
+const strings_1 = require("@angular-devkit/core/src/utils/strings");
+// 🔹 Fonction utilitaire pour formater les noms des champs
+function formatFieldName(field) {
+    return field
+        .split("_") // Séparer par "_"
+        .map(word => word.charAt(0).toUpperCase() + word.slice(1)) // Mettre la première lettre en majuscule
+        .join(" "); // Réassembler avec un espace
+}
+function get_html_content(table) {
+    let all_colonne = table.table_descriptions.les_colonnes
+        .map((une_colonne) => {
+        var _a, _b;
+        let formattedField = formatFieldName(une_colonne.Field); // Appliquer la transformation
+        let attribut_select = (_b = (_a = une_colonne === null || une_colonne === void 0 ? void 0 : une_colonne.referenced_table) === null || _a === void 0 ? void 0 : _a.les_colonnes.find((col) => !col.Field.toLowerCase().includes('id'))) === null || _b === void 0 ? void 0 : _b.Field;
+        switch (une_colonne.Key) {
+            case "PRI":
+                return "";
+            case "MUL":
+                if (une_colonne.referenced_table) {
+                    return `
+            <!-- Champ ${formattedField} (Clé étrangère vers ${une_colonne.referenced_table.table_name}) -->
+            <div class="form-group col-sm-12 mb-2">
+              <label  for="${une_colonne.Field}">${formatFieldName(une_colonne.referenced_table.table_name)} <span class="text-danger">*</span></label>
+               <ng-select id="${une_colonne.Field}" [ngClass]="{ 'is-invalid': submitted() && f.${une_colonne.Field}.errors }"
+        formControlName="${une_colonne.Field}" [items]="form_details?.${une_colonne.referenced_table.table_name}" bindLabel="${attribut_select}" bindValue="${une_colonne.referenced_table.cle_primaire.Field}" placeholder="Sélectionnez ${formatFieldName(une_colonne.referenced_table.table_name)}" virtualScroll="true">
+      </ng-select>
+
+
+              @if (submitted() && f.${une_colonne.Field}.errors) {
+                <div class="invalid-feedback">
+                  @if (f.${une_colonne.Field}.errors.required) {
+                    <div>Ce champ est obligatoire</div>
+                  }
+                </div>
+              }
+            </div>`;
+                }
+                else {
+                    return `<!-- Erreur : La clé étrangère ${une_colonne.Field} de la table ${table.table} n'est pas référencée -->`;
+                }
+            default:
+                if (une_colonne.Field === "created_at" && une_colonne.Default === "CURRENT_TIMESTAMP") {
+                    return "";
+                }
+                if (une_colonne.type == 'date' || une_colonne.type == 'timestamp') {
+                    return `
+            <!-- Champ ${formattedField} -->
+            <div class="form-group col-sm-12 mb-2">
+              <label  for="${une_colonne.Field}">${formattedField} ${(une_colonne["Null"] == "NO") ? '<span class="text-danger">*</span>' : ''}</label>
+              <input id="${une_colonne.Field}" class="form-control" 
+                     type="date" 
+                     formControlName="${une_colonne.Field}" 
+                     placeholder="${formattedField}"  
+                     [ngClass]="{ 'is-invalid': submitted() && f.${une_colonne.Field}.errors }"/>
+              @if (submitted() && f.${une_colonne.Field}.errors) {
+                <div class="invalid-feedback">
+                  @if (f.${une_colonne.Field}.errors.required) {
+                    <div>Ce champ est obligatoire</div>
+                  }
+                </div>
+              }
+            </div>`;
+                }
+                else {
+                    return `
+              <!-- Champ ${formattedField} -->
+              <div class="form-group col-sm-12 mb-2">
+                <label  for="${une_colonne.Field}">${formattedField} ${(une_colonne["Null"] == "NO") ? '<span class="text-danger">*</span>' : ''}</label>
+                <input id="${une_colonne.Field}" class="form-control" 
+                       type="text" 
+                       formControlName="${une_colonne.Field}" 
+                       placeholder="${formattedField}"  
+                       [ngClass]="{ 'is-invalid': submitted() && f.${une_colonne.Field}.errors }"/>
+                @if (submitted() && f.${une_colonne.Field}.errors) {
+                  <div class="invalid-feedback">
+                    @if (f.${une_colonne.Field}.errors.required) {
+                      <div>Ce champ est obligatoire</div>
+                    }
+                  </div>
+                }
+              </div>`;
+                }
+        }
+    })
+        .join("\n");
+    return `<div class="modal-header" data-bs-theme="ligth">
+        <h1 class="modal-title fs-5">Modifier ${(0, strings_1.classify)(table.table)}</h1>
+        <button type="button" class="btn-close" aria-label="Close" (click)="activeModal.close()"></button>
+    </div>
+    <div class="modal-body">
+      <form [formGroup]="reactiveForm_edit_${table.table}" (ngSubmit)="onSubmit_edit_${table.table}()" #form_edit_${table.table}="ngForm" class="row">
+        ${all_colonne}
+      </form>
+    </div>
+    <!-- Footer -->
+<div class="modal-footer border-0 pt-0">
+  <button type="button" class="btn btn-outline-secondary px-4" (click)="activeModal.close()">
+    Annuler
+  </button>
+  <button type="button" class="btn btn-primary px-4" [disabled]="
+      loading_edit_${table.table}() ||
+      loading_get_details_edit_${table.table}_form() ||reactiveForm_edit_${table.table}.pristine
+    " (click)="form_edit_${table.table}.ngSubmit.emit()">
+    @if(loading_edit_${table.table}()){
+      <span>
+      <i class="bi bi-hourglass-split me-1"></i> Enregistrement...
+      </span>
+    }
+    @if(!loading_edit_${table.table}()){
+    <span>
+      <i class="bi bi-check-circle me-1"></i> Enregistrer
+    </span>
+  }
+  </button>
+</div>`;
+}
+exports.get_html_content = get_html_content;
+//# sourceMappingURL=edit.html.js.map

package/src/templates/edit/edit.html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.html.js","sourceRoot":"","sources":["edit.html.ts"],"names":[],"mappings":"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"}

package/src/templates/edit/edit.ts.d.ts

@@ -0,0 +1 @@
+export declare function get_ts_content(table: any, componentName_class: string, componentName: string, Config: any): string;

package/src/templates/edit/edit.ts.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.get_ts_content = void 0;
+function get_ts_content(table, componentName_class, componentName, Config) {
+    let validators_update = table.table_descriptions.les_colonnes.map((une_colonne) => {
+        if (une_colonne["Key"] != 'PRI' && !(une_colonne["Field"] == "created_at" && une_colonne["Default"] != "")) {
+            if (une_colonne["Null"] == "NO") {
+                return `${une_colonne["Field"]} : [${table.table}_to_edit.${une_colonne["Field"]}, Validators.required]`;
+            }
+            else {
+                return `${une_colonne["Field"]} : [${table.table}_to_edit.${une_colonne["Field"]}]`;
+            }
+        }
+        return undefined;
+    }).filter((une_colonne) => une_colonne != undefined).join(",\n");
+    table.description.map((une_colonne) => {
+        return `${une_colonne}: ["", Validators.required]`;
+    }).join(",\n");
+    return `import { Component, Input, OnDestroy, OnInit, signal } from '@angular/core';
+import { FormGroup, FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
+import { ApiService } from '../../../service/api/api.service';
+import { CommonModule } from '@angular/common';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgSelectModule } from '@ng-select/ng-select';
+@Component({
+  selector: 'app-${componentName}',
+  standalone: true, // Composant autonome
+  imports: [CommonModule, ReactiveFormsModule, NgSelectModule], // Dépendances importées
+  templateUrl: './${componentName}.component.html',
+  styleUrls: ['./${componentName}.component.${Config.style}']
+})
+export class ${componentName_class}Component implements OnInit, OnDestroy {
+  reactiveForm_edit_${table.table} !: FormGroup;
+  submitted=signal(false);
+  loading_edit_${table.table}=signal(false);
+  @Input()
+  ${table.table}_to_edit: any;
+  form_details: any = {}
+  loading_get_details_edit_${table.table}_form =signal(false);
+  constructor(private formBuilder: FormBuilder, public api: ApiService, public activeModal: NgbActiveModal) { 
+      
+  }
+  ngOnInit(): void {
+      console.groupCollapsed("${componentName_class}Component");
+      this.get_details_edit_${table.table}_form()
+      this.update_form(this.${table.table}_to_edit)
+  }
+  ngOnDestroy(): void {
+    console.groupEnd();
+  }
+  // mise à jour du formulaire
+  update_form(${table.table}_to_edit:any) {
+      this.reactiveForm_edit_${table.table} = this.formBuilder.group({
+          ${validators_update}
+      });
+  }
+
+  // acces facile au champs de votre formulaire
+  get f(): any { return this.reactiveForm_edit_${table.table} .controls; }
+  // validation du formulaire
+  onSubmit_edit_${table.table}() {
+      this.submitted.set(true);
+      console.log(this.reactiveForm_edit_${table.table}.value)
+      // stop here if form is invalid
+      if (this.reactiveForm_edit_${table.table}.invalid) {
+          return;
+      }
+      var ${table.table} = this.reactiveForm_edit_${table.table}.value
+      this.edit_${table.table}(${table.table})
+  }
+  // vider le formulaire
+  onReset_edit_${table.table}() {
+      this.submitted.set(false);
+      this.reactiveForm_edit_${table.table}.reset();
+  }
+ async edit_${table.table}(${table.table}: any) {
+    this.loading_edit_${table.table}.set(true);
+    try {
+      const reponse = await this.api.api_put("${table.table}/" + this.${table.table}_to_edit.id, ${table.table});
+      if (reponse && reponse.success) {
+        this.activeModal.close(reponse.data);
+        console.log("Opération effectuée avec succés sur la table ${table.table}. Réponse= ", reponse);
+        this.api.Swal_success(reponse.message || "Opération éffectuée avec succés");
+      } else {
+        console.log("L'opération sur la table ${table.table} a échoué. Réponse= ", reponse);
+        this.api.Swal_error(reponse?.message || "L'opération a echoué");
+      }
+    } catch (error: any) {
+      console.error(error);
+      this.api.Swal_error(error?.error?.message || "L'opération a echoué");
+    } finally {
+      this.loading_edit_${table.table}.set(false);
+    }
+  }
+
+  async get_details_edit_${table.table}_form() {
+    this.loading_get_details_edit_${table.table}_form.set(true);
+    try {
+      const reponse = await this.api.api_get("${table.table}/getformdetails");
+      if (reponse && reponse.success) {
+        this.form_details = reponse.data;
+        console.log("Opération effectuée avec succés sur la table ${table.table}. Réponse= ", reponse);
+      } else {
+        console.log("L'opération sur la table ${table.table} a échoué. Réponse= ", reponse);
+        this.api.Swal_error(reponse?.message || "L'opération a echoué");
+      }
+    } catch (error: any) {
+      console.error(error);
+      this.api.Swal_error(error?.error?.message || "L'opération a echoué");
+    } finally {
+      this.loading_get_details_edit_${table.table}_form.set(false);
+    }
+  }
+}`;
+}
+exports.get_ts_content = get_ts_content;
+//# sourceMappingURL=edit.ts.js.map

package/src/templates/edit/edit.ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.ts.js","sourceRoot":"","sources":["edit.ts.ts"],"names":[],"mappings":";;;AAAA,SAAgB,cAAc,CAAC,KAAU,EAAE,mBAA2B,EAAE,aAAqB,EAAE,MAAW;IACxG,IAAI,iBAAiB,GAAG,KAAK,CAAC,kBAAkB,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,WAAgB,EAAE,EAAE;QACrF,IAAI,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,YAAY,IAAI,WAAW,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE;YAC1G,IAAI,WAAW,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE;gBAC/B,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,KAAK,CAAC,KAAK,YAAY,WAAW,CAAC,OAAO,CAAC,wBAAwB,CAAC;aAC1G;iBAAM;gBACL,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,KAAK,CAAC,KAAK,YAAY,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC;aACrF;SACF;QACD,OAAO,SAAS,CAAA;IAClB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAgB,EAAE,EAAE,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACrE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,WAAmB,EAAE,EAAE;QAC5C,OAAO,GAAG,WAAW,6BAA6B,CAAA;IACpD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAEd,OAAO;;;;;;;mBAOU,aAAa;;;oBAGZ,aAAa;mBACd,aAAa,cAAc,MAAM,CAAC,KAAK;;eAE3C,mBAAmB;sBACZ,KAAK,CAAC,KAAK;;iBAEhB,KAAK,CAAC,KAAK;;IAExB,KAAK,CAAC,KAAK;;6BAEc,KAAK,CAAC,KAAK;;;;;gCAKR,mBAAmB;8BACrB,KAAK,CAAC,KAAK;8BACX,KAAK,CAAC,KAAK;;;;;;gBAMzB,KAAK,CAAC,KAAK;+BACI,KAAK,CAAC,KAAK;YAC9B,iBAAiB;;;;;iDAKoB,KAAK,CAAC,KAAK;;kBAE1C,KAAK,CAAC,KAAK;;2CAEc,KAAK,CAAC,KAAK;;mCAEnB,KAAK,CAAC,KAAK;;;YAGlC,KAAK,CAAC,KAAK,6BAA6B,KAAK,CAAC,KAAK;kBAC7C,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK;;;iBAG3B,KAAK,CAAC,KAAK;;+BAEG,KAAK,CAAC,KAAK;;cAE5B,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK;wBAChB,KAAK,CAAC,KAAK;;gDAEa,KAAK,CAAC,KAAK,aAAa,KAAK,CAAC,KAAK,gBAAgB,KAAK,CAAC,KAAK;;;oEAG1C,KAAK,CAAC,KAAK;;;gDAG/B,KAAK,CAAC,KAAK;;;;;;;0BAOjC,KAAK,CAAC,KAAK;;;;2BAIV,KAAK,CAAC,KAAK;oCACF,KAAK,CAAC,KAAK;;gDAEC,KAAK,CAAC,KAAK;;;oEAGS,KAAK,CAAC,KAAK;;gDAE/B,KAAK,CAAC,KAAK;;;;;;;sCAOrB,KAAK,CAAC,KAAK;;;EAG/C,CAAA;AACF,CAAC;AA/GD,wCA+GC"}

package/src/templates/list/list.html.d.ts

@@ -0,0 +1 @@
+export declare function get_html_content(table: any): string;

package/src/templates/list/list.html.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.get_html_content = void 0;
+const strings_1 = require("@angular-devkit/core/src/utils/strings");
+function get_html_content(table) {
+    let colonnes_carte = [table.description.find((col) => col.toLowerCase() !== 'id')];
+    return `<div
+  class="d-flex align-items-center justify-content-between  bg-white shadow-sm p-4 rounded rounded-2 mb-4 border border-1">
+  <div class="d-flex  align-items-center">
+    <i class="bi bi-arrow-left text-secondary fs-3 me-2" (click)="api.retour()"></i>
+    <div class="fs-5">${(strings_1.classify)(table.table)}  - {{${table.table}.length}}</div>
+    <div class="d-flex gap-1 justify-content-end ms-3">
+    <ng-select [multiple]="true" [closeOnSelect]="false" placeholder="Rechercher ici ..." notFoundText="Aucun résultat"
+      class="no-limit" [(ngModel)]="filter.text" (search)="filter_change($event)" (change)="filter_change()"
+      style="min-width: 300px;">
+    </ng-select>
+  </div>
+  </div>
+  <div class="d-flex">
+    <button class="btn btn-primary" (click)="openModal_add_${table.table}()"><i class="bi bi-plus-square-dotted"></i>
+      ${(strings_1.classify)(table.table)}</button>
+  </div>
+</div>
+<!-- Liste des éléments -->
+<!-- Loading state -->
+@if (loading_get_${table.table}()) {
+  <ng-container >
+  <div class="text-center py-5">
+  <div class="spinner-border text-primary" role="status">
+  <span class="visually-hidden">Chargement en cours...</span>
+  </div>
+  <p class="mt-2 text-muted fs-5">Chargement en cours...</p>
+  </div>
+  </ng-container>
+}
+  
+<!-- contenu sous format carte -->
+@if (!loading_get_${table.table}() && ${table.table}.length > 0) {  
+<div class="row g-4" >
+  @for (one_${table.table} of list; track one_${table.table}) {
+  <ng-container>
+    <div class="col-sm-6 col-md-4 col-lg-4">
+      <div class="card shadow-sm h-100 border-0 rounded-3 transition-hover position-relative">
+        <div class="card-body p-4">
+          <!-- Menu trois points (actions) -->
+          <div class="position-absolute top-0 end-0 m-2">
+            <div class="dropdown">
+              <button type="button" class="btn btn-light btn-sm rounded-circle" data-bs-toggle="dropdown" aria-expanded="false">
+                <i class="bi bi-three-dots-vertical"></i>
+              </button>
+              <ul class="dropdown-menu dropdown-menu-end shadow-sm rounded-3">
+                <li>
+                  <button class="dropdown-item d-flex align-items-center" type="button"
+                    (click)="openModal_edit_${table.table}(one_${table.table})">
+                    <i class="bi bi-pencil me-2 text-primary"></i> Modifier
+                  </button>
+                </li>
+                <li>
+                  <button class="dropdown-item d-flex align-items-center" type="button">
+                    <i class="bi bi-eye me-2 text-primary"></i> Détails
+                  </button>
+                </li>
+              </ul>
+            </div>
+          </div>
+
+          <!-- Contenu de la carte -->
+          ${colonnes_carte.length === 0
+        ? `<h5 class="card-title text-start fw-semibold text-dark mb-3">
+                   Aucun champ affichable
+                 </h5>`
+        : colonnes_carte.map((col) => `
+                  <h5 class="card-title text-start fw-semibold text-dark mb-3">
+                    {{ one_${table.table}.${col} || '${col} indisponible' }}
+                  </h5>`).join('\n')}
+
+        </div>
+      </div>
+    </div>
+  </ng-container>
+  }
+</div>
+}
+<!-- Empty state -->
+@if (!loading_get_${table.table}() && ${table.table}.length === 0) {
+<div class="text-center py-5">
+  <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="#6c757d" class="bi bi-info-circle mb-3"
+    viewBox="0 0 16 16">
+    <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
+    <path
+      d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" />
+  </svg>
+  <p class="fs-5 text-muted">Pas de données</p>
+</div>
+}`;
+}
+exports.get_html_content = get_html_content;
+//# sourceMappingURL=list.html.js.map

package/src/templates/list/list.html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.html.js","sourceRoot":"","sources":["list.html.ts"],"names":[],"mappings":";;;AAAA,oEAAkE;AAClE,SAAgB,gBAAgB,CAAC,KAAU;IACzC,IAAI,cAAc,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;IAExF,OAAO;;;;wBAIe,CAAC,kBAAQ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC,KAAK;;;;;;;;;6DASN,KAAK,CAAC,KAAK;QAChE,CAAC,kBAAQ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;;;;;mBAKZ,KAAK,CAAC,KAAK;;;;;;;;;;;;oBAYV,KAAK,CAAC,KAAK,SAAS,KAAK,CAAC,KAAK;;cAErC,KAAK,CAAC,KAAK,uBAAuB,KAAK,CAAC,KAAK;;;;;;;;;;;;;;8CAcb,KAAK,CAAC,KAAK,QAAQ,KAAK,CAAC,KAAK;;;;;;;;;;;;;;YAchE,cAAc,CAAC,MAAM,KAAK,CAAC;QACjC,CAAC,CAAC;;uBAEe;QACjB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC;;6BAEZ,KAAK,CAAC,KAAK,IAAI,GAAG,QAAQ,GAAG;wBAClC,CAAC,CAAC,IAAI,CAAC,IAAI,CAC/B;;;;;;;;;;oBAUgB,KAAK,CAAC,KAAK,SAAS,KAAK,CAAC,KAAK;;;;;;;;;;EAUjD,CAAA;AACF,CAAC;AA7FD,4CA6FC"}

package/src/templates/list/list.ts.d.ts

@@ -0,0 +1,2 @@
+export declare function get_ts_content(table: any, componentName_class: string, componentName: string, Config: any): string;
+export declare function get_type_content(table: any): string;