change extension wizard title and set input types

smp-angular/src/app/service-group-edit/service-group-extension-wizard-dialog/service-group-extension-wizard-dialog.component.html

-<h2 mat-dialog-title>MetadataService Wizard</h2>
+<h2 mat-dialog-title>ServiceGroup Extension Wizard</h2>
 
 <mat-dialog-content>
   <form [formGroup]="dialogForm">
     <mat-card>
       <mat-card-content>
         <fieldset style="border: none;">
-
-
           <mat-form-field  *ngFor="let elmnt of elements;"  style="width:100%">
             <input matInput
+                   type="{{elmnt.type}}"
                    placeholder="{{elmnt.name}} - {{elmnt.description}}"
                    [name]="elmnt.name"
                    id="{{elmnt.name}}_id"
                    [formControl]="dialogForm.controls[elmnt.name]" maxlength="255">
-
           </mat-form-field >
-
-
         </fieldset>
       </mat-card-content>
     </mat-card>

smp-angular/src/app/service-group-edit/service-group-extension-wizard-dialog/service-group-extension-wizard-dialog.component.ts

@@ -3,7 +3,7 @@ import {MatDialogRef} from '@angular/material';
 import {FormBuilder, FormControl, FormGroup} from "@angular/forms";
 
 @Component({
-  selector: 'service-group-metadata-wizard',
+  selector: 'service-group-extension-wizard',
   templateUrl: './service-group-extension-wizard-dialog.component.html',
   styleUrls:  ['./service-group-extension-wizard-dialog.component.css']
 })
@@ -13,15 +13,15 @@ export class ServiceGroupExtensionWizardDialogComponent  {
   dummyXML: string ="<!-- Custom element is mandatory by OASIS SMP schema.\n    Replace following element with your XML structure. -->\n<ext:example xmlns:ext=\"http://my.namespace.eu\">my mandatory content</ext:example>"
 
   elements: any[] = [
-    {name:'ExtensionID', description:'An identifier for the Extension assigned by the creator of the extension.'},
-    {name:'ExtensionName', description:'A name for the Extension assigned by the creator of the extension.'},
-    {name:'ExtensionAgencyID', description:'An agency that maintains one or more Extensions.'},
-    {name:'ExtensionAgencyName', description:'The name of the agency that maintains the Extension.'},
-    {name:'ExtensionAgencyURI', description:'A URI for the Agency that maintains the Extension.'},
-    {name:'ExtensionVersionID', description:'The version of the Extension.'},
-    {name:'ExtensionURI', description:'A URI for the Extension.'},
-    {name:'ExtensionReasonCode', description:'A code for reason the Extension is being included.'},
-    {name:'ExtensionReason', description:'A description of the reason for the Extension.'},
+    {name:'ExtensionID', description:'An identifier for the Extension assigned by the creator of the extension.', type:'text'},
+    {name:'ExtensionName', description:'A name for the Extension assigned by the creator of the extension.', type:'text'},
+    {name:'ExtensionAgencyID', description:'An agency that maintains one or more Extensions.', type:'text'},
+    {name:'ExtensionAgencyName', description:'The name of the agency that maintains the Extension.', type:'text'},
+    {name:'ExtensionAgencyURI', description:'A URI for the Agency that maintains the Extension.', type:'url'},
+    {name:'ExtensionVersionID', description:'The version of the Extension.', type:'text'},
+    {name:'ExtensionURI', description:'A URI for the Extension.', type:'url'},
+    {name:'ExtensionReasonCode', description:'A code for reason the Extension is being included.', type:'text'},
+    {name:'ExtensionReason', description:'A description of the reason for the Extension.', type:'text'},
     ];
 
   constructor(public dialogRef: MatDialogRef<ServiceGroupExtensionWizardDialogComponent>,