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='css/main.css') }}">
    <script src="{{ url_for("static", filename="js/jquery-1.6.2.min.js") }}"></script>
    <script src="{{ url_for("static", filename="js/ihatemoney.js") }}"></script>
    {% block head %}{% endblock %}
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            var left = window.innerWidth/2-$('.flash').width()/2;
            $(".flash").css({ "left": left+"px", "top":"45px" });
            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>
{% macro translations() %}
<li {% if g.lang == "fr" %}class="active"{% endif %}><a href="{{ url_for(".change_lang", lang="fr") }}">fr</a></li>
<li {% if g.lang == "en" %}class="active"{% endif %}><a href="{{ url_for(".change_lang", lang="en") }}">en</a></li>
{% endmacro %}
<div class="topbar">
    <div class="fill"><div class="container-fluid">
    <h3><a class="logo" href="{{ url_for(".home") }}">#! money?</a></h3>
    {% if g.project %}
    <ul class="menu">
        <li class="active"><a href="{{ url_for(".list_bills") }}">{{ _("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>
    {{ translations() }}
    </ul>
    {% else %}
    <ul class="nav secondary-nav">
    {{ translations() }}
    </ul>
    {% endif %}
    </div></div>
</div>
{% block header %}{% endblock %}
{% block container %}
<div class="container-fluid">
    {% block sidebar %}{% endblock %}
    <div class="content">
    {% block content %}
    {% endblock %}
    </div>
</div>
    {% for message in get_flashed_messages() %}
        <div class="flash alert-message success"><p>{{ message }}</p></div>
    {% endfor %}
{% endblock %}
{% block footer %}
<div id="footer">
    <p><a href="https://github.com/spiral-project/ihatemoney">{{ _("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">`
reorganize the static folder structure 2011-11-27 23:28:24 +01:00			`<link rel=stylesheet type=text/css href="{{ url_for("static", filename='css/main.css') }}">`
			`<script src="{{ url_for("static", filename="js/jquery-1.6.2.min.js") }}"></script>`
			`<script src="{{ url_for("static", filename="js/ihatemoney.js") }}"></script>`
Add a datepicker (with support of i18n). Fix #37 2011-10-16 23:38:27 +02:00			`{% 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(){`
See #54. Move the flashing message to absolute positionning to avoid annoying shifting of the bills list. 2011-11-02 13:44:55 +01:00			`var left = window.innerWidth/2-$('.flash').width()/2;`
			`$(".flash").css({ "left": left+"px", "top":"45px" });`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`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>`
update bootstrap to the last version. Clean some css 2011-11-27 23:03:06 +01:00			`<body>`
Add the ability to change the language explicitely. I'm not sure the UI is better with this. Any thoughts are welcome. Fix #35 2011-10-17 00:03:41 +02:00			`{% macro translations() %}`
			`<li {% if g.lang == "fr" %}class="active"{% endif %}><a href="{{ url_for(".change_lang", lang="fr") }}">fr</a></li>`
			`<li {% if g.lang == "en" %}class="active"{% endif %}><a href="{{ url_for(".change_lang", lang="en") }}">en</a></li>`
			`{% endmacro %}`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`<div class="topbar">`
update bootstrap to the last version. Clean some css 2011-11-27 23:03:06 +01:00			`<div class="fill"><div class="container-fluid">`
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 %}`
Fix a little styling mistake. Now the menu displays the right way 2011-11-28 01:15:52 +01:00			`<ul class="menu">`
Bug fix in order to show the calendar widget when you edit a bill. Also fix another bug related to cancel button. 2011-11-02 00:23:21 +01:00			`<li class="active"><a href="{{ url_for(".list_bills") }}">{{ _("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>`
Add the ability to change the language explicitely. I'm not sure the UI is better with this. Any thoughts are welcome. Fix #35 2011-10-17 00:03:41 +02:00			`{{ translations() }}`
			`</ul>`
			`{% else %}`
			`<ul class="nav secondary-nav">`
			`{{ translations() }}`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`</ul>`
			`{% endif %}`
update bootstrap to the last version. Clean some css 2011-11-27 23:03:06 +01:00			`</div></div>`
Re-design (Fixes #19) 2011-08-21 01:42:10 +02:00			`</div>`
graph some stuff from the spiral website 2011-08-21 03:16:54 +02:00			`{% block header %}{% endblock %}`
			`{% block container %}`
update bootstrap to the last version. Clean some css 2011-11-27 23:03:06 +01:00			`<div class="container-fluid">`
Minor changes to the slidebar. See #34 2011-10-18 18:39:38 +02:00			`{% block sidebar %}{% endblock %}`
update bootstrap to the last version. Clean some css 2011-11-27 23:03:06 +01:00			`<div class="content">`
Manage users creation 2011-07-23 20:36:13 +02:00			`{% 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>`
See #54. Move the flashing message to absolute positionning to avoid annoying shifting of the bills list. 2011-11-02 13:44:55 +01:00			`{% for message in get_flashed_messages() %}`
update bootstrap to the last version. Clean some css 2011-11-27 23:03:06 +01:00			`<div class="flash alert-message success"><p>{{ message }}</p></div>`
See #54. Move the flashing message to absolute positionning to avoid annoying shifting of the bills list. 2011-11-02 13:44:55 +01:00			`{% endfor %}`
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">`
change the link in the footer as well 2011-10-18 00:04:50 +02:00			`<p><a href="https://github.com/spiral-project/ihatemoney">{{ _("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>`