|
|
|
@ -1,235 +1,238 @@
|
|
|
|
|
<div class="dataset-wizard">
|
|
|
|
|
<h3 *ngIf="isNew">{{ 'DATASET-WIZARD.TITLE.NEW' | translate }}</h3>
|
|
|
|
|
<div class="flex-container">
|
|
|
|
|
<div fxLayout="row">
|
|
|
|
|
<h3 *ngIf="!isNew">{{datasetWizardModel?.label}} {{ 'GENERAL.NAMES.DATASET' | translate }}</h3>
|
|
|
|
|
<h3 *ngIf="this.formGroup && this.formGroup.dirty"> - {{ 'GENERAL.STATUSES.EDIT' | translate }}</h3>
|
|
|
|
|
<h3 *ngIf="this.formGroup && viewOnly"> - {{ 'GENERAL.STATUSES.FINALISED' | translate }}</h3>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex-container" *ngIf="this.datasetProfileDefinitionModel">
|
|
|
|
|
<button mat-raised-button color="primary" *ngIf="datasetWizardModel&&datasetWizardModel?.status != 1" style="margin-top: 15px;margin-bottom: 15px;margin-right: 15px;"
|
|
|
|
|
(click)="save();" type="button">{{ 'DATASET-WIZARD.ACTIONS.SAVE' | translate }}</button>
|
|
|
|
|
|
|
|
|
|
<button mat-raised-button color="primary" *ngIf="datasetWizardModel&&datasetWizardModel?.status != 1" style="margin-top: 15px;margin-bottom: 15px;margin-right: 15px;"
|
|
|
|
|
(click)="saveFinalize();" type="button">{{ 'DATASET-WIZARD.ACTIONS.SAVE-AND-FINALISE' | translate }}</button>
|
|
|
|
|
<button mat-raised-button color="primary" *ngIf="datasetWizardModel&&datasetWizardModel?.status == 1" style="margin-top: 15px;margin-bottom: 15px;margin-right: 15px;"
|
|
|
|
|
(click)="downloadPDF();" type="button">{{ 'DATASET-WIZARD.ACTIONS.DOWNLOAD-PDF' | translate }}</button>
|
|
|
|
|
<button mat-raised-button color="primary" *ngIf="datasetWizardModel&&datasetWizardModel?.status == 1" style="margin-top: 15px;margin-bottom: 15px;margin-right: 15px;"
|
|
|
|
|
(click)="downloadXML();" type="button">{{ 'DATASET-WIZARD.ACTIONS.DOWNLOAD-XML' | translate }}</button>
|
|
|
|
|
<div class="fill-space"></div>
|
|
|
|
|
<!-- <button mat-button (click)="redirectToProject()">
|
|
|
|
|
<h3 *ngIf="isNew">{{ 'DATASET-WIZARD.TITLE.NEW' | translate }}</h3>
|
|
|
|
|
<div class="flex-container">
|
|
|
|
|
<div fxLayout="row">
|
|
|
|
|
<h3 *ngIf="!isNew">{{datasetWizardModel?.label}} {{ 'GENERAL.NAMES.DATASET' | translate }}</h3>
|
|
|
|
|
<h3 *ngIf="this.formGroup && this.formGroup.dirty"> - {{ 'GENERAL.STATUSES.EDIT' | translate }}</h3>
|
|
|
|
|
<h3 *ngIf="this.formGroup && viewOnly"> - {{ 'GENERAL.STATUSES.FINALISED' | translate }}</h3>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex-container" *ngIf="this.datasetProfileDefinitionModel">
|
|
|
|
|
<button mat-raised-button color="primary" *ngIf="datasetWizardModel&&datasetWizardModel?.status != 1" style="margin-top: 15px;margin-bottom: 15px;margin-right: 15px;"
|
|
|
|
|
(click)="save();" type="button">{{ 'DATASET-WIZARD.ACTIONS.SAVE' | translate }}</button>
|
|
|
|
|
<button mat-raised-button color="primary" *ngIf="datasetWizardModel&&datasetWizardModel?.status != 1" style="margin-top: 15px;margin-bottom: 15px;margin-right: 15px;"
|
|
|
|
|
(click)="saveFinalize();" type="button">{{ 'DATASET-WIZARD.ACTIONS.SAVE-AND-FINALISE' | translate }}</button>
|
|
|
|
|
<button mat-raised-button color="primary" *ngIf="datasetWizardModel&&datasetWizardModel?.status == 1" style="margin-top: 15px;margin-bottom: 15px;margin-right: 15px;"
|
|
|
|
|
(click)="downloadPDF();" type="button">{{ 'DATASET-WIZARD.ACTIONS.DOWNLOAD-PDF' | translate }}</button>
|
|
|
|
|
<button mat-raised-button color="primary" *ngIf="datasetWizardModel&&datasetWizardModel?.status == 1" style="margin-top: 15px;margin-bottom: 15px;margin-right: 15px;"
|
|
|
|
|
(click)="downloadXML();" type="button">{{ 'DATASET-WIZARD.ACTIONS.DOWNLOAD-XML' | translate }}</button>
|
|
|
|
|
<div class="fill-space"></div>
|
|
|
|
|
<!-- <button mat-button (click)="redirectToProject()">
|
|
|
|
|
<mat-icon>arrow_right_alt</mat-icon>{{'DATASET-WIZARD.ACTIONS.GO-TO-PROJECT' | translate}}</button>
|
|
|
|
|
<button mat-button (click)="redirectToDmp()">
|
|
|
|
|
<mat-icon>arrow_right_alt</mat-icon>{{'DATASET-WIZARD.ACTIONS.GO-TO-DMP' | translate}}</button> -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<mat-horizontal-stepper [linear]="isLinear" #stepper>
|
|
|
|
|
<mat-step [stepControl]="formGroup">
|
|
|
|
|
<form *ngIf="formGroup" [formGroup]="formGroup">
|
|
|
|
|
<app-single-auto-complete [required]="true" [reactiveFormControl]="formGroup.get('dmp')" placeholder="{{'DATASET-EDITOR.FIELDS.DMP' | translate}}"
|
|
|
|
|
[configuration]="dmpAutoCompleteConfiguration">
|
|
|
|
|
</app-single-auto-complete>
|
|
|
|
|
<ng-template matStepLabel>{{'DATASET-WIZARD.FIRST-STEP.TITLE' | translate}}</ng-template>
|
|
|
|
|
<mat-form-field formGroupName="profile">
|
|
|
|
|
<mat-select placeholder=" {{'DATASET-WIZARD.FIRST-STEP.PROFILE'| translate}}" [required]="true" formControlName="id">
|
|
|
|
|
<mat-option *ngFor="let profile of availableProfiles" [value]="profile.id">
|
|
|
|
|
{{profile.label}}
|
|
|
|
|
</mat-option>
|
|
|
|
|
</mat-select>
|
|
|
|
|
<mat-error *ngIf="baseErrorModel?.status">{{baseErrorModel['Criteria.status']}}</mat-error>
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
<app-dataset-editor-component [formGroup]="formGroup"></app-dataset-editor-component>
|
|
|
|
|
<div class="navigation-buttons-container">
|
|
|
|
|
<button matStepperNext mat-raised-button style="float:right;" color="primary">{{'DATASET-WIZARD.ACTIONS.NEXT' |
|
|
|
|
|
translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</mat-step>
|
|
|
|
|
<mat-step [stepControl]="formGroup">
|
|
|
|
|
<form *ngIf="formGroup" [formGroup]="formGroup">
|
|
|
|
|
<ng-template matStepLabel>{{'DATASET-WIZARD.SECOND-STEP.TITLE' | translate}}</ng-template>
|
|
|
|
|
</div>
|
|
|
|
|
<mat-horizontal-stepper [linear]="isLinear" #stepper>
|
|
|
|
|
<mat-step [stepControl]="formGroup">
|
|
|
|
|
<form *ngIf="formGroup" [formGroup]="formGroup">
|
|
|
|
|
<app-single-auto-complete [required]="true" [reactiveFormControl]="formGroup.get('dmp')" placeholder="{{'DATASET-EDITOR.FIELDS.DMP' | translate}}"
|
|
|
|
|
[configuration]="dmpAutoCompleteConfiguration">
|
|
|
|
|
</app-single-auto-complete>
|
|
|
|
|
<ng-template matStepLabel>{{'DATASET-WIZARD.FIRST-STEP.TITLE' | translate}}</ng-template>
|
|
|
|
|
<mat-form-field formGroupName="profile">
|
|
|
|
|
<mat-select placeholder=" {{'DATASET-WIZARD.FIRST-STEP.PROFILE'| translate}}" [required]="true" formControlName="id">
|
|
|
|
|
<mat-option *ngFor="let profile of availableProfiles" [value]="profile.id">
|
|
|
|
|
{{profile.label}}
|
|
|
|
|
</mat-option>
|
|
|
|
|
</mat-select>
|
|
|
|
|
<mat-error *ngIf="baseErrorModel?.status">{{baseErrorModel['Criteria.status']}}</mat-error>
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
<app-dataset-editor-component [formGroup]="formGroup"></app-dataset-editor-component>
|
|
|
|
|
<div class="navigation-buttons-container">
|
|
|
|
|
<button matStepperNext mat-raised-button style="float:right;" color="primary">{{'DATASET-WIZARD.ACTIONS.NEXT' |
|
|
|
|
|
translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</mat-step>
|
|
|
|
|
<mat-step [stepControl]="formGroup">
|
|
|
|
|
<form *ngIf="formGroup" [formGroup]="formGroup">
|
|
|
|
|
<ng-template matStepLabel>{{'DATASET-WIZARD.SECOND-STEP.TITLE' | translate}}</ng-template>
|
|
|
|
|
|
|
|
|
|
<mat-card>
|
|
|
|
|
<mat-card-header>
|
|
|
|
|
<mat-card-title class="thick" *ngIf='!viewOnly'>
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.DATAREPOSITORIES' | translate}}
|
|
|
|
|
<button mat-raised-button color="primary" (click)="addDataRepository()">
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.CREATE'|translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</mat-card-title>
|
|
|
|
|
</mat-card-header>
|
|
|
|
|
<app-external-item-listing *ngIf="formGroup.get('dataRepositories') && dataRepositoriesTemplate && externalSourcesConfiguration"
|
|
|
|
|
[options]="externalSourcesConfiguration.dataRepositories" placeholder="{{'DATASET-EDITOR.FIELDS.DATAREPOSITORIES' | translate}}"
|
|
|
|
|
[parentTemplate]='dataRepositoriesTemplate' [displayFunction]='dataRepositoryDisplayFunc' [subtitleFunction]='dataRepositoryDisplaySubtitleFunc'
|
|
|
|
|
[formGroup]="formGroup.get('dataRepositories')" [viewOnly]='viewOnly' [autoCompleteConfiguration]="dataRepositoriesAutoCompleteConfiguration"
|
|
|
|
|
(onItemChange)="dataRepositoriesOnItemChange($event)">
|
|
|
|
|
</app-external-item-listing>
|
|
|
|
|
<mat-card>
|
|
|
|
|
<mat-card-header>
|
|
|
|
|
<mat-card-title class="thick" *ngIf='!viewOnly'>
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.DATAREPOSITORIES' | translate}}
|
|
|
|
|
<button mat-raised-button color="primary" (click)="addDataRepository()">
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.CREATE'|translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</mat-card-title>
|
|
|
|
|
</mat-card-header>
|
|
|
|
|
<app-external-item-listing *ngIf="formGroup.get('dataRepositories') && dataRepositoriesTemplate && externalSourcesConfiguration"
|
|
|
|
|
[options]="externalSourcesConfiguration.dataRepositories" placeholder="{{'DATASET-EDITOR.FIELDS.DATAREPOSITORIES' | translate}}"
|
|
|
|
|
[parentTemplate]='dataRepositoriesTemplate' [displayFunction]='dataRepositoryDisplayFunc' [subtitleFunction]='dataRepositoryDisplaySubtitleFunc'
|
|
|
|
|
[formGroup]="formGroup.get('dataRepositories')" [viewOnly]='viewOnly' [autoCompleteConfiguration]="dataRepositoriesAutoCompleteConfiguration"
|
|
|
|
|
(onItemChange)="dataRepositoriesOnItemChange($event)">
|
|
|
|
|
</app-external-item-listing>
|
|
|
|
|
|
|
|
|
|
<ng-template #dataRepositoriesTemplate let-suggestion let-i="index" let-callback="function">
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<p>
|
|
|
|
|
{{i+1}}) {{suggestion.get('label').value}}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-8">
|
|
|
|
|
<mat-form-field>
|
|
|
|
|
<input matInput placeholder="{{'DATASET-EDITOR.FIELDS.DATAREPOSITORIES-INFO' | translate}}" type="text" name="info" [formControl]="suggestion.get('info')">
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<button mat-button (click)="callback(i)">
|
|
|
|
|
<mat-icon>close</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</mat-card>
|
|
|
|
|
<mat-card>
|
|
|
|
|
<mat-card-header>
|
|
|
|
|
<mat-card-title class="thick" *ngIf='!viewOnly'>
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.EXTERNAL-DATASETS' | translate}}
|
|
|
|
|
<button mat-raised-button color="primary" (click)="addExternalDataset()">
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.CREATE'|translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</mat-card-title>
|
|
|
|
|
</mat-card-header>
|
|
|
|
|
<app-external-item-listing *ngIf="formGroup.get('externalDatasets') && externalDatasetsTemplate && externalSourcesConfiguration"
|
|
|
|
|
[options]="externalSourcesConfiguration.externalDatasets" placeholder="{{'DATASET-EDITOR.FIELDS.EXTERNAL-DATASETS' | translate}}"
|
|
|
|
|
[parentTemplate]='externalDatasetsTemplate' [displayFunction]='externalDatasetDisplayFunc' [subtitleFunction]='dataRepositoryDisplaySubtitleFunc'
|
|
|
|
|
[formGroup]="formGroup.get('externalDatasets')" [viewOnly]='viewOnly' [autoCompleteConfiguration]="externalDatasetAutoCompleteConfiguration"
|
|
|
|
|
(onItemChange)="externalDatasetsOnItemChange($event)">
|
|
|
|
|
</app-external-item-listing>
|
|
|
|
|
<ng-template #dataRepositoriesTemplate let-suggestion let-i="index" let-callback="function">
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<p>
|
|
|
|
|
{{i+1}}) {{suggestion.get('label').value}}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-8">
|
|
|
|
|
<mat-form-field>
|
|
|
|
|
<input matInput placeholder="{{'DATASET-EDITOR.FIELDS.DATAREPOSITORIES-INFO' | translate}}" type="text" name="info"
|
|
|
|
|
[formControl]="suggestion.get('info')">
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<button mat-button (click)="callback(i)">
|
|
|
|
|
<mat-icon>close</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</mat-card>
|
|
|
|
|
<mat-card>
|
|
|
|
|
<mat-card-header>
|
|
|
|
|
<mat-card-title class="thick" *ngIf='!viewOnly'>
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.EXTERNAL-DATASETS' | translate}}
|
|
|
|
|
<button mat-raised-button color="primary" (click)="addExternalDataset()">
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.CREATE'|translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</mat-card-title>
|
|
|
|
|
</mat-card-header>
|
|
|
|
|
<app-external-item-listing *ngIf="formGroup.get('externalDatasets') && externalDatasetsTemplate && externalSourcesConfiguration"
|
|
|
|
|
[options]="externalSourcesConfiguration.externalDatasets" placeholder="{{'DATASET-EDITOR.FIELDS.EXTERNAL-DATASETS' | translate}}"
|
|
|
|
|
[parentTemplate]='externalDatasetsTemplate' [displayFunction]='externalDatasetDisplayFunc' [subtitleFunction]='dataRepositoryDisplaySubtitleFunc'
|
|
|
|
|
[formGroup]="formGroup.get('externalDatasets')" [viewOnly]='viewOnly' [autoCompleteConfiguration]="externalDatasetAutoCompleteConfiguration"
|
|
|
|
|
(onItemChange)="externalDatasetsOnItemChange($event)">
|
|
|
|
|
</app-external-item-listing>
|
|
|
|
|
|
|
|
|
|
<ng-template #externalDatasetsTemplate let-suggestion let-i="index" let-callback="function">
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<p>
|
|
|
|
|
{{i+1}}) {{suggestion.get('label').value}}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<mat-form-field>
|
|
|
|
|
<input matInput placeholder="{{'DATASET-EDITOR.FIELDS.EXTERNAL-DATASET-INFO' | translate}}" type="text" name="info" [formControl]="suggestion.get('info')">
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
</div>
|
|
|
|
|
<ng-template #externalDatasetsTemplate let-suggestion let-i="index" let-callback="function">
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<p>
|
|
|
|
|
{{i+1}}) {{suggestion.get('label').value}}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<mat-form-field>
|
|
|
|
|
<input matInput placeholder="{{'DATASET-EDITOR.FIELDS.EXTERNAL-DATASET-INFO' | translate}}" type="text" name="info"
|
|
|
|
|
[formControl]="suggestion.get('info')">
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<mat-form-field>
|
|
|
|
|
<mat-select placeholder="{{'DATASET-WIZARD.EDITOR.FIELDS.EXTERNAL-DATASET-TYPE' | translate}}" [formControl]="suggestion.get('type')">
|
|
|
|
|
<mat-option [value]="0">{{'TYPES.EXTERNAL-DATASET-TYPE.SOURCE' | translate}}</mat-option>
|
|
|
|
|
<mat-option [value]="1">{{'TYPES.EXTERNAL-DATASET-TYPE.OUTPUT' | translate}}</mat-option>
|
|
|
|
|
</mat-select>
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<button mat-button (click)="callback(i)">
|
|
|
|
|
<mat-icon>close</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</mat-card>
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<mat-form-field>
|
|
|
|
|
<mat-select placeholder="{{'DATASET-WIZARD.EDITOR.FIELDS.EXTERNAL-DATASET-TYPE' | translate}}" [formControl]="suggestion.get('type')">
|
|
|
|
|
<mat-option [value]="0">{{'TYPES.EXTERNAL-DATASET-TYPE.SOURCE' | translate}}</mat-option>
|
|
|
|
|
<mat-option [value]="1">{{'TYPES.EXTERNAL-DATASET-TYPE.OUTPUT' | translate}}</mat-option>
|
|
|
|
|
</mat-select>
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<button mat-button (click)="callback(i)">
|
|
|
|
|
<mat-icon>close</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</mat-card>
|
|
|
|
|
|
|
|
|
|
<mat-card>
|
|
|
|
|
<mat-card-header>
|
|
|
|
|
<mat-card-title class="thick" *ngIf='!viewOnly'>
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.REGISTRIES' | translate}}
|
|
|
|
|
<button mat-raised-button color="primary" (click)="addRegistry()">
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.CREATE'|translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</mat-card-title>
|
|
|
|
|
</mat-card-header>
|
|
|
|
|
<app-external-item-listing *ngIf="formGroup.get('registries') && registriesTemplate && externalSourcesConfiguration" [options]="externalSourcesConfiguration.registries"
|
|
|
|
|
placeholder="{{'DATASET-EDITOR.FIELDS.REGISTRIES' | translate}}" [parentTemplate]='registriesTemplate' [displayFunction]='registriesDisplayFunc'
|
|
|
|
|
[formGroup]="formGroup.get('registries')" [viewOnly]='viewOnly' [subtitleFunction]='dataRepositoryDisplaySubtitleFunc'
|
|
|
|
|
[autoCompleteConfiguration]="registriesAutoCompleteConfiguration" (onItemChange)="registriesOnItemChange($event)">
|
|
|
|
|
</app-external-item-listing>
|
|
|
|
|
<mat-card>
|
|
|
|
|
<mat-card-header>
|
|
|
|
|
<mat-card-title class="thick" *ngIf='!viewOnly'>
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.REGISTRIES' | translate}}
|
|
|
|
|
<button mat-raised-button color="primary" (click)="addRegistry()">
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.CREATE'|translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</mat-card-title>
|
|
|
|
|
</mat-card-header>
|
|
|
|
|
<app-external-item-listing *ngIf="formGroup.get('registries') && registriesTemplate && externalSourcesConfiguration"
|
|
|
|
|
[options]="externalSourcesConfiguration.registries" placeholder="{{'DATASET-EDITOR.FIELDS.REGISTRIES' | translate}}"
|
|
|
|
|
[parentTemplate]='registriesTemplate' [displayFunction]='registriesDisplayFunc' [formGroup]="formGroup.get('registries')"
|
|
|
|
|
[viewOnly]='viewOnly' [subtitleFunction]='dataRepositoryDisplaySubtitleFunc' [autoCompleteConfiguration]="registriesAutoCompleteConfiguration"
|
|
|
|
|
(onItemChange)="registriesOnItemChange($event)">
|
|
|
|
|
</app-external-item-listing>
|
|
|
|
|
|
|
|
|
|
<ng-template #registriesTemplate let-suggestion let-i="index" let-callback="function">
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<p>
|
|
|
|
|
{{i+1}}) {{suggestion.get('label').value}}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-10">
|
|
|
|
|
<button mat-button (click)="callback(i)">
|
|
|
|
|
<mat-icon>close</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</mat-card>
|
|
|
|
|
<ng-template #registriesTemplate let-suggestion let-i="index" let-callback="function">
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<p>
|
|
|
|
|
{{i+1}}) {{suggestion.get('label').value}}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-10">
|
|
|
|
|
<button mat-button (click)="callback(i)">
|
|
|
|
|
<mat-icon>close</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</mat-card>
|
|
|
|
|
|
|
|
|
|
<mat-card>
|
|
|
|
|
<mat-card-header>
|
|
|
|
|
<mat-card-title class="thick" *ngIf='!viewOnly'>
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.SERVICES' | translate}}
|
|
|
|
|
<button mat-raised-button color="primary" (click)="addService()">
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.CREATE'|translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</mat-card-title>
|
|
|
|
|
</mat-card-header>
|
|
|
|
|
<app-external-item-listing *ngIf="formGroup.get('services') && servicesTemplate && externalSourcesConfiguration" [options]="externalSourcesConfiguration.services"
|
|
|
|
|
placeholder="{{'DATASET-EDITOR.FIELDS.SERVICES' | translate}}" [parentTemplate]='servicesTemplate' [displayFunction]='servicesDisplayFunc'
|
|
|
|
|
[formGroup]="formGroup.get('services')" [viewOnly]='viewOnly' [subtitleFunction]='dataRepositoryDisplaySubtitleFunc'
|
|
|
|
|
[autoCompleteConfiguration]="servicesAutoCompleteConfiguration" (onItemChange)="servicesOnItemChange($event)">
|
|
|
|
|
<mat-card>
|
|
|
|
|
<mat-card-header>
|
|
|
|
|
<mat-card-title class="thick" *ngIf='!viewOnly'>
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.SERVICES' | translate}}
|
|
|
|
|
<button mat-raised-button color="primary" (click)="addService()">
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.CREATE'|translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</mat-card-title>
|
|
|
|
|
</mat-card-header>
|
|
|
|
|
<app-external-item-listing *ngIf="formGroup.get('services') && servicesTemplate && externalSourcesConfiguration"
|
|
|
|
|
[options]="externalSourcesConfiguration.services" placeholder="{{'DATASET-EDITOR.FIELDS.SERVICES' | translate}}"
|
|
|
|
|
[parentTemplate]='servicesTemplate' [displayFunction]='servicesDisplayFunc' [formGroup]="formGroup.get('services')"
|
|
|
|
|
[viewOnly]='viewOnly' [subtitleFunction]='dataRepositoryDisplaySubtitleFunc' [autoCompleteConfiguration]="servicesAutoCompleteConfiguration"
|
|
|
|
|
(onItemChange)="servicesOnItemChange($event)">
|
|
|
|
|
|
|
|
|
|
</app-external-item-listing>
|
|
|
|
|
</app-external-item-listing>
|
|
|
|
|
|
|
|
|
|
<ng-template #servicesTemplate let-suggestion let-i="index" let-callback="function">
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<p>
|
|
|
|
|
{{i+1}}) {{suggestion.get('label').value}}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-10">
|
|
|
|
|
<button mat-button (click)="callback(i)">
|
|
|
|
|
<mat-icon>close</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</mat-card>
|
|
|
|
|
<ng-template #servicesTemplate let-suggestion let-i="index" let-callback="function">
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<p>
|
|
|
|
|
{{i+1}}) {{suggestion.get('label').value}}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-10">
|
|
|
|
|
<button mat-button (click)="callback(i)">
|
|
|
|
|
<mat-icon>close</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</mat-card>
|
|
|
|
|
|
|
|
|
|
<mat-card>
|
|
|
|
|
<mat-card-header>
|
|
|
|
|
<mat-card-title class="thick">
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.TAGS' | translate}}
|
|
|
|
|
</mat-card-title>
|
|
|
|
|
</mat-card-header>
|
|
|
|
|
<app-external-item-listing *ngIf="formGroup.get('tags') && tagsTemplate && externalSourcesConfiguration" [options]="externalSourcesConfiguration.tags"
|
|
|
|
|
placeholder="{{'DATASET-EDITOR.FIELDS.TAGS' | translate}}" [parentTemplate]='tagsTemplate' [displayFunction]='tagsDisplayFunc'
|
|
|
|
|
[formGroup]="formGroup.get('tags')" [viewOnly]='viewOnly' [subtitleFunction]='tagsDisplaySubtitleFunc' [autoCompleteConfiguration]="tagsAutoCompleteConfiguration"
|
|
|
|
|
(onItemChange)="tagsOnItemChange($event)">
|
|
|
|
|
<mat-card>
|
|
|
|
|
<mat-card-header>
|
|
|
|
|
<mat-card-title class="thick">
|
|
|
|
|
{{'DATASET-EDITOR.FIELDS.TAGS' | translate}}
|
|
|
|
|
</mat-card-title>
|
|
|
|
|
</mat-card-header>
|
|
|
|
|
<app-external-item-listing *ngIf="formGroup.get('tags') && tagsTemplate && externalSourcesConfiguration" [options]="externalSourcesConfiguration.tags"
|
|
|
|
|
placeholder="{{'DATASET-EDITOR.FIELDS.TAGS' | translate}}" [parentTemplate]='tagsTemplate' [displayFunction]='tagsDisplayFunc'
|
|
|
|
|
[formGroup]="formGroup.get('tags')" [viewOnly]='viewOnly' [subtitleFunction]='tagsDisplaySubtitleFunc'
|
|
|
|
|
[autoCompleteConfiguration]="tagsAutoCompleteConfiguration" (onItemChange)="tagsOnItemChange($event)">
|
|
|
|
|
|
|
|
|
|
</app-external-item-listing>
|
|
|
|
|
</app-external-item-listing>
|
|
|
|
|
|
|
|
|
|
<ng-template #tagsTemplate let-suggestion let-i="index" let-callback="function">
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<p>
|
|
|
|
|
{{i+1}}) {{suggestion.get('name').value}}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-10">
|
|
|
|
|
<button mat-button (click)="callback(i)">
|
|
|
|
|
<mat-icon>close</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</mat-card>
|
|
|
|
|
<ng-template #tagsTemplate let-suggestion let-i="index" let-callback="function">
|
|
|
|
|
<div class="col-md-2">
|
|
|
|
|
<p>
|
|
|
|
|
{{i+1}}) {{suggestion.get('name').value}}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-10">
|
|
|
|
|
<button mat-button (click)="callback(i)">
|
|
|
|
|
<mat-icon>close</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</mat-card>
|
|
|
|
|
|
|
|
|
|
<div class="navigation-buttons-container">
|
|
|
|
|
<button matStepperPrevious mat-raised-button color="primary">{{'DATASET-WIZARD.ACTIONS.BACK' | translate}}</button>
|
|
|
|
|
<button matStepperNext mat-raised-button color="primary" style="float:right;" (click)="getDefinition()">{{'DATASET-WIZARD.ACTIONS.NEXT'
|
|
|
|
|
| translate}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</mat-step>
|
|
|
|
|
<mat-step>
|
|
|
|
|
<ng-template matStepLabel>{{'DATASET-WIZARD.THIRD-STEP.TITLE' | translate}}</ng-template>
|
|
|
|
|
<app-dynamic-form class="full-width" *ngIf="formGroup && datasetWizardModel && datasetWizardModel.datasetProfileDefinition" [form]="this.formGroup.get('datasetProfileDefinition')"
|
|
|
|
|
[dataModel]="datasetWizardModel"></app-dynamic-form>
|
|
|
|
|
<div class="navigation-buttons-container">
|
|
|
|
|
<button style="margin-top:10px;" matStepperPrevious mat-raised-button color="primary">{{'DATASET-WIZARD.ACTIONS.BACK'
|
|
|
|
|
| translate}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</mat-step>
|
|
|
|
|
</mat-horizontal-stepper>
|
|
|
|
|
<div class="navigation-buttons-container">
|
|
|
|
|
<button matStepperPrevious mat-raised-button color="primary">{{'DATASET-WIZARD.ACTIONS.BACK' | translate}}</button>
|
|
|
|
|
<button matStepperNext mat-raised-button color="primary" style="float:right;" (click)="getDefinition()">{{'DATASET-WIZARD.ACTIONS.NEXT'
|
|
|
|
|
| translate}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</mat-step>
|
|
|
|
|
<mat-step>
|
|
|
|
|
<ng-template matStepLabel>{{'DATASET-WIZARD.THIRD-STEP.TITLE' | translate}}</ng-template>
|
|
|
|
|
<app-dynamic-form class="full-width" *ngIf="formGroup && datasetWizardModel && datasetWizardModel.datasetProfileDefinition"
|
|
|
|
|
[form]="this.formGroup.get('datasetProfileDefinition')" [dataModel]="datasetWizardModel"></app-dynamic-form>
|
|
|
|
|
<div class="navigation-buttons-container">
|
|
|
|
|
<button style="margin-top:10px;" matStepperPrevious mat-raised-button color="primary">{{'DATASET-WIZARD.ACTIONS.BACK'
|
|
|
|
|
| translate}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</mat-step>
|
|
|
|
|
</mat-horizontal-stepper>
|
|
|
|
|
</div>
|
|
|
|
|