src/app/views/company/teams/modals/team-add-modal.html
<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>