matthias/mayan-edms
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Make nofitication messages fade in, and added a link to dismiss/close them more easily

Browse Source
This commit is contained in:
Roberto Rosario
2011-03-01 03:03:39 -04:00
parent d75396e0c2
commit c8df76f490
1 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
apps/web_theme/templates/web_theme_base.html
View File

@@ -14,11 +14,33 @@
<link rel="stylesheet" href="{{ MEDIA_URL }}web_theme_media/stylesheets/base.css" type="text/css" media="screen" />
<link rel="stylesheet" id="current-theme" href="{{ MEDIA_URL }}web_theme_media/stylesheets/themes/{{ web_theme }}/style.css" type="text/css" media="screen" />
<style>
.message span.dismiss {
padding:0 5px;
cursor:pointer;
float:right;
margin-right:10px;
}
.message a {
text-decoration:none;
font-weight:bold
}
</style>
{% block web_theme_stylesheets %}{% endblock %}
<script type="text/javascript" charset="utf-8" src="{{ MEDIA_URL }}web_theme_media/javascripts/jquery-1.3.min.js"></script>
<script type="text/javascript" charset="utf-8" src="{{ MEDIA_URL }}web_theme_media/javascripts/jquery.scrollTo.js"></script>
<script type="text/javascript" charset="utf-8" src="{{ MEDIA_URL }}web_theme_media/javascripts/jquery.localscroll.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".message").fadeIn("slow");
$(".dismiss").click(function(){
$(this).parent().parent().fadeOut("slow"); return false;
});
});
</script>
{% block web_theme_javascript %}{% endblock %}
</head>
<body>
@@ -50,9 +72,9 @@
<div class="inner">
<div class="flash">
{% for message in messages %}
<div class="message{% if message.tags %}{% if 'success' in message.tags %} notice{% endif %} {{ message.tags }}{% else %} notice{% endif %}">
<p onclick="$(this).parent().parent().fadeOut(); return false;">{{ message }}</p>
</div>
<div class="message{% if message.tags %}{% if 'success' in message.tags %} notice{% endif %} {{ message.tags }}{% else %} notice{% endif %}" style="display: none;">
<p>{{ message }}<span class="dismiss"><a title={% trans "dismiss this notification" %}>[{% trans "close" %}]</a></span></p>
</div>
{% endfor %}
</div>
</div>