215 lines
8.6 KiB
HTML
215 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang='en'>
|
|
<head>
|
|
<meta charset='UTF-8'/>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0'/>
|
|
<meta http-equiv='Expires' content='0'/>
|
|
<link rel='stylesheet' type='text/css' href='/css/all.css'/>
|
|
<script type='text/javascript' src='/client.js?ver=2.43'></script>
|
|
<title>kAmMa's Forum - Member</title>
|
|
</head>
|
|
<body>
|
|
<div class='page' style='width:100%; text-align:left'>
|
|
<div style='padding:0 25px 0 25px' align='left'>
|
|
<br/>
|
|
{{COMMON_HEADER}}
|
|
<br/>
|
|
{{ERROR_BLOCK}}
|
|
|
|
<table class='tborder' cellpadding='6' cellspacing='1' border='0' width='100%' align='center'>
|
|
<tbody>
|
|
<tr><td class='tcat'>Member details</td></tr>
|
|
<tr>
|
|
<td class='panelsurround' align='center'>
|
|
<div class='panel'>
|
|
<div style='width:640px' align='left'>
|
|
<fieldset class='fieldset'>
|
|
<legend>Account</legend>
|
|
<table cellpadding='0' cellspacing='3' border='0' width='400'>
|
|
<tbody>
|
|
<tr><td>Username: <strong>{{USERNAME}}</strong></td></tr>
|
|
<tr><td>Join Date: <strong>{{JOIN_DATE}}</strong></td></tr>
|
|
</tbody>
|
|
</table>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<br/>
|
|
|
|
<form action='/process/saveicon' method='post' enctype='multipart/form-data'>
|
|
<table class='tborder' cellpadding='6' cellspacing='1' border='0' width='100%' align='center'>
|
|
<tbody>
|
|
<tr><td class='tcat'>Change user icon</td></tr>
|
|
<tr>
|
|
<td class='panelsurround' align='center'>
|
|
<div class='panel'>
|
|
<div style='width:640px' align='left'>
|
|
<fieldset class='fieldset'>
|
|
<legend>User Icon</legend>
|
|
<table cellpadding='0' cellspacing='3' border='0' width='400'>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
Current user icon<br/>
|
|
<img src='/process/showimage?userIcon=yes' width='80' onerror="this.style.display='none'; document.getElementById('noicon').style.display='inline';"/>
|
|
<span id='noicon' style='display:none'>Not defined</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Browse your local disk for user icon<br/>
|
|
<input type='file' class='bginput' name='iconfile' size='30'/>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</fieldset>
|
|
<div style='margin-top:6px' align='center'>
|
|
<input type='submit' class='button' value='Save icon'/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
|
|
<br/>
|
|
|
|
<form action='/process/savemember' method='post' onsubmit='return verifyPasswords();'>
|
|
<table class='tborder' cellpadding='6' cellspacing='1' border='0' width='100%' align='center'>
|
|
<tbody>
|
|
<tr><td class='tcat'>Change password</td></tr>
|
|
<tr>
|
|
<td class='panelsurround' align='center'>
|
|
<div class='panel'>
|
|
<div style='width:640px' align='left'>
|
|
<fieldset class='fieldset'>
|
|
<legend>Old Password</legend>
|
|
<table cellpadding='0' cellspacing='3' border='0' width='400'>
|
|
<tbody>
|
|
<tr><td>Please enter your current password.</td></tr>
|
|
<tr><td><input type='password' class='bginput' id='oldpassword' name='oldpassword' size='25' maxlength='50' value=''/></td></tr>
|
|
</tbody>
|
|
</table>
|
|
</fieldset>
|
|
<fieldset class='fieldset'>
|
|
<legend>New Password</legend>
|
|
<table cellpadding='0' cellspacing='3' border='0' width='400'>
|
|
<tbody>
|
|
<tr><td colspan='2'>Please enter a new password for your account.</td></tr>
|
|
<tr>
|
|
<td>New Password:<br/><input type='password' class='bginput' id='password' name='password' size='25' maxlength='50' value=''/></td>
|
|
<td>Confirm New Password:<br/><input type='password' class='bginput' id='passwordconfirm' name='passwordconfirm' size='25' maxlength='50' value=''/></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</fieldset>
|
|
<div style='margin-top:6px' align='center'>
|
|
<input type='submit' class='button' name='changePwd' value='Save password'/>
|
|
<input type='reset' class='button' value='Reset Fields'/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
|
|
<br/>
|
|
|
|
<form action='/process/savemember' method='post' onsubmit='return verifyEmails();'>
|
|
<table class='tborder' cellpadding='6' cellspacing='1' border='0' width='100%' align='center'>
|
|
<tbody>
|
|
<tr><td class='tcat'>Change personal info</td></tr>
|
|
<tr>
|
|
<td class='panelsurround' align='center'>
|
|
<div class='panel'>
|
|
<div style='width:640px' align='left'>
|
|
<fieldset class='fieldset'>
|
|
<legend>Email Address</legend>
|
|
<table cellpadding='0' cellspacing='3' border='0' width='400'>
|
|
<tbody>
|
|
<tr><td colspan='2'>Please enter a valid email address.</td></tr>
|
|
<tr>
|
|
<td>Email Address:<br/><input type='text' class='bginput' id='email' name='email' size='25' maxlength='50' value='{{EMAIL}}'/></td>
|
|
<td>Confirm Email Address:<br/><input type='text' class='bginput' id='emailconfirm' name='emailconfirm' size='25' maxlength='50' value='{{EMAIL}}'/></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</fieldset>
|
|
<fieldset class='fieldset'>
|
|
<legend>Other informations</legend>
|
|
<table cellpadding='0' cellspacing='3' border='0' width='400'>
|
|
<tbody>
|
|
<tr><td>First Name:<br/><input type='text' class='bginput' name='firstname' size='25' maxlength='50' value='{{FIRST_NAME}}'/></td><td> </td></tr>
|
|
<tr><td>Last Name:<br/><input type='text' class='bginput' name='lastname' size='25' maxlength='50' value='{{LAST_NAME}}'/></td><td> </td></tr>
|
|
<tr><td>City:<br/><input type='text' class='bginput' name='city' size='25' maxlength='50' value='{{CITY}}'/></td><td> </td></tr>
|
|
</tbody>
|
|
</table>
|
|
</fieldset>
|
|
<fieldset class='fieldset'>
|
|
<legend>Sounds</legend>
|
|
<table cellpadding='0' cellspacing='3' border='0' width='400'>
|
|
<tbody>
|
|
<tr><td>Sound notifications: <input type='checkbox' class='bginput' name='soundonoff' value='soundon' {{SOUND_CHECKED}}/></td><td> </td></tr>
|
|
</tbody>
|
|
</table>
|
|
</fieldset>
|
|
<div style='margin-top:6px' align='center'>
|
|
<input type='submit' class='button' name='changeInfo' value='Save personal info'/>
|
|
<input type='reset' class='button' value='Reset Fields'/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
|
|
<br/>
|
|
{{COMMON_FOOTER}}
|
|
</div>
|
|
</div>
|
|
|
|
<script type='text/javascript'>
|
|
function verifyPasswords() {
|
|
var oldPass = document.getElementById('oldpassword').value;
|
|
var pass1 = document.getElementById('password').value;
|
|
var pass2 = document.getElementById('passwordconfirm').value;
|
|
if (!oldPass || !pass1 || !pass2) {
|
|
alert('If you want to change password, please fill out all password fields.');
|
|
return false;
|
|
}
|
|
if (pass1 !== pass2) {
|
|
alert('The entered passwords do not match.');
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
function verifyEmails() {
|
|
var e1 = document.getElementById('email').value;
|
|
var e2 = document.getElementById('emailconfirm').value;
|
|
if (!e1 || !e2) {
|
|
alert('Please fill out both email fields.');
|
|
return false;
|
|
}
|
|
if (e1 !== e2) {
|
|
alert('The entered emails do not match.');
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|