Skip to content

Commit

Permalink
[VAS] Story 11586: add missing steps
Browse files Browse the repository at this point in the history
  • Loading branch information
@laedanrex
laedanrex committed Sep 13, 2023
1 parent dd16dff commit 4906a93
Showing 1 changed file with 133 additions and 0 deletions.
133 changes: 133 additions & 0 deletions ...tial/src/app/ingest-contract/ingest-contract-create/ingest-contract-create.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,139 @@
<form [formGroup]="form" (ngSubmit)="onSubmit()" (keydown.enter)="$event.preventDefault()">
<vitamui-common-stepper (selectionChange)="stepIndex = $event.selectedIndex">

<!-- STEP 1 - Informations : ID, nom, description -->
<cdk-step>
<div class="content">
<h4>{{ 'INGEST_CONTRACT.MODAL_CREATE.TITLE' | translate }}</h4>
<h2>{{ 'INGEST_CONTRACT.MODAL_CREATE.INFORMATIONS.TITLE' | translate }}</h2>
<div class="main-content">
<div class="form-group">
<div class="row">
<div class="col">
<vitamui-common-slide-toggle [formControl]="statusControl">Contrat d'entrée actif
</vitamui-common-slide-toggle>
</div>
</div>
<div class="row">
<div class="col-8 form-control">
<vitamui-common-input formControlName="name" minlength="2" maxlength="100" required placeholder="Nom">
<ng-container *ngIf="form.get('name')?.touched">
<vitamui-common-input-error *ngIf="!!form.get('name')?.errors?.required">Champ requis
</vitamui-common-input-error>
<vitamui-common-input-error *ngIf="!!form?.get('name')?.errors?.nameExists">Nom déjà utilisé
</vitamui-common-input-error>
</ng-container>
</vitamui-common-input>
</div>

<div class="col-8 form-control" *ngIf="isSlaveMode">
<vitamui-common-input
formControlName="identifier"
minlength="2"
maxlength="100"
required
placeholder="Identifiant"
i18n-placeholder="Identifier@@ingectContractCreateIdentifierPlaceholder"
>
<ng-container *ngIf="form.get('identifier')?.touched">
<vitamui-common-input-error
*ngIf="!!form.get('identifier')?.errors?.required"
i18n="Required field error hint@@formErrorRequiredField"
>Champ requis
</vitamui-common-input-error>
<vitamui-common-input-error
*ngIf="!!form?.get('identifier')?.errors?.identifierExists"
i18n="Name exists error hint@@formErrorIdentifierExists"
>Identifiant déjà utilisé
</vitamui-common-input-error>
</ng-container>
</vitamui-common-input>
</div>

<div class="col-12 form-control">
<vitamui-common-textarea formControlName="description" placeholder="Description" [rows]="4"
required="required">
<ng-container *ngIf="form.get('description')?.touched">
<vitamui-common-input-error *ngIf="!!form.get('description')?.errors?.required">
{{ 'COMMON.REQUIRED' | translate }}
</vitamui-common-input-error>
</ng-container>
</vitamui-common-textarea>
</div>
</div>
</div>
</div>
<div class="actions">
<div class="line">
<button type="button" class="btn primary" cdkStepperNext [disabled]="firstStepInvalid()">
{{ 'COMMON.NEXT' | translate }}
</button>
<button type="button" class="btn link" (click)="onCancel()">
{{ 'COMMON.UNDO' | translate }}
</button>
</div>
</div>
</div>
</cdk-step>

<!-- STEP 2 - Informations : profiles d'archives, Contrat de gestion -->
<cdk-step>
<div class="content">
<h4>{{ 'INGEST_CONTRACT.MODAL_CREATE.TITLE' | translate }}</h4>
<h2>{{ 'INGEST_CONTRACT.MODAL_CREATE.INFORMATIONS.TITLE' | translate }}</h2>
<div class="main-content">
<div class="form-group">
<div class="row">
<div class="col-6 form-control">
<mat-form-field class="vitamui-mat-select">
<mat-select formControlName="archiveProfiles" placeholder="Profil d'archivage"
panelclass="vitamui-mat-select" multiple>
<mat-option *ngFor="let profiles of archiveProfiles"
[value]="profiles.identifier">{{ profiles.name }} </mat-option>
</mat-select>
<div class="select-arrow">
<i class="material-icons">keyboard_arrow_up</i>
<i class="material-icons">keyboard_arrow_down</i>
</div>
</mat-form-field>
</div>
</div>
<div class="row">
<div class="col-6 form-control">
<mat-form-field class="vitamui-mat-select">
<mat-select formControlName="managementContractId" placeholder="Contrat de gestion"
panelclass="vitamui-mat-select">
<mat-option *ngFor="let managementContract of managementContracts"
[value]="managementContract.identifier"
>{{ managementContract.name }}
</mat-option>
</mat-select>
<div class="select-arrow">
<i class="material-icons">keyboard_arrow_up</i>
<i class="material-icons">keyboard_arrow_down</i>
</div>
</mat-form-field>
</div>
</div>
</div>
</div>
<div class="actions">
<div class="line">
<button type="button" class="btn primary" cdkStepperNext>
{{ 'COMMON.NEXT' | translate }}
</button>
<button type="button" class="btn link" (click)="onCancel()">
{{ 'COMMON.UNDO' | translate }}
</button>
</div>
<button type="button" class="btn link back" cdkStepperPrevious>
<i class="vitamui-icon vitamui-icon-chevron-left"></i>
<span class="underline">{{ 'COMMON.BACK' | translate }}</span>
</button>
</div>
</div>
</cdk-step>


<!-- STEP 3 - Format des fichiers : authorisés et identifiés -->
<cdk-step>
Expand Down

0 comments on commit 4906a93

Please sign in to comment.