catalog-ui/src/app/ng2/components/forms/artifacts-form/artifact-form.component.html

   1 <form class="artifact-form" novalidate name="artifactForm">
   2
   3     <onap-file-upload [disabled]="isViewOnly || showTypeFields && !artifact.artifactType" [convertToBase64]="true" [(value)]="artifact.artifactName" (fileUpload)="onUploadFile($event)" [placeHolder]="'Select File'" [label]="'Upload File'" [testId]="'fileUploadElement'" [required]="true">
   4
   5     </onap-file-upload>
   6     <div class="artifact-form-container">
   7         <div class="left-form-container" *ngIf="showTypeFields">
   8             <sdc-input #artifactLabel
   9                        required="true"
  10                        [(value)]="artifact.artifactLabel"
  11                        [maxLength]="25"
  12                        [label]="'Artifact Label'"
  13                        [disabled]="isViewOnly || artifact && artifact.uniqueId"
  14                        [testId]="'artifactLabel'"
  15                        (keyup)="verifyTypeAndFileWereFilled()">
  16             </sdc-input>
  17             <sdc-validation [validateElement]="artifactLabel" (validityChanged)="onLabelChange($event)">
  18                 <sdc-required-validator [message]="'ADD_ARTIFACT_ERROR_LABEL_REQUIRED' | translate"></sdc-required-validator>
  19                               <sdc-regex-validator [message]="'VALIDATION_ERROR_SPECIAL_CHARS_NOT_ALLOWED' | translate"
  20                                      [pattern]="validationPatterns['label']"></sdc-regex-validator>
  21             </sdc-validation>
  22
  23             <sdc-dropdown #artifactType [disabled]="isViewOnly || artifact && artifact.uniqueId" label="Type" [required]="true"
  24                           [selectedOption]="selectedFileType" placeHolder="Please choose type" (changed)="onTypeChange($event)"
  25                           [options]="artifactTypesOptions" [testId]="'artifacttype'"></sdc-dropdown>
  26             <sdc-validation [validateElement]="artifactType">
  27                 <sdc-required-validator
  28                         [message]="'ADD_ARTIFACT_ERROR_TYPE_REQUIRED' | translate"></sdc-required-validator>
  29             </sdc-validation>
  30         </div>
  31
  32         <div class="right-form-container">
  33             <sdc-textarea #artifactDescription
  34                           [(value)]="artifact.description"
  35                           [required]="true"
  36                           testId="description"
  37                           [maxLength]="256"
  38                           label="Description"
  39                           [disabled]="isViewOnly"
  40                           (keyup)="verifyTypeAndFileWereFilled()">
  41             </sdc-textarea>
  42             <sdc-validation [validateElement]="artifactDescription" (validityChanged)="onDescriptionChange($event)">
  43                 <sdc-required-validator
  44                         [message]="'ADD_ARTIFACT_ERROR_DESCRIPTION_REQUIRED' | translate:{'field': 'Message' }"></sdc-required-validator>
  45                 <sdc-regex-validator [message]="'VALIDATION_ERROR_SPECIAL_CHARS_NOT_ALLOWED' | translate"
  46                                      [pattern]="validationPatterns['comment']"></sdc-regex-validator>
  47             </sdc-validation>
  48         </div>
  49     </div>
  50 </form>
  51
  52 <div *ngIf="artifact && artifact.esId">
  53     <div>UUID: {{artifact.artifactUUID}}</div>
  54     <div>Version: {{artifact.artifactVersion}}</div>
  55 </div>