catalog-ui/src/app/ng2/components/logic/inputs-table/inputs-table.component.html

   1 <div class="properties-table">
   2     <loader [display]="isLoading" [size]="'large'" [relative]="true"></loader>
   3     <div class="table-header">
   4         <div class="table-cell col1">Property Name</div>
   5         <div class="table-cell col3">From Instance</div>
   6         <div class="table-cell col2">Type</div>
   7         <div class="table-cell valueCol">Value</div>
   8     </div>
   9     <div class="table-body">
  10         <div class="no-data" *ngIf="!inputs || !inputs.length">No data to display</div>
  11         <div>
  12             <div class="table-row" *ngFor="let input of inputs" (click)="selectedInputId = input.path" [ngClass]="{'selected': selectedInputId && selectedInputId === input.path}">
  13                 <div class="table-cell col1">
  14                     <div class="inner-cell-div" tooltip="{{input.name}}"><span class="property-name">{{input.name}}</span></div>
  15                     <span *ngIf="input.description"
  16                           class="property-description-icon sprite-new show-desc"
  17                           tooltip="{{input.description}}" tooltipDelay="0"></span>
  18                 </div>
  19                 <div class="table-cell col3">
  20                     <div class="inner-cell-div" tooltip="{{instanceNamesMap[input.instanceUniqueId]?.name}}">
  21                         <span>{{instanceNamesMap[input.instanceUniqueId]?.name}}</span>
  22                     </div>
  23                 </div>
  24                 <div class="table-cell col2">
  25                     <div class="inner-cell-div" tooltip="{{input.type | contentAfterLastDot}}">
  26                         <span>{{input.type | contentAfterLastDot}}</span>
  27                     </div>
  28                 </div>
  29                 <div class="table-cell valueCol input-value-col" [class.inner-table-container]="input.childrenProperties || !input.isSimpleType">
  30                     <dynamic-element class="value-input"
  31                                      *ngIf="input.isSimpleType"
  32                                      pattern="validationUtils.getValidationPattern(input.type)"
  33                                      [value]="input.defaultValueObj"
  34                                      [type]="input.type"
  35                                      [name]="input.name"
  36                                      (elementChanged)="onInputChanged(input, $event)"
  37                                      [readonly]="readonly"
  38                                      [testId]="'input-' + input.name">
  39                     </dynamic-element>
  40                     <div class="delete-button-container">
  41                         <span *ngIf="input.instanceUniqueId && !readonly" class="sprite-new delete-btn" (click)="openDeleteModal(input)" data-tests-id="delete-input-button"></span>
  42                     </div>
  43                 </div>
  44
  45             </div>
  46         </div>
  47     </div>
  48 </div>
  49
  50