@vendasta/store/order-form/order-form-section/order-form-section.component.html

Components and data for Store

<div>
  <mat-card class="va-order-form-section-header mat-card">
    <div class="product-overview">
      <div class="product-id">
        <va-icon [iconUrl]="data.iconUrl" [name]="data.titleText" [diameter]="45"></va-icon>
        <div class="product-id-text">
          <h1 class="product-title">{{ data.titleText }}</h1>
          <span *ngIf="data.subtitleText" class="tagline">{{ data.subtitleText }}</span>
        </div>
      </div>
      <div class="description" *ngIf="data.descriptionText">
        <span>{{ data.descriptionText }}</span>
      </div>
    </div>
  </mat-card>
  <va-dropdown-form-section class="va-primary-form-section" *ngIf="data.primarySection"
                            [titleText]="data.primarySection.titleText"
                            [editingHint]="data.primarySection.editingHint"
                            [displayAutoDescription]="data.primarySection.displayAutoDescription"
                            [descriptionText]="data.primarySection.descriptionText"
                            [displayAutoTitle]="data.primarySection.displayAutoTitle"
                            [prepopulatedData]="data.primarySection.prepopulatedData"
                            [parentForm]="data.parentForm"
                            [fields]="data.primarySection.fields"
                            [startOpen]="data.primarySection.startOpen"
                            [expandable]="data.primarySection.expandable">
  </va-dropdown-form-section>
  <ng-container *ngIf="data.subsections?.length > 0">
    <va-dropdown-form-section class="va-secondary-form-section" *ngFor="let addon of data.subsections"
                              [titleText]="addon.titleText"
                              [editingHint]="addon.editingHint"
                              [displayAutoDescription]="addon.displayAutoDescription"
                              [descriptionText]="addon.descriptionText"
                              [displayAutoTitle]="addon.displayAutoTitle"
                              [prepopulatedData]="addon.prepopulatedData"
                              [parentForm]="data.parentForm"
                              [fields]="addon.fields"
                              [startOpen]="addon.startOpen"
                              [expandable]="addon.expandable">
    </va-dropdown-form-section>
  </ng-container>
</div>