harbor/static/resources/js/components/system-management/configuration.directive.html

<form name="form" class="form-horizontal" ng-submit="form.$valid && vm.changeSettings(system)" >     
  <div class="col-md-12">
    <h5>System Settings</h5>
    <hr/>
  </div>
  <div class="col-md-12 col-md-off-set-1 main-content">
    <div class="form-group">
      <label for="hostName" class="col-sm-3 control-label">Host Name:</label>
      <div class="col-sm-7">
        <input type="text" class="form-control" id="hostName" ng-model="system.hostName" ng-model-options="{ updateOn: 'blur' }" ng-value="vm.system.hostName" name="uHostName" required>                 
        <div ng-messages="form.$dirty && form.uHostName.$error">
          <span ng-message="required">Host name is required.</span>
        </div>
      </div> 
    </div>
    <div class="form-group">
      <label for="urlProtocol" class="col-sm-3 control-label">URL Protocol:</label>
      <div class="col-sm-7">
        <input type="text" class="form-control" id="urlProtocol" ng-model="system.urlProtocol" ng-model-options="{ updateOn: 'blur' }" ng-value="vm.system.urlProtocol" name="uUrlProtocol" required>                 
        <div ng-messages="form.$dirty && form.uUrlProtocol.$error">
          <span ng-message="required">Url protocol is required.</span>
        </div>
      </div>
    </div>          
    <div class="form-group">
      <label for="emailServer" class="col-sm-3 control-label">Email server:</label>
      <div class="col-sm-7">
        <input type="text" class="form-control" id="emailServer" ng-model="system.emailServer" ng-model-options="{ updateOn: 'blur' }" ng-value="vm.system.emailServer" name="uEmailServer" required>                 
        <div ng-messages="form.$dirty && form.uEmailServer.$error">
          <span ng-message="required">Email server is required.</span>
        </div>
      </div>
    </div>
    <div class="form-group">
      <label for="ldapUrl" class="col-sm-3 control-label">LDAP URL:</label>
      <div class="col-sm-7">
        <input type="text" class="form-control" id="ldapUrl" ng-model="system.ldapUrl" ng-model-options="{ updateOn: 'blur' }" ng-value="vm.system.ldapUrl" name="uLdapUrl" required>                 
        <div ng-messages="form.$dirty && form.uLdapUrl.$error">
          <span ng-message="required">LDAP URL is required.</span>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-12">
  <h5>Registration</h5>
  <hr/>
  </div>
  <div class="col-md-12 col-md-off-set-1 main-content">
    <div class="form-group">
       <label for="registration" class="col-sm-3 control-label">Registration:</label>
       <div class="col-sm-7">
         <select class="form-control" ng-model="vm.currentRegistration" ng-options="r as r.name for r in vm.registrationOptions track by r.value" ng-click="vm.selectRegistration()"></select>
       </div>
    </div>  
    <div class="form-group">
      <div class="col-md-offset-7 col-md-10">
        <input type="submit" class="btn btn-primary" ng-disabled="form.$invalid" value="Save">                    
        <input type="submit" class="btn btn-default" ng-click="vm.cancel()" value="Cancel">
      </div>
    </div>          
  </div>
</form>