ihatemoney_ynh/budget/templates/layout.html

{% import "forms.html" as forms %}
<!DOCTYPE html>
<html>
<head>
    <title>{{ _("Account manager") }}{% block title %}{% endblock %}</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="{{ url_for("static", filename="jquery/js/jquery-1.6.2.min.js") }}"></script>
    {% block head %}{% endblock %}
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            setTimeout(function(){
                $(".flash").fadeOut("slow", function () {
                    $(".flash").remove();
                });
            }, 4000);
            $("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="{{ url_for(".home") }}">#! money?</a></h3>
    {% if g.project %}
    <ul>
        <li class="active"><a href="">{{ _("Bills") }}</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="{{ url_for(".edit_project") }}">{{ _("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 id="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>
Some more theming and fixes. 2011-07-31 23:55:02 +02:00			`{% import "forms.html" as forms %}`
initial import 2011-03-10 03:37:21 +01:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
add the project's title in the list of bills 2011-10-15 02:40:19 +02:00			`<title>{{ _("Account manager") }}{% block title %}{% endblock %}</title>`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`<meta http-equiv="content-type" content="text/html; charset=utf-8">`
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			`<link rel=stylesheet type=text/css href="{{ url_for("static", filename='main.css') }}">`
Add a datepicker (with support of i18n). Fix #37 2011-10-16 23:38:27 +02:00			`<script src="{{ url_for("static", filename="jquery/js/jquery-1.6.2.min.js") }}"></script>`
			`{% block head %}{% endblock %}`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`<script type="text/javascript" charset="utf-8">`
			`$(document).ready(function(){`
			`setTimeout(function(){`
			`$(".flash").fadeOut("slow", function () {`
			`$(".flash").remove();`
			`});`
Make the identifier clearer to the end-user. - Send an email to the user with the summary of the created project containing a reminder of the identifier, password and a link. - Add flash message with the identifier in the /invite page/ - Add a small note containing the identifier in the upper right corner of the project main page. 2011-09-14 01:16:25 +02:00			`}, 4000);`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`$("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;`
			`});`
Make flash messages go away after 2 seconds. 2011-08-10 23:55:07 +02:00
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`{% block js %}{% endblock %}`
			`});`
			`</script>`
initial import 2011-03-10 03:37:21 +01:00			`</head>`
			`<body>`

Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`<div class="topbar">`
clicking on the logo should return on the homepage 2011-10-15 21:49:27 +02:00			`<h3><a class="logo" href="{{ url_for(".home") }}">#! money?</a></h3>`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`{% if g.project %}`
			`<ul>`
Translate the application using Flask-babel. The only translation so far is french, but more can be added. The browser language is used thanks to the HTTP languages headers. There are still some problems with the translation of some strings, I don't know why this is. See #12 2011-10-15 01:19:19 +02:00			`<li class="active"><a href="">{{ _("Bills") }}</a></li>`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`</ul>`
			`<ul class="nav secondary-nav">`
			`<li class="menu">`
Translate the application using Flask-babel. The only translation so far is french, but more can be added. The browser language is used thanks to the HTTP languages headers. There are still some problems with the translation of some strings, I don't know why this is. See #12 2011-10-15 01:19:19 +02:00			`<a href="#" class="menu"><strong>{{ g.project.name }}</strong> {{ _("options") }}</a>`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`<ul class="menu-dropdown" style="display: none; ">`
Translate the application using Flask-babel. The only translation so far is french, but more can be added. The browser language is used thanks to the HTTP languages headers. There are still some problems with the translation of some strings, I don't know why this is. See #12 2011-10-15 01:19:19 +02:00			`<li><a href="{{ url_for(".edit_project") }}">{{ _("Project settings") }}</a></li>`
styling & usability 2011-08-21 02:37:15 +02:00			`<li class="divider"></li>`
			`{% for id, name in session['projects'] %}`
			`{% if id != g.project.id %}`
Translate the application using Flask-babel. The only translation so far is french, but more can be added. The browser language is used thanks to the HTTP languages headers. There are still some problems with the translation of some strings, I don't know why this is. See #12 2011-10-15 01:19:19 +02:00			`<li><a href="{{ url_for(".list_bills", project_id=id) }}">{{ _("switch to") }} {{ name }}</a></li>`
styling & usability 2011-08-21 02:37:15 +02:00			`{% endif %}`
			`{% endfor %}`
Translate the application using Flask-babel. The only translation so far is french, but more can be added. The browser language is used thanks to the HTTP languages headers. There are still some problems with the translation of some strings, I don't know why this is. See #12 2011-10-15 01:19:19 +02:00			`<li><a href="{{ url_for(".create_project") }}">{{ _("Start a new project") }}</a></li>`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`<li class="divider"></li>`
Translate the application using Flask-babel. The only translation so far is french, but more can be added. The browser language is used thanks to the HTTP languages headers. There are still some problems with the translation of some strings, I don't know why this is. See #12 2011-10-15 01:19:19 +02:00			`<li><a href="{{ url_for(".exit") }}">{{ _("Logout") }}</a></li>`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`</ul>`
			`</li>`
			`</ul>`
			`{% endif %}`
			`</div>`
graph some stuff from the spiral website 2011-08-21 03:16:54 +02:00			`{% block header %}{% endblock %}`
			`{% block container %}`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`<div class="container-fluid" style="margin-top: 40px">`
			`<div class="sidebar">{% block sidebar %}{% endblock %}</div>`
			`<div class="content">`
Manage users creation 2011-07-23 20:36:13 +02:00			`{% for message in get_flashed_messages() %}`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`<div class="flash alert-message info"><p>{{ message }}</p></div>`
Manage users creation 2011-07-23 20:36:13 +02:00			`{% endfor %}`
			`{% block content %}`
			`{% endblock %}`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`</div>`
initial import 2011-03-10 03:37:21 +01:00			`</div>`
graph some stuff from the spiral website 2011-08-21 03:16:54 +02:00			`{% endblock %}`
include bootstrap.css in the files to avoid weird changes in the future, Add a mention about the freedom of the project. Fixes #16 2011-08-21 14:57:05 +02:00			`{% block footer %}`
Fix #26. Footer is now relative 2011-09-14 18:22:26 +02:00			`<div id="footer">`
Translate the application using Flask-babel. The only translation so far is french, but more can be added. The browser language is used thanks to the HTTP languages headers. There are still some problems with the translation of some strings, I don't know why this is. See #12 2011-10-15 01:19:19 +02:00			`<p><a href="https://github.com/ametaireau/budget-manager">{{ _("This is a free software") }}</a>, {{ _("you can contribute and improve it!") }}</p>`
include bootstrap.css in the files to avoid weird changes in the future, Add a mention about the freedom of the project. Fixes #16 2011-08-21 14:57:05 +02:00			`</div>`
			`{% endblock %}`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00
initial import 2011-03-10 03:37:21 +01:00			`</body>`
			`</html>`