catalog-ui/src/app/view-models/forms/env-parameters-form/env-parameters-form.html

   1 <ng1-modal modal="envParametersModal" type="classic" class="sdc-env-form-container" buttons="buttons" header="{{artifactResource.artifactDisplayName}}" show-close-button="true">
   2     <div class="w-sdc-env-form-container">
   3         <div class="w-sdc-env-search pull-left">
   4             <input type="text" class="w-sdc-env-search-input" placeholder="Search" data-ng-model="searchText" data-tests-id="search-env-param-name"/>
   5             <div class="search-icon-container">
   6                 <span class="w-sdc-search-icon env-search-icon magnification-white"></span>
   7             </div>
   8         </div>
   9         <div class="table-container-flex">
  10             <div class="table">
  11                 <div class="head flex-container">
  12                     <div class="table-header head-row flex-item" ng-repeat="header in tableHeadersList track by $index">
  13                         <info-tooltip class="header-info" data-ng-if="header.info" class="info-button" info-message-translate="{{header.info}}" direction="left"></info-tooltip>
  14                         {{header.title}}
  15                     </div>
  16                 </div>
  17                 <div class="body">
  18                     <perfect-scrollbar suppress-scroll-x="true" scroll-y-margin-offset="0" include-padding="true" class="scrollbar-container">
  19                         <ng-form name="forms.editForm" class="w-sdc-form">
  20                             <div data-ng-repeat="parameter in heatParameters| filter:{filterTerm:searchText} track by $index "
  21                                  class="flex-container data-row"
  22                                 data-ng-init="parameter.filterTerm=parameter.name + ' ' + parameter.currentValue + ' ' + parameter.defaultValue + ' ' +parameter.description">
  23                                 <div class="table-col-general flex-item" data-tests-id="heatParameterName_{{parameter.name}}">
  24                                     {{parameter.name}}
  25                                     <span class="sprite-new show-desc hand"
  26                                           uib-popover-template="templatePopover"
  27                                           popover-class="parameter-description-popover top"
  28                                           popover-title="Parameter Description"
  29                                           popover-placement="top-left"
  30                                           popover-is-open="selectedParameter.name == parameter.name"
  31                                           popover-trigger="'none'"
  32                                           popover-append-to-body="true"
  33                                         data-ng-click="openDescPopover(parameter)"></span>
  34                                 </div>
  35
  36                                 <div class="table-col-general flex-item text">
  37                                     <span  data-tests-id="default-value-of-{{parameter.name}}" tooltips tooltip-content="{{parameter.defaultValue}}">{{parameter.defaultValue}}</span>
  38                                 </div>
  39
  40                                 <!--<div class="table-col-general flex-item">-->
  41                                     <!--<input type="text" value="{{parameter.currentValue}}"/>-->
  42                                 <!--</div>-->
  43
  44                                 <div class="table-col-general flex-item left-column-container">
  45
  46                                         <div class="i-sdc-form-item" data-ng-class="{error:(forms.editForm[parameter.name].$dirty && forms.editForm[parameter.name].$invalid), required: (parameter.defaultValue)}">
  47                                             <span class="required-symbol">*</span>
  48                                             <div class="input-parameter">
  49                                                 <input class="i-sdc-form-input" data-ng-class="{error: (forms.editForm[parameter.name].$invalid)}"
  50                                                        data-ng-model-options="{ debounce: 200 }"
  51                                                        data-ng-model="parameter.currentValue"
  52                                                        value="{{parameter.currentValue}}"
  53                                                        type="text"
  54                                                        name="{{parameter.name}}"
  55                                                        data-ng-pattern="getValidationPattern(parameter.type, 'heat')"
  56                                                        data-ng-required="parameter.defaultValue"
  57                                                        data-ng-change="onValueChanged(parameter)"
  58                                                        data-ng-blur="(forms.editForm[parameter.name].$error.required && (parameter.currentValue=parameter.defaultValue))"
  59                                                        data-tests-id="value-field-of-{{parameter.name}}"/>
  60
  61                                                 <div class="action-button">
  62                                                     <div class="sprite-new revert-param" data-ng-if="parameter.defaultValue" data-ng-click="parameter.currentValue = parameter.defaultValue"
  63                                                          data-tests-id="revert-{{parameter.name}}">
  64                                                     </div>
  65                                                     <div class="sprite-new delete-param"
  66                                                          data-ng-if="!parameter.defaultValue"
  67                                                          data-ng-disabled="!parameter.currentValue"
  68                                                          data-ng-class="{disabled:!parameter.currentValue}"
  69                                                          data-ng-click="parameter.currentValue = ''"
  70                                                          data-tests-id="delete-{{parameter.name}}">
  71                                                     </div>
  72                                                 </div>
  73                                             </div>
  74                                             <div class="input-error" data-ng-show="forms.editForm[parameter.name].$invalid">
  75                                                 <span ng-show="forms.editForm[parameter.name].$error.required" translate="VALIDATION_ERROR_REQUIRED" translate-values="{'field': 'Value'}"></span>
  76                                                 <span ng-show="forms.editForm[parameter.name].$error.pattern && parameter.type==='string'" translate="VALIDATION_ERROR_SPECIAL_CHARS_NOT_ALLOWED"></span>
  77                                                 <span ng-show="forms.editForm[parameter.name].$error.pattern && !(parameter.type==='string')" translate="VALIDATION_ERROR_TYPE" translate-values="{'type': '{{parameter.type}}'}"></span>
  78                                             </div>
  79                                         </div>
  80
  81                                 </div>
  82
  83                             </div>
  84                         </ng-form>
  85
  86                     </perfect-scrollbar>
  87                 </div>
  88             </div>
  89         </div>
  90         </div>
  91     </div>
  92 </ng1-modal>