Update for showing red color to error messages.

This commit is contained in:
kunw 2016-11-16 15:27:16 +08:00
parent 05759cf0ad
commit 85d38830bf
2 changed files with 7 additions and 7 deletions

View File

@ -38,7 +38,7 @@
<label for="name" class="col-md-3 control-label">// 'name' | tr //:</label> <label for="name" class="col-md-3 control-label">// 'name' | tr //:</label>
<div class="col-md-9"> <div class="col-md-9">
<input type="text" class="form-control form-control-custom" id="name" ng-model="replication.policy.name" name="uName" required maxlength="20" ng-disabled="!vm.targetEditable"> <input type="text" class="form-control form-control-custom" id="name" ng-model="replication.policy.name" name="uName" required maxlength="20" ng-disabled="!vm.targetEditable">
<div ng-messages="form.$submitted && form.uName.$error"> <div class="error-message" ng-messages="form.$submitted && form.uName.$error">
<span ng-message="required">// 'name_is_required' | tr //</span> <span ng-message="required">// 'name_is_required' | tr //</span>
<span ng-message="maxlength">// 'name_is_too_long' | tr //</span> <span ng-message="maxlength">// 'name_is_too_long' | tr //</span>
</div> </div>
@ -48,7 +48,7 @@
<label for="description" class="col-md-3 control-label">// 'description' | tr //:</label> <label for="description" class="col-md-3 control-label">// 'description' | tr //:</label>
<div class="col-md-9"> <div class="col-md-9">
<textarea class="form-control form-control-custom" id="description" ng-model="replication.policy.description" name="uDescription" ng-disabled="!vm.targetEditable"></textarea> <textarea class="form-control form-control-custom" id="description" ng-model="replication.policy.description" name="uDescription" ng-disabled="!vm.targetEditable"></textarea>
<div ng-messages="form.$submitted && form.uDescription.$error"> <div class="error-message" ng-messages="form.$submitted && form.uDescription.$error">
<span ng-message="maxlength">// 'description_is_too_long' | tr //</span> <span ng-message="maxlength">// 'description_is_too_long' | tr //</span>
</div> </div>
</div> </div>
@ -79,7 +79,7 @@
<label for="endpoint" class="col-md-3 control-label">// 'endpoint' | tr //:</label> <label for="endpoint" class="col-md-3 control-label">// 'endpoint' | tr //:</label>
<div class="col-md-9"> <div class="col-md-9">
<input type="text" class="form-control form-control-custom" id="endpoint" ng-model="replication.destination.endpoint" name="uEndpoint" ng-value="vm.endpoint" placeholder="http://ip_address" required ng-disabled="!vm.targetEditable || !vm.checkedAddTarget"> <input type="text" class="form-control form-control-custom" id="endpoint" ng-model="replication.destination.endpoint" name="uEndpoint" ng-value="vm.endpoint" placeholder="http://ip_address" required ng-disabled="!vm.targetEditable || !vm.checkedAddTarget">
<div ng-messages="form.$submitted && form.uEndpoint.$error"> <div class="error-message" ng-messages="form.$submitted && form.uEndpoint.$error">
<span ng-message="required">// 'endpoint_is_required' | tr //</span> <span ng-message="required">// 'endpoint_is_required' | tr //</span>
</div> </div>
</div> </div>
@ -105,7 +105,7 @@
<div class="form-group col-md-12 form-group-custom"> <div class="form-group col-md-12 form-group-custom">
<div class="col-md-3"></div> <div class="col-md-3"></div>
<div class="col-md-9"> <div class="col-md-9">
<span>// vm.pingMessage //</span> <span class="error-message" >// vm.pingMessage //</span>
</div> </div>
</div> </div>
</div> </div>

View File

@ -34,7 +34,7 @@
<label for="name" class="col-md-3 control-label">// 'name' | tr //:</label> <label for="name" class="col-md-3 control-label">// 'name' | tr //:</label>
<div class="col-md-9"> <div class="col-md-9">
<input type="text" class="form-control form-control-custom" id="name" ng-model="destination.name" name="uName" required ng-disabled="!vm.editable"> <input type="text" class="form-control form-control-custom" id="name" ng-model="destination.name" name="uName" required ng-disabled="!vm.editable">
<div ng-messages="form.$submitted && form.uName.$error"> <div class="error-message" ng-messages="form.$submitted && form.uName.$error">
<span ng-message="required">// 'name_is_required' | tr //</span> <span ng-message="required">// 'name_is_required' | tr //</span>
</div> </div>
</div> </div>
@ -43,7 +43,7 @@
<label for="description" class="col-md-3 control-label">// 'endpoint' | tr //:</label> <label for="description" class="col-md-3 control-label">// 'endpoint' | tr //:</label>
<div class="col-md-9"> <div class="col-md-9">
<input type="text" class="form-control form-control-custom" id="endpoint" ng-model="destination.endpoint" name="uEndpoint" required ng-disabled="!vm.editable"> <input type="text" class="form-control form-control-custom" id="endpoint" ng-model="destination.endpoint" name="uEndpoint" required ng-disabled="!vm.editable">
<div ng-messages="form.$submitted && form.uEndpoint.$error"> <div class="error-message" ng-messages="form.$submitted && form.uEndpoint.$error">
<span ng-message="required">// 'endpoint_is_required' | tr //</span> <span ng-message="required">// 'endpoint_is_required' | tr //</span>
</div> </div>
</div> </div>
@ -69,7 +69,7 @@
<div class="form-group col-md-12 form-group-custom"> <div class="form-group col-md-12 form-group-custom">
<div class="col-md-3"></div> <div class="col-md-3"></div>
<div class="col-md-9"> <div class="col-md-9">
<span>// vm.pingMessage //</span> <span class="error-message">// vm.pingMessage //</span>
</div> </div>
</div> </div>
</div> </div>