maestrano/mnoe-admin-panel

<div id="create-user">
  <div class="modal-header">
    <h3 class="modal-title" translate>mnoe_admin_panel.dashboard.organization.create_user.add</h3>
  </div>

  <form name="vm.form.user" novalidate>
    <div class="modal-body">
      <div class="row">
        <div class="col-sm-6">
          <input type="text" class="form-control input-sm" id="user-first-name" ng-model="vm.user.name" placeholder="{{'mnoe_admin_panel.dashboard.organization.create_user.form.first_name' | translate}}" aria-label="{{'mnoe_admin_panel.dashboard.organization.create_user.form.first_name' | translate}}" required>
        </div>
        <div class="col-sm-6">
          <input type="text" class="form-control input-sm" id="user-last-name" ng-model="vm.user.surname" placeholder="{{'mnoe_admin_panel.dashboard.organization.create_user.form.last_name' | translate}}" aria-label="{{'mnoe_admin_panel.dashboard.organization.create_user.form.last_name' | translate}}" required>
        </div>
      </div>

      <div class="row top-buffer-1">
        <div class="col-sm-6">
          <input type="phone" class="form-control input-sm" id="user-phone" ng-model="vm.user.phone" placeholder="{{'mnoe_admin_panel.dashboard.organization.create_user.form.phone' | translate}}" aria-label="{{'mnoe_admin_panel.dashboard.organization.create_user.form.phone' | translate}}">
        </div>

        <div class="col-sm-6">
          <input type="email" class="form-control input-sm" name="email" id="user-email" ng-change="vm.errorHandler.resetErrors(vm.form.user)" ng-model="vm.user.email" placeholder="{{'mnoe_admin_panel.dashboard.organization.create_user.form.email' | translate}}" aria-label="{{'mnoe_admin_panel.dashboard.organization.create_user.form.email' | translate}}" required>
          <div ng-messages="vm.form.user.email.$error" role="alert" ng-if="vm.form.user.email.$dirty || vm.form.user.$submitted">
            <p ng-message="server" class="help-block" translate-value-error="{{ vm.errorHandler.errorMessage('email') }}" translate>mnoe_admin_panel.dashboard.organization.create_user.form.error.email</p>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-sm-6 col-sm-offset-3">
          <select ng-model="vm.user.role" class="form-control input-sm top-buffer-1" ng-options="role.value as role.label | translate for role in vm.USER_ROLES" required>
            <option value='' disabled selected style="display: none;" translate>mnoe_admin_panel.dashboard.organization.create_user.form.role</option>
          </select>
        </div>
      </div>
    </div>
  </form>

  <div class="modal-footer">
    <div class="row actions">
      <div class="col-xs-12">
        <button type="button" ng-click="vm.onSubmit()" ng-disabled="vm.isLoading || vm.form.user.$invalid" class="btn btn-primary">
          <span ng-show="vm.isLoading"><i class="fa fa-spinner fa-pulse fa-fw"></i></span>
          {{'mnoe_admin_panel.dashboard.organization.create_user.save' | translate}}
        </button>
        <a href="" ng-click="vm.onCancel()"><i class="fa fa-times"></i>{{'mnoe_admin_panel.dashboard.organization.create_user.cancel' | translate}}</a>
      </div>
    </div>
  </div>
</div>