* 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,19 +1,70 @@
<h1>My account</h1> <style type="text/css">
<p>Welcome to your account page, {{ account }}<br> #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>
<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>
{# if account dont have recovery key show hint #} {# if account dont have recovery key show hint #}
{% if recovery_key is empty %} {% if recovery_key is empty %}
<div align="center"> <div align="center">
You can register your account for increased protection. Click on "Register Account" and get your free recovery key today!<br/> You can register your account for increased protection. Click on "Register Account" and get your free recovery key today!<br/>
<form action="{{ getLink('account/register') }}" method="post"> <form action="{{ getLink('account/register') }}" method="post">
<input type="submit" value="Register Account" /> <input type="submit" value="Register Account" />
</form> </form>
</div> </div>
<br/> <br/>
{% endif %} {% endif %}
{% if email_request %} {% if email_request %}
<div align="center"> <div align="center">
A request has been submitted to change the email address of this account to <b>{{ email_new }}</b>. After <b>{{ email_new_time|date("j F Y, G:i:s") }}</b> you can accept the new email address and finish the process. Please cancel the request if you do not want your email address to be changed! Also cancel the request if you have no access to the new email address! A request has been submitted to change the email address of this account to <b>{{ email_new }}</b>. After <b>{{ email_new_time|date("j F Y, G:i:s") }}</b> you can accept the new email address and finish the process. Please cancel the request if you do not want your email address to be changed! Also cancel the request if you have no access to the new email address!
@ -21,10 +72,10 @@
<input type="submit" value="Edit" /> <input type="submit" value="Edit" />
</form> </form>
</div> </div>
<br/><br/> <br/><br/>
{% endif %} {% endif %}
<h2>General Information</h2> <h2>General Information</h2>
<table width="100%"> <table width="100%">
<tr style="background-color: {{ config.lightborder }};" > <tr style="background-color: {{ config.lightborder }};" >
<td style="width: 90px;">Account {% if constant('USE_ACCOUNT_NAME') %}Name{% else %}Number{% endif %}:</td> <td style="width: 90px;">Account {% if constant('USE_ACCOUNT_NAME') %}Name{% else %}Number{% endif %}:</td>
<td>{{ account }}</td> <td>{{ account }}</td>
@ -55,10 +106,10 @@
<td>{{ account_registered }}</td> <td>{{ account_registered }}</td>
</tr> </tr>
{% endautoescape %} {% endautoescape %}
</table> </table>
<br/> <br/>
<h2>Public Information</h2> <h2>Public Information</h2>
<table width="100%"> <table width="100%">
<tr style="background-color: {{ config.lightborder }};" > <tr style="background-color: {{ config.lightborder }};" >
<td style="width: 80px;">Real name:</td> <td style="width: 80px;">Real name:</td>
<td>{{ account_rlname }}</td> <td>{{ account_rlname }}</td>
@ -67,13 +118,13 @@
<td style="width: 80px;">Location:</td> <td style="width: 80px;">Location:</td>
<td >{{ account_location }}</td> <td >{{ account_location }}</td>
</tr> </tr>
</table> </table>
<form action="{{ getLink('account/info') }}" method="post"> <form action="{{ getLink('account/info') }}" method="post">
<input type="submit" value="Change Info" /> <input type="submit" value="Change Info" />
</form> </form>
<br/> <br/>
<h2>Action Log</h2> <h2>Action Log</h2>
<table> <table>
<tr bgcolor="{{ config.vdarkborder }}" class="white"> <tr bgcolor="{{ config.vdarkborder }}" class="white">
<th>Action</th><th>Date</th><th>IP</th> <th>Action</th><th>Date</th><th>IP</th>
</tr> </tr>
@ -88,10 +139,10 @@
</tr> </tr>
{% endfor %} {% endfor %}
{% endautoescape %} {% endautoescape %}
</table> </table>
<br/> <br/>
<h2>Character list: {{ players|length }} characters.</h2> <h2>Character list: {{ players|length }} characters.</h2>
<table> <table>
<tr bgcolor="{{ config.vdarkborder }}" class="white"> <tr bgcolor="{{ config.vdarkborder }}" class="white">
<th>Name</th><th>Level</th><th>Vocation</th><th>Town</th><th>Last login</th><th>Status</th><th>Hide</th><th>Edit</th> <th>Name</th><th>Level</th><th>Vocation</th><th>Town</th><th>Last login</th><th>Status</th><th>Hide</th><th>Edit</th>
</tr> </tr>
@ -102,9 +153,9 @@
<td><a href="{{ getLink('characters/' ~ player.getName()|url_encode) }}">{{ player.getName() }}</a></td><td>{{ player.getLevel() }}</td><td>{{ config.vocations[player.getVocation()] }}</td><td>{{ config.towns[player.getTownId()] }}</td><td>{% if player.getLastLogin() > 0 %}{{ player.getLastLogin|date('d F Y (H:i)') }}{% else %}Never.{% endif %}</td><td>{% if player.isOnline() %}<font color="green">ONLINE</font>{% else %}<font color="red">Offline</font>{% endif %}</td><td>{% if player.isHidden() %}Hidden{% else %}Visible{% endif %}</td><td>[<a href="{{ getLink('account/character/comment/' ~ player.getName|url_encode) }}" >Edit</a>]</td> <td><a href="{{ getLink('characters/' ~ player.getName()|url_encode) }}">{{ player.getName() }}</a></td><td>{{ player.getLevel() }}</td><td>{{ config.vocations[player.getVocation()] }}</td><td>{{ config.towns[player.getTownId()] }}</td><td>{% if player.getLastLogin() > 0 %}{{ player.getLastLogin|date('d F Y (H:i)') }}{% else %}Never.{% endif %}</td><td>{% if player.isOnline() %}<font color="green">ONLINE</font>{% else %}<font color="red">Offline</font>{% endif %}</td><td>{% if player.isHidden() %}Hidden{% else %}Visible{% endif %}</td><td>[<a href="{{ getLink('account/character/comment/' ~ player.getName|url_encode) }}" >Edit</a>]</td>
</tr> </tr>
{% endfor %} {% endfor %}
</table> </table>
<br/> <br/>
<table> <table>
<tr> <tr>
<td> <td>
<form action="{{ getLink('account/character/create') }}" method="post" > <form action="{{ getLink('account/character/create') }}" method="post" >
@ -131,4 +182,6 @@
</form> </form>
</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>