@eform/ng-formio-builder/src/templates/list.html

The Angular.js form builder component.

<ul class="component-list"
    dnd-list="component.components"
    dnd-drop="addComponent(item, index)">
  <li ng-if="component.components.length < hideCount">
    <div class="alert alert-info" style="text-align:center; margin-bottom: 5px;" role="alert">
      Drag and Drop a form component
    </div>
  </li>
  <!-- DO NOT PUT "track by $index" HERE SINCE DYNAMICALLY ADDING/REMOVING COMPONENTS WILL BREAK -->
  <li ng-repeat="component in component.components"
      ng-if="!rootList || !form.display || (form.display === 'form') || (form.page === $index)"
      dnd-draggable="component"
      dnd-effect-allowed="move"
      dnd-dragstart="dndDragIframeWorkaround.isDragging = true"
      dnd-dragend="dndDragIframeWorkaround.isDragging = false"
      dnd-moved="removeComponent(component, false)">
    <form-builder-component ng-if="!component.hideBuilder"></form-builder-component>
    <div ng-if="dndDragIframeWorkaround.isDragging && !formComponent.noDndOverlay" class="dndOverlay"></div>
  </li>
</ul>