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

<div class="well panel-group">
  <div class="row">
    <div class="col-xs-10 col-md-10">
      <form name="form" ng-submit="form.$valid">  
        <div class="form-group col-md-6">               
          <input type="text" class="form-control" placeholder="// 'project_name' | tr //" ng-model="p.projectName" name="uProjectName" ng-model-options="{ debounce: 250 }" ng-change="vm.reset()" required>
          <div class="error-message">
            <div ng-messages="form.$dirty && form.uProjectName.$error" ng-if="form.uProjectName.$touched">
              <span ng-message="required">// 'project_name_is_required' | tr //</span>
            </div>
            <span ng-show="vm.hasError">// vm.errorMessage | tr //</span>
          </div>
        </div>
        <div class="form-group">
          <input type="checkbox" ng-model="vm.isPublic">&nbsp;// 'public' | tr //                     
        </div>
      </form>
    </div>
    <div class="col-xs-2 col-md-2"> 
      <form>                        
        <div class="form-group">               
          <button type="button" class="btn btn-primary" ng-disabled="form.$invalid" ng-click="vm.addProject(p)">// 'save' | tr //</button>     
          <button type="button" class="btn btn-default" ng-click="vm.cancel(form)">// 'cancel' | tr //</button>
        </div>
      </form>
    </div>
  </div>
</div>