* 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;
|
padding-right:10px;
|
||||||
border-right:1px solid black;
|
border-right:1px solid black;
|
||||||
margin-right:10px;
|
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,10 +2,23 @@
|
||||||
<%inherit file="site.mako" />
|
<%inherit file="site.mako" />
|
||||||
<h1>Change your password</h1>
|
<h1>Change your password</h1>
|
||||||
${h.form(h.url(action='updatepassword'), method='post')}
|
${h.form(h.url(action='updatepassword'), method='post')}
|
||||||
Old password: ${h.password_field('oldpassword')}
|
<table>
|
||||||
New password: ${h.password_field('password')}
|
<tr>
|
||||||
Confirm new password: ${h.password_field('confirm')}
|
<td><label for="oldpassword">Old password:</label></td>
|
||||||
${h.submit('Change password')}
|
<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()}
|
${h.end_form()}
|
||||||
<%def name="headlines()">
|
<%def name="headlines()">
|
||||||
<title>Change your password</title>
|
<title>Change your password</title>
|
||||||
|
|
|
@ -11,21 +11,21 @@ ${h.stylesheet_link_tag('gva.css')}
|
||||||
<li class="${h.cssclasses(item)}">${h.menulink(item)}</li>
|
<li class="${h.cssclasses(item)}">${h.menulink(item)}</li>
|
||||||
% endfor
|
% endfor
|
||||||
</ul>
|
</ul>
|
||||||
|
<div id="content">
|
||||||
% if c.messages['errors']:
|
% if c.messages['errors']:
|
||||||
<ul id="errors">
|
<ul id="errors" class="msgbox">
|
||||||
% for msg in c.messages['errors']:
|
% for msg in c.messages['errors']:
|
||||||
<li>${msg}</li>
|
<li>${msg}</li>
|
||||||
% endfor
|
% endfor
|
||||||
</ul>
|
</ul>
|
||||||
% endif
|
% endif
|
||||||
% if c.messages['messages']:
|
% if c.messages['messages']:
|
||||||
<ul id="messages">
|
<ul id="messages" class="msgbox">
|
||||||
% for msg in c.messages['messages']:
|
% for msg in c.messages['messages']:
|
||||||
<li>${msg}</li>
|
<li>${msg}</li>
|
||||||
% endfor
|
% endfor
|
||||||
</ul>
|
</ul>
|
||||||
% endif
|
% endif
|
||||||
<div id="content">
|
|
||||||
${next.body()}
|
${next.body()}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
Loading…
Reference in a new issue