ohayolibs/packages/form/src/widgets/array/array.widget.html

Ohayo is a set of essential modules for ohayojp.

<nz-form-item [class.ant-form-item-with-help]="showError">
  <nz-col *ngIf="schema.title" [nzSpan]="ui.spanLabel" class="ant-form-item-label">
    <label>
      {{ schema.title }}
      <span class="sf__optional">
        {{ ui.optional }}
        <i
          *ngIf="oh"
          nz-tooltip
          [nzTooltipTitle]="oh.text"
          [nzTooltipPlacement]="oh.placement"
          [nzTooltipTrigger]="oh.trigger"
          [nzTooltipOverlayClassName]="oh.overlayClassName"
          [nzTooltipOverlayStyle]="oh.overlayStyle"
          [nzTooltipMouseEnterDelay]="oh.mouseEnterDelay"
          [nzTooltipMouseLeaveDelay]="oh.mouseLeaveDelay"
          nz-icon
          [nzType]="oh.icon"
        ></i>
      </span>
    </label>
    <div class="sf__array-add">
      <button type="button" nz-button [nzType]="addType" [disabled]="addDisabled" (click)="addItem()" [innerHTML]="addTitle"></button>
    </div>
  </nz-col>
  <nz-col class="ant-form-item-control-wrapper" [nzSpan]="ui.spanControl" [nzOffset]="ui.offsetControl">
    <div class="ant-form-item-control" [class.has-error]="showError">
      <div nz-row class="sf__array-container">
        <ng-container *ngFor="let i of formProperty.properties; let idx=index">
          <div nz-col *ngIf="i.visible && !i.ui.hidden" [nzSpan]="arraySpan" [attr.data-index]="idx" class="sf__array-item">
            <nz-card>
              <sf-item [formProperty]="i"></sf-item>
              <span *ngIf="showRemove" class="sf__array-remove" (click)="removeItem(idx)" [attr.title]="removeTitle">
                <i nz-icon nzType="delete"></i>
              </span>
            </nz-card>
          </div>
        </ng-container>
      </div>
      <div *ngIf="!ui.onlyVisual && showError" class="ant-form-explain">{{error}}</div>
      <div *ngIf="schema.description" [innerHTML]="schema._description" class="ant-form-extra"></div>
    </div>
  </nz-col>
</nz-form-item>