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

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