<h3 class="modalTitle">{{'dashBoard.configuration.addCategory' | translate}}</h3>
<div class="dashboard_category" ng-style="{'height': categoryExists ? '160px' : '120px' }">
  <form ng-submit="saveCategory();closeThisDialog()" class="form-horizontal" role="form">
    <div>
      <div class="form-group newCategory-container">
        <div>
          <input
            type="text"
            class="form-control"
            ng-model="edit_category.name"
            ng-change="onCategoryChange()"
            placeholder="{{'dashBoard.configuration.writeCategory' | translate}}"
            ng-class="{'propertyExists': categoryExists}"/>
        </div>
      </div>
      <div class="row propertyExistsMessage">
        <div
          ng-if="categoryExists"
          class="col-xs-12 alert inlinealert alert-danger"
        >
          <p>{{'model.default_filters.categoryExists' | translate}}</p>
        </div>
      </div>
    </div>
    <div class="form-group button-container">
      <div class="col col-xs-12">
        <button
          class="btn btn-primary center-block"
          type="submit"
          ng-disabled="categoryExists || !edit_category.name || edit_category.name.length === 0">
          {{'common.save' | translate}}
        </button>
      </div>
    </div>
  </form>
</div>