* added nice looking menu for my account page in default template

This commit is contained in:
slawkens 2017-10-18 17:11:05 +02:00
parent 85d1f3419a
commit 0104d2fd36
2 changed files with 182 additions and 173 deletions

View File

@ -1,3 +1,54 @@
<style type="text/css">
#account-manage {
width: 100%;
margin: auto;
padding: 10px;
}
div#one {
width: 150px;
float: left;
}
div#two {
margin-left: 150px;
padding-left: 10px;
}
.vertical-menu a {
background-color: {{ config.lightborder }}; /* Grey background color */
color: black; /* Black text color */
display: block; /* Make the links appear below each other */
padding: 12px; /* Add some padding */
text-decoration: none; /* Remove underline from links */
}
.vertical-menu a:hover {
background-color: {{ config.darkborder }}; /* Dark grey background on mouse-over */
}
</style>
{% set menus = {
'Create Character': 'account/character/create','Delete Character': 'account/character/delete',
'Change Info': 'account/info', 'Change Password': 'account/password', 'Change Email': 'account/email'
} %}
<div id="account-manage">
<div id="one">
<div class="vertical-menu">
<a href="{{ getLink('account/manage') }}">My Account</a>
{% if recovery_key is empty %}
<a href="{{ getLink('account/register') }}">Register Account</a>
{% endif %}
{% for name, link in menus %}
<a href="{{ getLink(link) }}">{{ name }}</a>
{% endfor %}
{% if config.account_change_character_name %}
<a href="{{ getLink('account/character/name') }}">Change Name</a>
{% endif %}
{% if config.account_change_character_sex %}
<a href="{{ getLink('account/character/sex') }}">Change Sex</a>
{% endif %}
<a href="{{ getLink('account/logout') }}">Logout</a>
</div>
</div>
<div id="two">
<h1>My account</h1> <h1>My account</h1>
<p>Welcome to your account page, {{ account }}<br> <p>Welcome to your account page, {{ account }}<br>
You have {{ account_logged.getPremDays() }} days remaining premium account.</p> You have {{ account_logged.getPremDays() }} days remaining premium account.</p>
@ -132,3 +183,5 @@
</td> </td>
</tr> </tr>
</table> </table>
</div>
</div>

View File

@ -1,44 +0,0 @@
To change a name of character select player and choose a new name.<br/>
<font color="red">Change name cost {{ config.account_change_character_name_points }} premium points. You have {{ points }} premium points.</font><br/><br/>
<form action="{{ getLink('account/character/name') }}" method="post">
<input type="hidden" name="changenamesave" value="1">
<h3>Change Name</h3>
<table style="width:100%;">
<tr>
<td><span >Character:</td>
<td style="width:90%;" >
<select name="player_id">
{% for player in account_logged.getPlayersList() %}
<option value="{{ player.getId() }}">{{ player.getName() }}</option>
{% endfor %}
</select>
</td>
</tr>
<tr>
<td ><span>New Name:</td>
<td>
<input type="text" name="name" id="name" onblur="checkName();" size="25" maxlength="25" >
<font size="1" face="verdana,arial,helvetica">
<div id="name_check">Please enter your character name.</div>
</font>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" name="Submit" value="Submit"/>
</td>
</tr>
</table>
</form>
<br/>
<div style="text-align: center; margin: 0 auto;">
<table border="0" cellspacing="0" cellpadding="0">
<form action="{{ getLink('account/manage') }}" method="post">
<tr>
<td style="border:0px; text-align: center;">
<input type="submit" name="Back" value="Back"/>
</td>
</tr>
</form>
</table>
</div>