changes to xpath to maintain the original name

Author: pixelbyaj

projects/ngx-iso-app/src/app/app.component.ts

@@ -20,7 +20,7 @@ export class AppComponent implements OnInit {
   jsonSchema = {
     camt: [
       { id: 'camt.052.001.11', activated: false },
-      { id: 'camt.053.001.11', activated: false },
+      { id: 'camt.053.001.10', activated: false },
       { id: 'camt.054.001.11', activated: false }],
     pacs: [
       { id: 'pacs.002.001.12', activated: false },

projects/ngx-iso-app/src/app/app.module.ts

@@ -10,8 +10,8 @@ import { MatListModule } from '@angular/material/list';
 import { RouterModule } from '@angular/router';
 import { MatIconModule } from '@angular/material/icon';
 import { MatButtonModule } from '@angular/material/button';
-//import { NgxIsoFormModule } from 'projects/ngx-iso-form/src/public-api';
-import { NgxIsoFormModule } from 'ngx-iso-form';
+import { NgxIsoFormModule } from 'projects/ngx-iso-form/src/public-api';
+//import { NgxIsoFormModule } from 'ngx-iso-form';
 import { ReadonlyComponent } from './readonly.component';
 import { IsoComponent } from './component/iso.component';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -43,7 +43,7 @@ export function HttpLoaderFactory(http: HttpClient) {
     MatFormFieldModule,
     MatInputModule,
     RouterModule.forRoot([
-      { path: '**', component: ReadonlyComponent }
+      { path: '**', component: IsoComponent }
     ], { useHash: true }),
     TranslateModule.forRoot({
       defaultLanguage: 'en',

projects/ngx-iso-app/src/app/component/iso.component.html

@@ -34,6 +34,9 @@
                 </mat-nav-list>
             </as-split-area>
             <as-split-area [size]="75">
+                <textarea [(ngModel)]="formData"></textarea>
+                <button (click)="getForm()">Get Form Data</button>
+                <button (click)="initForm()">Show the form</button>
                 <h3>{{selectedSchema}}</h3>
                 <ngx-iso-form [schema]="schema" [form]="form"></ngx-iso-form>
             </as-split-area>

projects/ngx-iso-app/src/app/component/iso.component.ts

@@ -17,10 +17,11 @@ export class IsoComponent implements OnInit {
   form: IsoForm;
   schema: SchemaElement;
   selectedSchema: string;
+  formData:string;
   jsonSchema = {
     camt: [
       { id: 'camt.052.001.11', activated: false },
-      { id: 'camt.053.001.11', activated: false },
+      { id: 'camt.053.001.10', activated: false },
       { id: 'camt.054.001.11', activated: false }],
     pacs: [
       { id: 'pacs.002.001.12', activated: false },
@@ -73,9 +74,12 @@ export class IsoComponent implements OnInit {
       });
     }
   }
+  initForm(){
+    this.form = new IsoForm(JSON.parse(this.formData));
+  }
   getForm() {
     const data = this.form.getFormModel();
-    console.log(JSON.stringify(data));
+    this.formData = JSON.stringify(data)
   }
 
 }

projects/ngx-iso-app/src/assets/iso20022/camt.053.001.10.json

@@ -129,7 +129,7 @@ Please declare all your translation rules under 'iso' object.
         "GrpHdr":{
             "label": "Group Header"
         },
-        "document_bktocstmrstmt_grphdr_credttm": {
+        "Document_BkToCstmrStmt_GrpHdr_CreDtTm": {
             "label": "Create Datetime",
             "general":{
                 "format":"YYYY-MM-DDThh:mm:ss.sss+/-"

projects/ngx-iso-form/README.md

@@ -197,7 +197,6 @@ export class NgxIsoFormComponent implements OnChanges {
   }
 
   protected getFormControl(node: SchemaModel): FormControl {
-    debugger
     return this.service.getFormControl('');
   }
 

projects/ngx-iso-form/src/lib/ngx-iso-form.component.ts

@@ -281,17 +281,17 @@ export class NgxIsoService {
     const ccy = structuredClone(item);
     const amt = structuredClone(item);
 
-    ccy.id = `${ccy.id}_ccy`;
+    ccy.id = `${ccy.id}_Ccy`;
     ccy.name = 'Ccy';
     ccy.fractionDigits = '';
     ccy.totalDigits = '';
     ccy.maxLength = '3';
-    ccy.xpath = `${ccy.xpath}@ccy`;
+    ccy.xpath = `${ccy.xpath}@Ccy`;
     ccy.isCurrency = false;
     elements.push(ccy);
 
-    amt.id = `${amt.id}_amt`;
-    amt.xpath = `${amt.xpath}/amt`;
+    amt.id = `${amt.id}_Amt`;
+    amt.xpath = `${amt.xpath}/Amt`;
     amt.isCurrency = false;
     amt.pattern = '';
     elements.push(amt);