* improved layout
* CSS for message boxes
This commit is contained in:
parent
949e699e25
commit
e6bd9036ac
3 changed files with 45 additions and 10 deletions
|
@ -7,4 +7,26 @@ html {
|
|||
padding-right:10px;
|
||||
border-right:1px solid black;
|
||||
margin-right:10px;
|
||||
}
|
||||
width:100px;
|
||||
}
|
||||
|
||||
#content {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.msgbox {
|
||||
padding:10px 10px 10px 25px;
|
||||
width:400px;
|
||||
}
|
||||
|
||||
#messages {
|
||||
border:1px solid green;
|
||||
background-color:#80ff80;
|
||||
color:#008000;
|
||||
}
|
||||
|
||||
#errors {
|
||||
border:1px solid red;
|
||||
background-color:#ff8080;
|
||||
color:#800000;
|
||||
}
|
||||
|
|
|
@ -2,11 +2,24 @@
|
|||
<%inherit file="site.mako" />
|
||||
<h1>Change your password</h1>
|
||||
${h.form(h.url(action='updatepassword'), method='post')}
|
||||
Old password: ${h.password_field('oldpassword')}
|
||||
New password: ${h.password_field('password')}
|
||||
Confirm new password: ${h.password_field('confirm')}
|
||||
${h.submit('Change password')}
|
||||
<table>
|
||||
<tr>
|
||||
<td><label for="oldpassword">Old password:</label></td>
|
||||
<td>${h.password_field('oldpassword')}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="password">New password:</label></td>
|
||||
<td>${h.password_field('password')}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="confirm">Confirm new password:</label></td>
|
||||
<td>${h.password_field('confirm')}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">${h.submit('Change password')}</td>
|
||||
</tr>
|
||||
</table>
|
||||
${h.end_form()}
|
||||
<%def name="headlines()">
|
||||
<title>Change your password</title>
|
||||
</%def>
|
||||
</%def>
|
||||
|
|
|
@ -11,25 +11,25 @@ ${h.stylesheet_link_tag('gva.css')}
|
|||
<li class="${h.cssclasses(item)}">${h.menulink(item)}</li>
|
||||
% endfor
|
||||
</ul>
|
||||
<div id="content">
|
||||
% if c.messages['errors']:
|
||||
<ul id="errors">
|
||||
<ul id="errors" class="msgbox">
|
||||
% for msg in c.messages['errors']:
|
||||
<li>${msg}</li>
|
||||
% endfor
|
||||
</ul>
|
||||
% endif
|
||||
% if c.messages['messages']:
|
||||
<ul id="messages">
|
||||
<ul id="messages" class="msgbox">
|
||||
% for msg in c.messages['messages']:
|
||||
<li>${msg}</li>
|
||||
% endfor
|
||||
</ul>
|
||||
% endif
|
||||
<div id="content">
|
||||
${next.body()}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<%def name="headlines()">
|
||||
<title>Site</title>
|
||||
</%def>
|
||||
</%def>
|
||||
|
|
Loading…
Reference in a new issue