maestrano/mno-enterprise-angular

View on GitHub
src/app/views/company/teams/modals/team-add-modal.html

Summary

Maintainability
Test Coverage
<div class="modal-header">
  <div class="close" type="button" ng-click="addTeamModal.close()" >×</div>
  <h3>{{ 'mno_enterprise.templates.dashboard.teams.team_add_modal.title' | translate }}</h3>
</div>

<div class="modal-body">
  <div class="row">
    <div class="col-sm-12">
      <div class="alert alert-error" ng-show="addTeamModal.errors">
        <button class="close" ng-click="addTeamModal.errors=''">×</button>
        <ul>
          <li ng-repeat="error in addTeamModal.errors">{{error}}</li>
        </ul>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-sm-6 col-sm-offset-3 text-center">
      <p>{{ 'mno_enterprise.templates.dashboard.teams.team_add_modal.enter_team_name' | translate }}</p>
      <input type="text" class="form-control" ng-model="addTeamModal.model.name" required/>
    </div>
  </div>
</div>

<div class="modal-footer">
  <div class="row">
    <div class="col-sm-12">
      <button class="btn btn-default" ng-click="addTeamModal.close()" ng-show="!addTeamModal.isLoading">
        {{ 'mno_enterprise.templates.dashboard.teams.team_add_modal.cancel' | translate }}
      </button>
      <button class="btn btn-info" ng-click="addTeamModal.proceed()" ng-disabled="addTeamModal.isProceedDisabled() || addTeamModal.isLoading">
        <span ng-show="addTeamModal.isLoading"><i class="fa fa-spinner fa-pulse fa-fw"></i></span> {{ 'mno_enterprise.templates.dashboard.teams.team_add_modal.create' | translate }}
      </button>
    </div>
  </div>
</div>