catalog-ui/src/app/ng2/components/properties-table/map-property/map-property.component.html

   1 <div class="add-data-row">
   2     <div class="sprite-new add-item-icon" (click)="addMapItemFields()"></div>
   3 </div>
   4
   5 <!--the ngFor runs on dummy array in mapKey array length and not on maKeys array in order to prevent from page do the ngFor again when user changes a key-->
   6 <template  ngFor let-num [ngForOf]="getNumber(mapKeys.length)" let-i="index">
   7     <div class="table-inner-row"
   8          [ngClass]="{'selected': property.schema.property.isDataType && selectedPropertyId === property.childrenProperties[i].treeNodeId}"
   9          (click)="property.schema.property.isDataType && onChildPropertySelected(property.childrenProperties[i])">
  10         <div class="table-cell">
  11             <input class="value-input" (keyup)="changeKeyOfMap(mapKeys[i], i);$event.stopPropagation();"
  12                     [(ngModel)]="mapKeys[i]"
  13                     name="mapKey{{property.treeNodeId}}{{i}}"
  14                     (change)="propValueChanged()"/>
  15         </div>
  16         <div class="table-cell">
  17             <input class="value-input" *ngIf="property.schema.property.isSimpleType"
  18                     [(ngModel)]="property.valueObjectRef[mapKeys[i]]"
  19                    type="property.schema.property.derivedFromSimpleTypeName || property.schema.property.type"
  20                     (change)="propValueChanged()"/>
  21             <div *ngIf="property.schema.property.isDataType">
  22                 <div>{{ property.schema.property.type | contentAfterLastDot }}</div>
  23                 <span (click)="property.updateExpandedChildPropertyId(property.childrenProperties[i].treeNodeId)">V</span>
  24             </div>
  25             <span class="delete-span sprite-new delete-item-icon" (click)="deleteMapItem(i)"></span>
  26         </div>
  27     </div>
  28     <div class="table-inner-row" *ngIf="property.schema.property.isDataType && property.expandedChildPropertyId == property.childrenProperties[i].treeNodeId">
  29         <div class="inner-table-container">
  30             <properties-value-inner-table [property]="property.childrenProperties[i]"
  31                                           [selectedPropertyId]="selectedPropertyId"
  32                                           [propertyNameSearchText]="propertyNameSearchText"
  33                                             (selectChildProperty)="onChildPropertySelected($event)"
  34                                             (valueChanged)="propValueChanged()"></properties-value-inner-table>
  35         </div>
  36     </div>
  37 </template>
  38