website/templates/pages/profile.html

{% extends "app/website/templates/html/page.html" %}

{% set title="My Profile" %}

{% block content %}
<div class="col col-lg-12">
    <ul class="breadcrumb">
    	<li><a href="index">Home</a> <span class="divider">/</span></li>
    	<li><a href="account">My Account</a> <span class="divider">/</span></li>
    	<li class="active">My Profile</li>
    </ul>
	<h2><i class="icon-user"></i> My Profile</h2>
	<hr>
	<div class="alert" id="message" style="display: none;"></div>
	<form>
		<fieldset>
			<label>Full Name</label>
			<input type="text" id="fullname" placeholder="Your Name">
		</fieldset>
		<fieldset>
			<label>Password</label>
			<input type="password" id="password" placeholder="Password">
		</fieldset>
		<fieldset>
			<label>Company Name</label>
			<input type="text" id="company_name" placeholder="Company Name" value="{{ company_name }}">
		</fieldset>
		<fieldset>
			<label>Mobile No</label>
			<input type="text" id="mobile_no" placeholder="Mobile No" value="{{ mobile_no }}">
		</fieldset>
		<fieldset>
			<label>Phone</label>
			<input type="text" id="phone" placeholder="Phone" value="{{ phone }}">
		</fieldset>
		<button id="update_profile" type="submit" class="btn btn-default">Update</button>
	</form>
</div>
<script>
$(document).ready(function() {
	$("#fullname").val(getCookie("full_name") || "");
	$("#update_profile").click(function() {
		wn.call({
			method: "startup.webutils.update_profile",
			type: "POST",
			args: {
				fullname: $("#fullname").val(),
				password: $("#password").val(),
				company_name: $("#company_name").val(),
				mobile_no: $("#mobile_no").val(),
				phone: $("#phone").val()
			},
			btn: this,
			msg: $("#message"),
			callback: function(r) {
				if(!r.exc) $("#user-full-name").html($("#fullname").val());
			}
		});
		return false;
	})
})
</script>
{% endblock %}