harbor/static/resources/js/components/project-member/add-project-member.directive.html

<div class="well panel-group well-custom" style="margin: 0;">
  <div class="row">
    <div class="pull-right clearfix"><a href="javascript:void(0);" ng-click="vm.close()"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
    <form name="form" class="css-form" novalidate>  
      <div class="col-xs-10 col-md-10">  
        <div class="form-group col-md-6">               
          <input type="text" class="form-control" id="addUsername" placeholder="// 'username' | tr //" ng-model="pm.username"  name="uUsername" ng-model-options="{ debounce: 250 }" ng-change="vm.reset()" required>
          <div class="error-message">
            <div ng-messages="form.$submitted && form.uUsername.$error">
              <span ng-message="required">// 'username_is_required' | tr //</span>
            </div>
            <span ng-show="vm.hasError">// vm.errorMessage | tr //</span>
          </div>
        </div>
        <div class="form-group">
          <label for="roleIdList">// 'role' | tr //:</label>&nbsp;&nbsp;
          <span ng-repeat="role in vm.roles">
            <input type="radio" name="role" ng-model="vm.optRole" value="//role.id//">&nbsp;//role.name//&nbsp;&nbsp;
          </span>
        </div>
      </div>
      <div class="col-xs-2 col-md-2">                         
        <div class="form-group">               
          <button type="submit" class="btn btn-primary" id="btnSave" ng-click="vm.save(pm)">// 'save' | tr //</button>     
          <button type="button" class="btn btn-default" id="btnCancel" ng-click="vm.cancel(form)">// 'cancel' | tr //</button>
        </div>
      </div>
    </div>
  </form>
</div>