@beer-garden/addons/src/templates/array.html

Awesome Addons for Angular Schema Form.

<div
  class="schema-form-array {{::form.htmlClass + ' ' + idClass}}"
  sf-field-model="sf-new-array"
  sf-new-array
>
  <label class="control-label" ng-show="showTitle()">{{ form.title }}</label>
  <ol class="list-group" sf-field-model ui-sortable="form.sortOptions">
    <li
      class="list-group-item {{::form.fieldHtmlClass}}"
      sf-field-model="ng-repeat"
      ng-repeat="item in $$value$$ track by $index"
    >
      <button
        ng-hide="form.readonly || form.remove === null"
        ng-click="deleteFromArray(item)"
        ng-disabled="form.schema.minItems >= modelArray.length"
        style="position: relative; z-index: 20"
        type="button"
        class="close pull-right"
      >
        <span aria-hidden="true">&times;</span
        ><span class="sr-only">Close</span>
      </button>
      <div
        schema-form-array-items
        sf-key-controller
        sf-parent-key="[{{form.key.join('][')}}]"
        sf-index="{{$index}}"
      ></div>
    </li>
  </ol>
  <div
    class="clearfix"
    style="padding: 15px"
    ng-model="modelArray"
    schema-validate="form"
  >
    <div
      class="help-block"
      ng-show="(hasError() && errorMessage(schemaError())) || form.description"
      ng-bind-html="(hasError() && errorMessage(schemaError())) || form.description"
    ></div>

    <button
      ng-hide="form.readonly || form.add === null"
      ng-click="appendToArray()"
      ng-disabled="form.schema.maxItems <= modelArray.length"
      type="button"
      class="btn {{ form.style.add || 'btn-default' }} pull-right"
    >
      <i class="glyphicon glyphicon-plus"></i>
      {{ form.add || 'Add'}}
    </button>
  </div>
</div>