Database Reference
In-Depth Information
Figure 11-8.
The User Settings page
User Update Form
The user update form in {PROJECTROOT}/WebContent/mustache/html/graphs/social/user.html is similar in
structure to the other forms presented in the “Sign Up” and “Login” sections. One difference is that you have added
the value property to the input element as well as the variables for displaying the respective stored values. If none
exist, the form fields will be empty.
Listing 11-26.
User Update Form
<form class="form-horizontal" id="userform">
<div class="form-group">
<label for="firstname" class="col-sm-2 control-label">First Name</label>
<div class="col-sm-10">
<input type="text" class="form-control input-sm" id="firstname"
name="user.firstname"
value="{{user.firstname}}" />
</div>
</div>
<div class="form-group">
<label for="lastname" class="col-sm-2 control-label">Last Name</label>
<div class="col-sm-10">
<input type="text" class="form-control input-sm" id="lastname"
name="user.lastname" value="{{user.lastname}}" />
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" id="updateUser" class="btn btn-default">Update User</button>
</div>
</div>
</form>
