argos/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.compo...

56 lines
2.8 KiB
HTML

<div class="row">
<div class="col">
<h3>{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.THIRD-STEP.NEW-TITLE' | translate}} {{titlePrefix}}</h3>
</div>
<div></div>
<div class="col-auto">
<mat-button-toggle-group [ngModel]="_inputValue">
<mat-button-toggle value="list" (change)="onValChange($event.value)">
<mat-icon>format_align_left</mat-icon>
</mat-button-toggle>
<mat-button-toggle value="add" (change)="onValChange($event.value)">
<mat-icon>add</mat-icon>
</mat-button-toggle>
</mat-button-toggle-group>
</div>
<div class="col-12">
<div *ngIf="toggleButton=='0'" class="row">
<div class="col-12"
*ngFor="let dataset of this.formGroup.get('datasets').get('datasetsList')['controls'] let i=index;">
<mat-card>
<mat-card-content>
<div class="row">
<div class="col">
<h4>{{dataset.get('datasetLabel').value}}</h4>
</div>
<div class="col-auto">
<button mat-icon-button type="button" (click)="editDataset(i);" [disabled]="viewOnly">
<mat-icon>edit</mat-icon>
</button>
</div>
<div class="col-auto">
<button mat-icon-button type="button" (click)="deleteDataset(i);" [disabled]="viewOnly">
<mat-icon>delete</mat-icon>
</button>
</div>
</div>
</mat-card-content>
</mat-card>
</div>
<!-- <button mat-fab class="mat-fab-bottom-right" color="primary" (click)="listOrEditor()">
<mat-icon class="mat-24">add</mat-icon>
</button> -->
</div>
</div>
<div *ngIf="toggleButton=='2' && editedDataset" class="row">
<mat-form-field class="col-md-12">
<input matInput placeholder="{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.THIRD-STEP.DATASET-LABEL' | translate}}" type="string" name="datasetLabel"
[formControl]="this.formGroup.get('datasets').get('datasetsList')['controls'][lastIndexOfDataset].get('datasetLabel')" required>
</mat-form-field>
<app-dataset-description-form class="col-12"
[form]="this.formGroup.get('datasets').get('datasetsList')['controls'][lastIndexOfDataset]"
[visibilityRules]="this.datasetProfileDefinition.rules" [datasetProfileId]="datasetProfile.value">
</app-dataset-description-form>
</div>
</div>