From 8c7242d926485961b14af511b00f3134a20ef14e Mon Sep 17 00:00:00 2001
From: Dapeng <verydapeng@gmail.com>
Date: Tue, 20 Sep 2016 16:56:41 +0800
Subject: [PATCH] update owner form
---
.../app/owner-form/owner-form.template.html | 52 ++++++++-----------
1 file changed, 23 insertions(+), 29 deletions(-)
diff --git a/src/main/webapp/scripts/app/owner-form/owner-form.template.html b/src/main/webapp/scripts/app/owner-form/owner-form.template.html
index 9354af59..988ca895 100644
--- a/src/main/webapp/scripts/app/owner-form/owner-form.template.html
+++ b/src/main/webapp/scripts/app/owner-form/owner-form.template.html
@@ -1,44 +1,38 @@
<h2>Owner</h2>
-<form class="form-horizontal" name="ownerForm">
+<form ng-submit="$ctrl.submitOwnerForm()" style="max-width: 25em;">
<div class="form-group">
- <label class="col-sm-2 control-label">First name</label>
- <div class="col-sm-4">
- <input class="form-control" ng-model="$ctrl.owner.firstName" name="firstName" required/>
- <span ng-show="ownerForm.firstName.$error.required" class="help-inline">First name is required.</span>
- </div>
+ <label>First name</label>
+ <input class="form-control" ng-model="$ctrl.owner.firstName" name="firstName" required/>
+ <span ng-show="ownerForm.firstName.$error.required" class="help-block">First name is required.</span>
</div>
+
<div class="form-group">
- <label class="col-sm-2 control-label">Last name</label>
- <div class="col-sm-4">
- <input class="form-control" ng-model="$ctrl.owner.lastName" name="lastName" required/>
- <span ng-show="ownerForm.lastName.$error.required" class="help-inline">Last name is required.</span>
- </div>
+ <label>Last name</label>
+ <input class="form-control" ng-model="$ctrl.owner.lastName" name="lastName" required/>
+ <span ng-show="ownerForm.lastName.$error.required" class="help-block">Last name is required.</span>
</div>
+
+
<div class="form-group">
- <label class="col-sm-2 control-label">Address</label>
- <div class="col-sm-4">
- <input class="form-control" ng-model="$ctrl.owner.address" name="address" required/>
- <span ng-show="ownerForm.address.$error.required" class="help-inline">Address is required.</span>
- </div>
+ <label>Address</label>
+ <input class="form-control" ng-model="$ctrl.owner.address" name="address" required/>
+ <span ng-show="ownerForm.address.$error.required" class="help-block">Address is required.</span>
</div>
+
<div class="form-group">
- <label class="col-sm-2 control-label">City</label>
- <div class="col-sm-4">
- <input class="form-control" ng-model="$ctrl.owner.city" name="city" required/>
- <span ng-show="ownerForm.city.$error.required" class="help-inline">City is required.</span>
- </div>
+ <label>City</label>
+ <input class="form-control" ng-model="$ctrl.owner.city" name="city" required/>
+ <span ng-show="ownerForm.city.$error.required" class="help-block">City is required.</span>
</div>
+
<div class="form-group">
- <label class="col-sm-2 control-label">Telephone</label>
- <div class="col-sm-4">
- <input class="form-control" ng-model="$ctrl.owner.telephone" name="telephone" required/>
- <span ng-show="ownerForm.telephone.$error.required" class="help-inline">Telephone is required.</span>
- </div>
+ <label>Telephone</label>
+ <input class="form-control" ng-model="$ctrl.owner.telephone" name="telephone" required/>
+ <span ng-show="ownerForm.telephone.$error.required" class="help-block">Telephone is required.</span>
</div>
+
<div class="form-group">
- <div class="col-sm-offset-2 col-sm-4">
- <button class="btn btn-primary" type="submit" ng-click="$ctrl.submitOwnerForm()">Submit</button>
- </div>
+ <button class="btn btn-primary" type="submit">Submit</button>
</div>
</form>
--
GitLab