D-Net

                                     [data]="repoInterfaces"

                                     [otherData]="repo"

                                     [registerMode]="true"

                        </form-repeat>

                      </form>

                    </div>

              </div>

            </div>

            <div class="wizardActions">

                <i class="fa fa-angle-double-left"></i>

                Back

              </button>

  </div>

</div>

                                     [data]="repoInterfaces"

                                     [otherData]="repo"

                                     [registerMode]="true"

                        </form-repeat>

                      </form>

                    </div>

              </div>

            </div>

            <div class="wizardActions">

                <i class="fa fa-angle-double-left"></i>

                Back

              </button>

  </div>

</div>

  @ViewChild('interfaceFormArray')

  public interfaceFormArray: MyArray;

  group: FormGroup;

  interfaceFormDesc: Description = interfaceFormDesc;

  updateDatasourceInterfaces: Type<any> = DatasourceInterfaceFormComponent;

    this.repo = repo;

    console.log(`repo was updated!`);

    this.group = this.fb.group({});

  }

  getRepoInterfaces() {

    );

  }

  downloadLogo() {

    window.open("../../../assets/imgs/3_0ValidatedLogo.png","_blank", "enabledstatus=0,toolbar=0,menubar=0,location=0");

  }

    this.bottomHelperContent.ngOnInit();

  }

  updateRepository() {

    this.loadingMessage = 'Saving changes';

    this.errorMessage = '';

  getNewInterfaces (interfaces: RepositoryInterface[]) {

    this.repoInterfaces = interfaces;

  }

}

  @ViewChild('interfaceFormArray')

  public interfaceFormArray: MyArray;

  group: FormGroup;

  interfaceFormDesc: Description = interfaceFormDesc;

  addDatasourceInterfaces: Type<any> = DatasourceInterfaceFormComponent;

    this.group = this.fb.group({});

  }

  downloadLogo() {

    window.open("../../../assets/imgs/3_0ValidatedLogo.png","_blank", "enabledstatus=0,toolbar=0,menubar=0,location=0");

  }

  getNewInterfaces (interfaces: RepositoryInterface[]) {

    this.repoInterfaces = interfaces;

  }

                                     [data]="repoInterfaces"

                                     [otherData]="repo"

                                     [registerMode]="true"

                        </form-repeat>

                      </form>

                    </div>

              </div>

            </div>

            <div class="wizardActions">

                <i class="fa fa-angle-double-left"></i>

                Back

              </button>

  </div>

</div>

                                     [data]="repoInterfaces"

                                     [otherData]="repo"

                                     [registerMode]="true"

                        </form-repeat>

                      </form>

                    </div>

              </div>

            </div>

            <div class="wizardActions">

                <i class="fa fa-angle-double-left"></i>

                Back

              </button>

  </div>

