1
0
Fork 0
mirror of https://github.com/YunoHost-Apps/ihatemoney_ynh.git synced 2024-09-03 19:26:15 +02:00
ihatemoney_ynh/budget/templates/layout.html
Alexis Metaireau ef353d643c Refactor the application to use blueprints.
This allows to isolate some behavior in the context of the web application so
the API and the web application can behave in different ways.
2011-09-09 21:21:37 +02:00

90 lines
3.2 KiB
HTML

{% import "forms.html" as forms %}
<!DOCTYPE html>
<html>
<head>
<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>
</head>
<body>
<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"><strong>{{ g.project.name }}</strong> options</a>
<ul class="menu-dropdown" style="display: none; ">
<li><a href="">Project settings</a></li>
<li class="divider"></li>
{% for id, name in session['projects'] %}
{% if id != g.project.id %}
<li><a href="{{ url_for(".list_bills", project_id=id) }}">switch to {{ name }}</a></li>
{% endif %}
{% endfor %}
<li><a href="{{ url_for(".create_project") }}">Start a new project</a></li>
<li class="divider"></li>
<li><a href="{{ url_for(".exit") }}">Logout</a></li>
</ul>
</li>
</ul>
{% endif %}
</div>
{% block header %}{% endblock %}
{% block container %}
<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 alert-message info"><p>{{ message }}</p></div>
{% endfor %}
{% block content %}
{% endblock %}
</div>
</div>
{% endblock %}
{% block footer %}
<div class="footer">
<p><a href="https://github.com/ametaireau/budget-manager">This is a free software</a>, you can contribute and improve it!</p>
</div>
{% endblock %}
</body>
</html>