diff options
| author | Alexis Metaireau <alexis@notmyidea.org> | 2011-08-21 01:42:10 +0200 |
|---|---|---|
| committer | Alexis Metaireau <alexis@notmyidea.org> | 2011-08-21 01:42:10 +0200 |
| commit | 7d60bee0ef5a38e6765b9bb51ae7e200157591a0 (patch) | |
| tree | 5437408338e576c339bc402e029cc67589982191 /budget/templates/layout.html | |
| parent | 95fb9bbbfd0636766bb94a6bffdf67deb1172a12 (diff) | |
| download | ihatemoney-mirror-7d60bee0ef5a38e6765b9bb51ae7e200157591a0.zip ihatemoney-mirror-7d60bee0ef5a38e6765b9bb51ae7e200157591a0.tar.gz ihatemoney-mirror-7d60bee0ef5a38e6765b9bb51ae7e200157591a0.tar.bz2 | |
Re-design (Fixes #19)
Diffstat (limited to 'budget/templates/layout.html')
| -rw-r--r-- | budget/templates/layout.html | 82 |
1 files changed, 60 insertions, 22 deletions
diff --git a/budget/templates/layout.html b/budget/templates/layout.html index 3ab6f1f..988ee58 100644 --- a/budget/templates/layout.html +++ b/budget/templates/layout.html @@ -2,36 +2,74 @@ <!DOCTYPE html> <html> <head> -<title>Account manager</title> -<link rel=stylesheet type=text/css href="{{ url_for('static', filename='main.css') }}"> -<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> -<script type="text/javascript" charset="utf-8"> -$(document).ready(function(){ - setTimeout(function(){ - $(".flash").fadeOut("slow", function () { - $(".flash").remove(); - }); - }, 2000); + <title>Account manager</title> + <meta http-equiv="content-type" content="text/html; charset=utf-8"> + <link rel=stylesheet type=text/css href="{{ url_for('static', filename='main.css') }}"> + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function(){ + setTimeout(function(){ + $(".flash").fadeOut("slow", function () { + $(".flash").remove(); + }); + }, 2000); + $("body").bind("click", function(e) { + $("ul.menu-dropdown").hide(); + $('a.menu').parent("li").removeClass("open").children("ul.menu-dropdown").hide(); + }); + + $("a.menu").click(function(e) { + var $target = $(this); + var $parent = $target.parent("li"); + var $siblings = $target.siblings("ul.menu-dropdown"); + var $parentSiblings = $parent.siblings("li"); + if ($parent.hasClass("open")) { + $parent.removeClass("open"); + $siblings.hide(); + } else { + $parent.addClass("open"); + $siblings.show(); + } + $parentSiblings.children("ul.menu-dropdown").hide(); + $parentSiblings.removeClass("open"); + return false; + }); - {% block js %}{% endblock %} -}); -</script> + {% block js %}{% endblock %} + }); + </script> </head> <body> -<div class="container" class="span-24"> - <div id="title" class="span-20"> - <a href="/"><h1>Account manager ! <span class="small">Manage your shared expenses.</span></h1></a></div> - <div class="span-4 last" id="topmenu"> - {% block top_menu %}{% endblock %} - </div> - <hr> +<div class="topbar"> + <h3><a class="logo" href="{% if g.project %}{{ url_for("list_bills") }}{% endif %}">#! money?</a></h3> + {% if g.project %} + <ul> + <li class="active"><a href="">Bills</a></li> + <li><a href="">Archives</a></li> + </ul> + <ul class="nav secondary-nav"> + <li class="menu"> + <a href="#" class="menu">Options</a> + <ul class="menu-dropdown" style="display: none; "> + <li><a href="">Project settings</a></li> + <li class="divider"></li> + <li><a href="{{ url_for("exit") }}">Logout</a></li> + </ul> + </li> + </ul> + {% endif %} +</div> +<div class="container-fluid" style="margin-top: 40px"> + <div class="sidebar">{% block sidebar %}{% endblock %}</div> + <div class="content"> {% for message in get_flashed_messages() %} - <div class="flash">{{ message }}</div> + <div class="flash alert-message info"><p>{{ message }}</p></div> {% endfor %} {% block content %} {% endblock %} - <div id="footer"></div> + </div> </div> + </body> </html> |