catalog-ui/src/app/ng2/components/forms/env-params/env-params.component.html

   1 <div class="filter-bar">
   2     <sdc-filter-bar
   3             [placeHolder]="'Search...'"
   4             [testId]="'search-env-param-name'"
   5             (keyup)="updateFilter($event)">
   6     </sdc-filter-bar>
   7 </div>
   8
   9 <ngx-datatable
  10         class='material'
  11         [rows]='artifact.heatParameters'
  12         [columnMode]="'flex'"
  13         [headerHeight]="40"
  14         [rowHeight]="'auto'"
  15         [scrollbarV]="false">
  16
  17     <ngx-datatable-column name="Parameter" [flexGrow]="2">
  18         <ng-template let-row="row" ngx-datatable-cell-template prop="name">
  19             {{row.name}}
  20             <span *ngIf="row.description.length > 0" class="info">
  21                 <svg-icon [name]="'comment'" (click)="openPopOver('',row.description,{x:$event.pageX , y:$event.pageY },'bottom')"></svg-icon>
  22             </span>
  23         </ng-template>
  24     </ngx-datatable-column>
  25
  26     <ngx-datatable-column name="DefaultValue"[flexGrow]="1">
  27         <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
  28             {{row.defaultValue}}
  29         </ng-template>
  30     </ngx-datatable-column>
  31
  32     <ngx-datatable-column name="CurrentValue" [flexGrow]="2">
  33         <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
  34             <sdc-input class="sdc-input-wrapper" #numberValidator
  35                 [placeHolder]="'Enter text'"
  36                 [isViewMode]="isViewOnly"
  37                 [size]="'medium'"
  38                 [(value)]=row.currentValue
  39                 [isIconClickable]="true"
  40                 (onRighIconClicked)="clearCurrentValue(row.name)"
  41                 [righIconName]="'trash-o'"
  42                 [testId] = "'value-field-of-' + row.name">
  43             </sdc-input>
  44
  45             <sdc-validation [validateElement]="numberValidator" (validityChanged)="onValidityChange($event)" [disabled]="false" [testId]="_testId">
  46                 <sdc-regex-validator *ngIf="displayRegexValid && row.type == 'number' && row.currentValue !== null" [message]="'Value should be of type number.'" [pattern]="displayRegexValid" [disabled]="false"></sdc-regex-validator>
  47             </sdc-validation>
  48         </ng-template>
  49     </ngx-datatable-column>
  50
  51 </ngx-datatable>
  52
  53 <div *ngIf="isInstanceSelected" class="artifactTimeout">
  54
  55     <sdc-number-input
  56                label="Deployment Timeout ({{minDeploymentTimeout}}-{{maxDeploymentTimeout}} minutes)"
  57                [required]="true"
  58                [disabled]="false"
  59                name="artifactTimeout"
  60                testId="deploymentTimeout"
  61                value="{{artifact.timeout}}"
  62                [maxValue]="maxDeploymentTimeout"
  63                [minValue]="minDeploymentTimeout"
  64                (valueChange)="timeoutChanged($event)"
  65                [isViewMode]="isViewOnly"
  66                [step]="1"
  67                >
  68
  69     </sdc-number-input>
  70
  71 </div>