mirror of
https://github.com/spiral-project/ihatemoney.git
synced 2025-05-05 12:41:49 +02:00
34af7f5a2b
On narrow screens, the top-level navigation bar was covering the top of the content. By ensuring the navigation bar is collapsed by default, mobile users are not annoyed anymore by it.
96 lines
4.6 KiB
HTML
96 lines
4.6 KiB
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-3.1.1.min.js") }}"></script>
|
|
<script src="{{ url_for("static", filename="js/ihatemoney.js") }}"></script>
|
|
<script src="{{ url_for("static", filename="js/tether.min.js") }}"></script>
|
|
<script src="{{ url_for("static", filename="js/bootstrap.min.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":"0.6rem" });
|
|
setTimeout(function(){
|
|
$(".flash").fadeOut("slow", function () {
|
|
$(".flash").remove();
|
|
});
|
|
}, 4000);
|
|
|
|
$('.datepicker').datepicker({
|
|
format: 'yyyy-mm-dd',
|
|
weekStart: 1,
|
|
autoclose: true,
|
|
language: '{{ g.lang }}'
|
|
});
|
|
|
|
$('.dropdown-toggle').dropdown();
|
|
|
|
{% block js %}{% endblock %}
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
|
|
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<a class="navbar-brand" href="#">#! money?</a>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
|
|
<ul class="navbar-nav col-5 offset-md-1">
|
|
{% if g.project %}
|
|
{% block navbar %}
|
|
<li class="nav-item{% if current_view == 'list_bills' %} active{% endif %}"><a class="nav-link" href="{{ url_for(".list_bills") }}">{{ _("Bills") }}</a></li>
|
|
<li class="nav-item{% if current_view == 'settle_bill' %} active{% endif %}"><a class="nav-link" href="{{ url_for(".settle_bill") }}">{{ _("Settle") }}</a></li>
|
|
{% endblock %}
|
|
{% endif %}
|
|
</ul>
|
|
<ul class="navbar-nav secondary-nav col-4">
|
|
{% if g.project %}
|
|
<li class="nav-item dropdown">
|
|
<a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><strong>{{ g.project.name }}</strong> {{ _("options") }} <b class="caret"></b></a>
|
|
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
|
<li><a class="dropdown-item" href="{{ url_for(".edit_project") }}">{{ _("Project settings") }}</a></li>
|
|
<li class="dropdown-divider"></li>
|
|
{% for id, name in session['projects'] %}
|
|
{% if id != g.project.id %}
|
|
<li><a class="dropdown-item" href="{{ url_for(".list_bills", project_id=id) }}">{{ _("switch to") }} {{ name }}</a></li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
<li><a class="dropdown-item" href="{{ url_for(".create_project") }}">{{ _("Start a new project") }}</a></li>
|
|
<li class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="{{ url_for(".exit") }}">{{ _("Logout") }}</a></li>
|
|
</ul>
|
|
</li>
|
|
{% endif %}
|
|
<li class="nav-item{% if g.lang == "fr" %} active{% endif %}"><a class="nav-link" href="{{ url_for(".change_lang", lang="fr") }}">fr</a></li>
|
|
<li class="nav-item{% if g.lang == "en" %} active{% endif %}"><a class="nav-link" href="{{ url_for(".change_lang", lang="en") }}">en</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="container-fluid">
|
|
{% block body %}
|
|
{% block sidebar %}{% endblock %}
|
|
<main class="content offset-1 col-10">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% for message in get_flashed_messages() %}
|
|
<div class="flash alert alert-success">{{ message }}</div>
|
|
{% endfor %}
|
|
|
|
{% block footer %}
|
|
<footer>
|
|
<p><a href="https://github.com/spiral-project/ihatemoney">{{ _("This is a free software") }}</a>, {{ _("you can contribute and improve it!") }}</p>
|
|
</footer>
|
|
{% endblock %}
|
|
|
|
</body>
|
|
</html>
|