FEAT #14483 TIME 2:00 display technical id in templates administration

src/frontend/app/administration/template/template-administration.component.html

@@ -33,6 +33,14 @@
                 <mat-card *ngIf="!loading" class="card-app-content" style="display: contents;">
                     <form style="display: contents;" class="form-horizontal" (ngSubmit)="onSubmit()" #templatesFormUp="ngForm">
                         <div class="col-sm-12">
+                            <div class="form-group">
+                                <div class="col-sm-12">
+                                    <mat-form-field>
+                                        <input matInput *ngIf="!creationMode" type="number" title="{{lang.technicalId}}"
+                                               value="{{template.id}}" placeholder="{{lang.technicalId}}" disabled>
+                                    </mat-form-field>
+                                </div>
+                            </div>
                             <div class="form-group">
                                 <div class="col-sm-12">
                                     <mat-form-field>

src/frontend/app/administration/template/templates-administration.component.html

@@ -43,6 +43,11 @@
                     </div>
                     <mat-table #table [dataSource]="dataSource" matSort matSortActive="template_label"
                         matSortDirection="asc">
+                        <ng-container matColumnDef="template_id">
+                            <mat-header-cell *matHeaderCellDef mat-sort-header style="flex:2;">{{lang.technicalId}}
+                            </mat-header-cell>
+                            <mat-cell *matCellDef="let element" style="flex:1;"> {{element.template_id}} </mat-cell>
+                        </ng-container>
                         <ng-container matColumnDef="template_label">
                             <mat-header-cell *matHeaderCellDef mat-sort-header style="flex:2;">{{lang.templateName}}
                             </mat-header-cell>
@@ -91,4 +96,4 @@
             </div>
         </div>
     </mat-sidenav-content>
-</mat-sidenav-container>
\ No newline at end of file
+</mat-sidenav-container>

src/frontend/app/administration/template/templates-administration.component.ts

@@ -25,7 +25,7 @@ export class TemplatesAdministrationComponent implements OnInit {
 
     loading: boolean = false;
 
-    displayedColumns = ['template_label', 'template_comment', 'template_type', 'template_target', 'actions'];
+    displayedColumns = ['template_id', 'template_label', 'template_comment', 'template_type', 'template_target', 'actions'];
     dataSource = new MatTableDataSource(this.templates);
     @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;
     @ViewChild(MatSort, { static: false }) sort: MatSort;