<div class="form-editor-config" ng-controller="FormEditor.Config.DisallowedFieldTypesController">
  <div>
    <select ng-model="model.selectedFieldType" ng-change="addFieldType(model.selectedFieldType);model.selectedFieldType=null;" ng-options="fieldType.prettyName for fieldType in availableFieldTypes() | orderBy: 'prettyName'">
      <option value="">Select...</option>
    </select>
  </div>
  <div ng-if="model.value.length > 0">
    <br />
    <ul>
      <li class="disallowedField" ng-repeat="fieldType in disallowedFieldTypes() | orderBy: 'prettyName'">
        {{fieldType.prettyName}}
        <i class="icon icon-delete dimmed" ng-click="removeFieldType(fieldType)">
          <small>remove</small>
        </i>
      </li>
    </ul>
  </div>
</div>

<div class="form-editor-config" ng-controller="FormEditor.Config.DisallowedFieldTypesController">
  <div class="alert">
    <h5>This will be obsoleted soon</h5>
    <p>
      The disallowed field types will be made obsolete in an upcoming release. Please use field type groups instead.
    </p>
  </div>
  <div>
    <select ng-model="model.selectedFieldType" ng-change="addFieldType(model.selectedFieldType);model.selectedFieldType=null;" ng-options="fieldType.prettyName for fieldType in availableFieldTypes() | orderBy: 'prettyName'">
      <option value="">Select...</option>
    </select>
  </div>
  <div ng-if="model.value.length > 0">
    <br />
    <ul>
      <li class="disallowedField" ng-repeat="fieldType in disallowedFieldTypes() | orderBy: 'prettyName'">
        {{fieldType.prettyName}}
        <i class="icon icon-delete dimmed" ng-click="removeFieldType(fieldType)">
          <small>remove</small>
        </i>
      </li>
    </ul>
  </div>
</div>

Add obsolete warning to disallowed field types
Add obsolete warning to disallowed field types