</div>

  @ViewChild('interfaceFormArray')

  public interfaceFormArray: MyArray;

  group: FormGroup;

  interfaceFormDesc: Description = interfaceFormDesc;

  updateDatasourceInterfaces: Type<any> = DatasourceInterfaceFormComponent;

    this.repo = repo;

    console.log(`repo was updated!`);

    this.group = this.fb.group({});

  }

  getRepoInterfaces() {

    );

  }

  downloadLogo() {

    window.open("../../../assets/imgs/3_0ValidatedLogo.png","_blank", "enabledstatus=0,toolbar=0,menubar=0,location=0");

  }

        if (intrf.id) {

          this.repoService.updateInterface(this.repo.id, intrf).subscribe(

            response => {

              intrf = response;

            },

            error => {

  getNewInterfaces (interfaces: RepositoryInterface[]) {

    this.repoInterfaces = interfaces;

  }

}

  @ViewChild('interfaceFormArray')

  public interfaceFormArray: MyArray;

  group: FormGroup;

  interfaceFormDesc: Description = interfaceFormDesc;

  addDatasourceInterfaces: Type<any> = DatasourceInterfaceFormComponent;

    this.group = this.fb.group({});

  }

  downloadLogo() {

    window.open("../../../assets/imgs/3_0ValidatedLogo.png","_blank", "enabledstatus=0,toolbar=0,menubar=0,location=0");

  }

  getNewInterfaces (interfaces: RepositoryInterface[]) {

    this.repoInterfaces = interfaces;

  }

  currentInterface: RepositoryInterface;

  valsetList: string[] = [];

  compClasses: Map<string,string> = new Map<string,string>();

  classCodes: string[] = [];

    console.log(`other data is: ${JSON.stringify(this.otherData,null,2)}`);

    if (this.data && this.data.length) {

      this.currentInterface = this.data[0];

      this.patchData.next({

      });

      this.getInterfaceInfo(this.data[0].baseUrl);

      this.data.splice(0,1);

    if (this.currentInterface) {

      console.log(`accessParams is ${JSON.stringify(this.currentInterface.accessParams)}`);

    }

    /*  NOT ANYMORE

  }

  chooseValSet(existingValSet: boolean) {

  }

  getInterfaceInfo(baseUrl: string) {

    }

  }

  updateCurrent (baseUrl: string, valset: string, compLvl: string) {

    this.successMessage = '';

    this.errorMessage = '';

    this.currentInterface.baseUrl = baseUrl;

    this.currentInterface.accessSet = valset;

    this.currentInterface.accessParams['set'] = valset;

    this.currentInterface.typology = this.currentRepository.datasourceClass;

    this.exportedData = this.currentInterface;

    if (!this.inRegister) {

      this.updateInterface();

    } else {

      this.loadingMessage = '';

  addCurrent (baseUrl: string, valset: string, compLvl: string) {

    this.errorMessage = '';

    this.successMessage = '';

    this.currentInterface = new RepositoryInterface();

    this.currentInterface.baseUrl = baseUrl;

    this.currentInterface.accessSet = valset;

    this.currentInterface.typology = this.currentRepository.datasourceClass;

    this.exportedData = this.currentInterface;

    if (!this.inRegister) {

      this.addInterface();

    } else {

      this.loadingMessage = '';

        datasourceType: this.selectedRepo.datasourceClass,

        adminEmail: this.selectedRepo.contactEmail

      });

        this.updateGroup.get('softwarePlatform').setValue('');

        this.updateGroup.get('platformName').setValue(this.selectedRepo.typology);

      }

<div>

  <div class="interfaceActionsPanel">

  </div>

<!--  <div>

    <h5 *ngIf="currentInterface && oldInterface && currentRepository">{{ currentRepository.datasourceType }} Interface</h5>

      <span *ngIf="identifiedBaseUrl" class="help-block inline" style="margin-top: 0px; margin-bottom: 0px; padding-left: 10px;">

        Identified

      </span>

    </div>

    <div class="form-group">

      <label class="control-label">Validation Set (*)</label>

          <span>Choose existing</span>

        </label>

      </div>

        <option value="" selected>-- none selected --</option>

        <option *ngFor="let set of valsetList" value="{{set}}">{{set}}</option>

      </select>

          <span>or a custom one</span>

        </label>

      </div>

    </div>

    <div class="form-group">

      <label class="control-label" for="compLvl" title="{{ compatibilityLevelDesc.desc }}">Desired Compatibility Level (*)</label>

        <option value="">-- none selected --</option>

        <option *ngFor="let key of classCodes" value="{{key}}">{{compClasses[key]}}</option>

      </select>

    </div>

    <div>

      <label class="uk-form-controls-text control-label">Current Compatibility Level</label>

    </div>

  </div>

</div>

    let wrapperFactory = this._cfr.resolveComponentFactory(this.wrapper);

    let wrapperView = wrapperFactory.create(this.viewContainerRef.injector);

    let componentView = componentFactory.create(this.viewContainerRef.injector);

    (<MyGroup>componentView.instance).index = this.viewContainerRef.length;

    (<MyGroup>componentView.instance).required = this.required;

    (<MyGroup>componentView.instance).data = this.data;

    if (this.registerMode) {

      (<MyGroup>componentView.instance).inRegister = true;

    }

    this.arrayData_.push((<MyGroup>componentView.instance).patchData);

    (<MyGroup>componentView.instance).description = this.description;

    let arrayGroup = (<MyGroup>componentView.instance).generate();

    (<MyWrapper>wrapperView.instance).description = this.description;

    (<MyWrapper>wrapperView.instance).first = this.viewContainerRef.length == 0;

    (<MyWrapper>wrapperView.instance).deleteNotifier.subscribe($event => {

      let index = this.viewContainerRef.indexOf($event);

      console.log(index);

        ((this.parentGroup as FormArray).controls[this.name].at(0).corpus((<MyGroup>componentView.instance).generate().value));

      } else {

        if (index>0){

            this.remove(index);

            (this.parentGroup as FormArray).controls[this.name].removeAt(index-1);

            this.components.splice(index,1);

    this.components.forEach(element => {

      if (element.exportedData) {

        array_to_emit.push(element.exportedData);

      }

    });

    this.emitDataArray.emit(array_to_emit);

  }

  isModalShown: boolean = false;