Custom dialog

custom-dialog.html

<div class="dialog-content">
  <div id="modal-services">
    <h2>Configure o serviço</h2>
    <form id="service-form">
      <div class="form-group">
        <label>Nome</label>
        <input class="form-control" type="text" name="name" ng-model="service.name" placeholder="Sem nome"/>
        <div class="error mt" ng-if="dialogCtrl.errors.name"><span class="text-danger" ng-repeat="error in dialogCtrl.errors.name">{{error}}<br/></span></div>
      </div>
      <div class="form-group">
        <label>Cor</label>
        <ul class="list-inline mv block-center" id="colors">
          <li ng-repeat="color in dialogCtrl.colors" ng-click="service.color = color">
            <div class="mini-card-label" stylize-service="stylize-service" color="{{color}}"></div><i class="fa fa-check" id="check" ng-class="{hidden : service.color != color}"></i>
          </li>
          <div class="clearfix"></div>
        </ul>
        <div class="error mt" ng-if="dialogCtrl.errors.color"><span class="text-danger" ng-repeat="error in dialogCtrl.errors.color">{{error}}<br/></span></div>
      </div>
    </form>
  </div>
</div>
<div class="footer-modal"><img class="loading-small center-block" src="img/preloader/loading-alfa.gif" ng-show="dialogCtrl.waitingRequest"/>
  <div id="footer-buttons" ng-show="!dialogCtrl.waitingRequest">
    <button class="btn btn-success btn-large pull-right" type="submit" form="service-form" ng-click="dialogCtrl.save(service);">Salvar</button>
    <button class="btn btn-danger btn-large pull-right" type="button" ng-hide="newService" ng-click="dialogCtrl.remove(service);">Excluir</button>
  </div>
  <div class="clearfix"></div>
</div>