{% extends "base.html" %} {% block title %}<title>DNS Control Panel - My Profile</title>{% endblock %} {% block dashboard_stat %} <!-- Content Header (Page header) --> <section class="content-header"> <h1> Profile <small>Edit my profile</small> </h1> <ol class="breadcrumb"> <li><a href="{{ url_for('dashboard') }}"><i class="fa fa-dashboard"></i>Home</a></li> <li class="active">My Profile</li> </ol> </section> {% endblock %} {% block content %} <section class="content"> <div class="row"> <div class="col-lg-12"> <div class="box box-primary"> <div class="box-header with-border"> <h3 class="box-title">Edit my profile</h3> </div> <div class="box-body"> <!-- Custom Tabs --> <div class="nav-tabs-custom"> <ul class="nav nav-tabs"> <li class="active"><a href="#personal_tab" data-toggle="tab">Personal Info</a></li> <li><a href="#avatar_tab" data-toggle="tab">Change Avatar</a></li> <li><a href="#password_tab" data-toggle="tab">Change Password</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="personal_tab"> <form role="form" method="post" action="{{ user_profile }}"> <div class="form-group"> <label for="firstname">First Name</label> <input type="text" class="form-control" name="firstname" id="firstname" placeholder="{{ current_user.firstname }}"> </div> <div class="form-group"> <label for="lastname">Last Name</label> <input type="text" class="form-control" name="lastname" id="lastname" placeholder="{{ current_user.lastname }}"> </div> <div class="form-group"> <label for="email">E-mail</label> <input type="text" class="form-control" name="email" id="email" placeholder="{{ current_user.email }}"> </div> <div class="form-group"> <button type="submit" class="btn btn-flat btn-primary">Submit</button> </div> </form> </div> <div class="tab-pane" id="avatar_tab"> <form action="{{ user_profile }}" method="post" enctype="multipart/form-data"> <div class="form-group"> <div class="form-group"> <div class="thumbnail" style="width: 200px; height: 210px;"> {% if current_user.avatar %} <img src="{{ url_for('user_avatar', filename=current_user.avatar) }}" alt="" / style="width: 200px; height: 200px;"> {% else %} <img src="http://www.placehold.it/200x200/EFEFEF/AAAAAA&text=no+image" alt="" /> {% endif %} </div> <div> <label for="file">Select image</label> <input type="file" id="file" name="file"> </div> </div> <div> <span class="label label-danger">NOTE! </span> <span> Only supports <strong>.PNG, .JPG, .JPEG</strong>. The best size to use is <strong>200x200</strong>. </span> </div> </div> <div class="form-group"> <button type="submit" class="btn btn-flat btn-primary">Submit</button> </div> </form> </div> <div class="tab-pane" id="password_tab"> {% if not current_user.password %} Your account password is managed via LDAP which isn't supported to change here. {% else %} <form action="{{ user_profile }}" method="post"> <div class="form-group"> <label for="password">New Password</label> <input type="password" class="form-control" name="password" id="newpassword" /> </div> <div class="form-group"> <label for="rpassword">Re-type New Password</label> <input type="password" class="form-control" name="rpassword" id="rpassword" /> </div> <div class="form-group"> <button type="submit" class="btn btn-flat btn-primary">Change password</button> </div> </form> {% endif %} </div> </div> </div> </div> </div> </div> </div> </section> {% endblock %} {% block extrascripts %} <!-- TODO: add password and password confirmation comparisson check --> {% endblock %}