First implementation of new template.

2025-10-26 13:36:15 +00:00 · 2015-06-19 20:59:14 +02:00
parent 1c3bffdc50
commit 707f4e2965
800 changed files with 173582 additions and 239 deletions
--- a/resources/twig/accounts/create.twig
+++ b/resources/twig/accounts/create.twig
@@ -1,6 +1,9 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, what)  }}
+{% endblock %}
+{% block content %}
+
    <form action="{{ route('accounts.store') }}" method="post" id="store" class="form-horizontal">
        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
        <input type="hidden" name="what" value="{{ what }}" />
--- a/resources/twig/accounts/delete.twig
+++ b/resources/twig/accounts/delete.twig
@@ -1,6 +1,11 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute().getName(), account) }}
+{% endblock %}
+
 {% block content %}
-{{ Breadcrumbs.renderIfExists(Route.getCurrentRoute().getName(), account) }}
+
 {{ Form.open({'class' : 'form-horizontal','id' : 'destroy','url' : route('accounts.destroy',account.id)}) }}
 <div class="row">
    <div class="col-lg-6 col-lg-offset-3 col-md-12 col-sm-12">
--- a/resources/twig/accounts/edit.twig
+++ b/resources/twig/accounts/edit.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute().getName(), account) }}
+{% endblock %}
+
 {% block content %}
-{{  Breadcrumbs.renderIfExists(Route.getCurrentRoute().getName(), account)  }}
 {{ Form.model(account, {'class' : 'form-horizontal','id' : 'update','url' : route('accounts.update',account.id) } ) }}

 <input type="hidden" name="id" value="{{account.id}}" />
--- a/resources/twig/accounts/index.twig
+++ b/resources/twig/accounts/index.twig
@@ -1,6 +1,11 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, what)  }}
+{% endblock %}
+
 {% block content %}
-{{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, what)  }}
+
 <div class="row">
    <div class="col-lg-6 col-md-8 col-sm-12 col-xs-12">
        <p>
--- a/resources/twig/accounts/show.twig
+++ b/resources/twig/accounts/show.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, account)  }}
+{% endblock %}
+
 {% block content %}
-{{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, account) }}
    <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="panel panel-default">
--- a/resources/twig/bills/create.twig
+++ b/resources/twig/bills/create.twig
@@ -1,6 +1,11 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, piggyBank) }}
+{% endblock %}
+
+{% block content %}
+
    {{ Form.open({'class' : 'form-horizontal','id' : 'store','url' : route('bills.store')}) }}

 <div class="row">
--- a/resources/twig/bills/delete.twig
+++ b/resources/twig/bills/delete.twig
@@ -1,6 +1,11 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, bill) }}
+{% endblock %}
+
+{% block content %}
+
    {{ Form.open({'class' : 'form-horizontal','id' : 'destroy','url' : route('bills.destroy',bill.id)}) }}
 <div class="row">
    <div class="col-lg-6 col-lg-offset-3 col-md-12 col-sm-12">
--- a/resources/twig/bills/edit.twig
+++ b/resources/twig/bills/edit.twig
@@ -1,6 +1,11 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, bill) }}
+{% endblock %}
+
+{% block content %}
+
    {{ Form.model(bill, {'class' : 'form-horizontal','id' : 'update','url' : route('bills.update', bill.id)}) }}

 <input type="hidden" name="id" value="{{bill.id}}" />
--- a/resources/twig/bills/index.twig
+++ b/resources/twig/bills/index.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
 {% block content %}
-    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, piggyBank) }}
    <div class="row">
        <div class="col-lg-12 col-sm-12 col-md-12">
        <div class="panel panel-default">
--- a/resources/twig/bills/show.twig
+++ b/resources/twig/bills/show.twig
@@ -1,6 +1,11 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, bill) }}
+{% endblock %}
+
+{% block content %}
+
 <div class="row">
    <div class="col-lg-6 col-sm-12 col-md-12">
        <div class="panel panel-default">
--- a/resources/twig/budgets/create.twig
+++ b/resources/twig/budgets/create.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.open({'class' : 'form-horizontal','id' : 'store','url' : route('budgets.store')}) }}
 <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12">
--- a/resources/twig/budgets/delete.twig
+++ b/resources/twig/budgets/delete.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, budget) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.open({'class' : 'form-horizontal','id' : 'destroy','url' : route('budgets.destroy',budget.id) })  }}
        <div class="row">
    <div class="col-lg-6 col-lg-offset-3 col-md-12 col-sm-12">
--- a/resources/twig/budgets/edit.twig
+++ b/resources/twig/budgets/edit.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, budget) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.model(budget, {'class' : 'form-horizontal','id' : 'update','url' : route('budgets.update',budget.id) } ) }}
    <input type="hidden" name="id" value="{{budget.id}}" />
    <div class="row">
--- a/resources/twig/budgets/index.twig
+++ b/resources/twig/budgets/index.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
    <div class="row">
        <div class="col-lg-9 col-sm-8 col-md-8">
            <div class="panel panel-default">
--- a/resources/twig/budgets/noBudget.twig
+++ b/resources/twig/budgets/noBudget.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, subTitle) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="panel panel-default">
--- a/resources/twig/budgets/show.twig
+++ b/resources/twig/budgets/show.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, budget, repetition) }}
+{% endblock %}
+
 {% block content %}
-    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName,budget, repetition) }}
 <div class="row">
    <div class="col-lg-9 col-md-9 col-sm-7">
        <div class="panel panel-default">
--- a/resources/twig/categories/create.twig
+++ b/resources/twig/categories/create.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.open({'class' : 'form-horizontal','id' : 'store','url' : route('categories.store')}) }}

 <div class="row">
--- a/resources/twig/categories/delete.twig
+++ b/resources/twig/categories/delete.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, category) }}
+{% endblock %}
+
 {% block content %}
-{{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, category) }}
 {{ Form.open({'class' : 'form-horizontal','id' : 'destroy','url' : route('categories.destroy',category.id)}) }}
 <div class="row">
    <div class="col-lg-6 col-lg-offset-3 col-md-12 col-sm-12">
--- a/resources/twig/categories/edit.twig
+++ b/resources/twig/categories/edit.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, category) }}
+{% endblock %}
+
 {% block content %}
-{{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, category) }}
 {{ Form.model(category, {'class' : 'form-horizontal','id' : 'update','url' : route('categories.update',category.id)})  }}
 <input type="hidden" name="id" value="{{ category.id }}" />
 <div class="row">
--- a/resources/twig/categories/index.twig
+++ b/resources/twig/categories/index.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="panel panel-default">
--- a/resources/twig/categories/noCategory.twig
+++ b/resources/twig/categories/noCategory.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, subTitle) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="panel panel-default">
--- a/resources/twig/categories/show.twig
+++ b/resources/twig/categories/show.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, category) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12">
        <div class="panel panel-default">
--- a/resources/twig/currency/create.twig
+++ b/resources/twig/currency/create.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.open({'class' : 'form-horizontal','id' : 'store','route' : 'currency.store'}) }}
 <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12">
--- a/resources/twig/currency/delete.twig
+++ b/resources/twig/currency/delete.twig
@@ -1,6 +1,11 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, currency) }}
+{% endblock %}
+
 {% block content %}
-{{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, currency) }}
+
 {{ Form.open({'class' : 'form-horizontal','id' : 'destroy','url' : route('currency.destroy',currency.id)}) }}
 <div class="row">
    <div class="col-lg-6 col-lg-offset-3 col-md-12 col-sm-12">
--- a/resources/twig/currency/edit.twig
+++ b/resources/twig/currency/edit.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, currency) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.model(currency, {'class' : 'form-horizontal','id' : 'update','url' : route('currency.update',currency.id)}) }}

 <input type="hidden" name="id" value="{{currency.id}}" />
--- a/resources/twig/currency/index.twig
+++ b/resources/twig/currency/index.twig
@@ -1,7 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
-    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}

+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
    <div class="row">
        <div class="col-lg-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
--- a/resources/twig/index.twig
+++ b/resources/twig/index.twig
@@ -1,46 +1,51 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists }}
+{% endblock %}
 {% block content %}
-{{ Breadcrumbs.renderIfExists }}
+

 {% include 'partials/boxes.twig' %}

 <div class="row">
    <div class="col-lg-8 col-md-12 col-sm-12">
        <!-- ACCOUNTS -->
-        <div class="panel panel-default">
-            <div class="panel-heading">
-                <i class="fa fa-credit-card fa-fw"></i> <a href="#">{{ 'yourAccounts'|_ }}</a>
+        <div class="box">
+            <div class="box-header with-border">
+                <h3 class="box-title"><i class="fa fa-credit-card fa-fw"></i> <a href="#">{{ 'yourAccounts'|_ }}</a></h3>
            </div>
-            <div class="panel-body">
+            <div class="box-body">
                <div id="accounts-chart"></div>
            </div>
        </div>
+
        <!-- BUDGETS -->
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="box">
+            <div class="box-header with-border">
                <i class="fa fa-tasks fa-fw"></i> <a href="{{route('budgets.index')}}">{{ 'budgetsAndSpending'|_ }}</a>
            </div>
-            <div class="panel-body">
+            <div class="box-body">
                <div id="budgets-chart"></div>
            </div>
        </div>
        <!-- CATEGORIES -->
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="box">
+            <div class="box-header with-border">
                <i class="fa fa-bar-chart fa-fw"></i> <a href="{{route('categories.index')}}">{{ 'categories'|_ }}</a>
            </div>
-            <div class="panel-body">
+            <div class="box-body">
                <div id="categories-chart"></div>
            </div>
        </div>

        <!-- SAVINGS -->
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="box">
+            <div class="box-header with-border">
                <i class="fa fa-line-chart"></i> {{ 'savings'|_ }}
                <span class="pull-right">{{ savingsTotal|formatAmount }}</span>
            </div>
-            <div class="panel-body">
+            <div class="box-body">
                {% if savings|length == 0 %}
                    <p class="small"><em>{{ 'markAsSavingsToContinue'|_ }}</em></p>
                {% else %}
@@ -94,11 +99,11 @@
        </div>

        <!-- PIGGY BANKS -->
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="box">
+            <div class="box-header with-border">
                <i class="fa fa-sort-amount-asc fa-fw"></i> {{ 'piggyBanks'|_ }}
            </div>
-            <div class="panel-body">
+            <div class="box-body">
                {% if piggyBankAccounts|length  == 0%}
                    <p class="small"><em>{{ 'createPiggyToContinue'|_ }}</em></p>
                {% else %}
@@ -138,19 +143,19 @@
    <div class="col-lg-4 col-md-6 col-sm-12">

        <!-- REMINDERS -->
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="box">
+            <div class="box-header with-border">
                <i class="fa fa-calendar-o"></i> <a href="{{route('bills.index')}}">{{ 'bills'|_ }}</a>
            </div>
-            <div class="panel-body">
+            <div class="box-body">
                <div id="bills-chart"></div>
            </div>
        </div>

        <!-- TRANSACTIONS -->
        {% for data in transactions %}
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="box">
+            <div class="box-header with-border">
                <i class="fa fa-money fa-fw"></i>
                <a href="{{route('accounts.show',data[1].id)}}">{{data[1].name}}</a> ({{ (data[1]|balance)|formatAmount }})

@@ -173,10 +178,7 @@


            </div>
-            <div class="panel-body">
-
                {% include 'list/journals-tiny.twig' with {'transactions': data[0],'account': data[1]} %}
-            </div>
        </div>
        {% endfor %}
    </div>
--- a/resources/twig/layout/default.twig
+++ b/resources/twig/layout/default.twig
--- a/resources/twig/new-user/index.twig
+++ b/resources/twig/new-user/index.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
 {% block content %}
-{{ Breadcrumbs.renderIfExists }}

 <div class="row">
    <div class="col-lg-6 col-sm-8 col-xs-12">
--- a/resources/twig/partials/boxes.twig
+++ b/resources/twig/partials/boxes.twig
@@ -1,42 +1,50 @@
-<!-- /.row -->
+<!-- Info boxes -->
+<div class="row">
+    <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+            <span class="info-box-icon bg-aqua"><i class="ion ion-ios-gear-outline"></i></span>
+            <div class="info-box-content">
+                <span class="info-box-text">{{ 'moneyOut'|_ }}</span>
+                <span class="info-box-number" id="box-out"></span>
+            </div><!-- /.info-box-content -->
+        </div><!-- /.info-box -->
+    </div><!-- /.col -->
+    <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+            <span class="info-box-icon bg-red"><i class="fa fa-google-plus"></i></span>
+            <div class="info-box-content">
+                <span class="info-box-text">{{ 'moneyIn'|_ }}</span>
+                <span class="info-box-number" id="box-in"></span>
+            </div><!-- /.info-box-content -->
+        </div><!-- /.info-box -->
+    </div><!-- /.col -->
+
+    <!-- fix for small devices only -->
+    <div class="clearfix visible-sm-block"></div>
+
+    <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+            <span class="info-box-icon bg-green"><i class="ion ion-ios-cart-outline"></i></span>
+            <div class="info-box-content">
+                <span class="info-box-text">{{ 'billsToPay'|_ }}</span>
+                <span class="info-box-number" id="box-bills-unpaid"></span>
+            </div><!-- /.info-box-content -->
+        </div><!-- /.info-box -->
+    </div><!-- /.col -->
+    <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+            <span class="info-box-icon bg-yellow"><i class="ion ion-ios-people-outline"></i></span>
+            <div class="info-box-content">
+                <span class="info-box-text">{{ 'billsPaid'|_ }}</span>
+                <span class="info-box-number" id="box-bills-paid"></span>
+            </div><!-- /.info-box-content -->
+        </div><!-- /.info-box -->
+    </div><!-- /.col -->
+</div><!-- /.row -->
+
+

 <div class="row row-eq-height">
-    <!-- Left -->
-    <div class="col-lg-8 col-md-6 hidden-sm hidden-xs">
-        <div class="row">
-            <div class="col-lg-6 col-md-6">
-                <div class="panel panel-default">
-                    <div class="panel-body">
-                        <i class="fa fa-upload fa-fw"></i> {{ 'moneyOut'|_ }} <a class="pull-right" href="{{route('transactions.index','withdrawal')}}"><span id="box-out"></span></a>
-                    </div>
-                </div>
-            </div>
-            <div class="col-lg-6 col-md-6">
-                <div class="panel panel-default">
-                    <div class="panel-body">
-                    <i class="fa fa-download faw-fw"></i> {{ 'moneyIn'|_ }} <a class="pull-right" href="{{route('transactions.index','deposit')}}"><span id="box-in"></span></a>
-                </div>
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-lg-6 col-md-6">
-                <div class="panel panel-default">
-                    <div class="panel-body">
-                    <i class="fa fa-calendar fa-fw"></i> {{ 'billsToPay'|_ }} <a class="pull-right" href="{{route('bills.index')}}"><span id="box-bills-unpaid"></span></a>
-                </div>
-                </div>
-            </div>
-            <div class="col-lg-6 col-md-6">
-                <div class="panel panel-default">
-                    <div class="panel-body">
-                    <i class="fa fa-line-chart fa-fw"></i> {{ 'billsPaid'|_ }} <a class="pull-right" href="{{route('bills.index')}}"><span id="box-bills-paid"></span></a>
-                </div>
-                </div>
-            </div>
-        </div>
-
-    </div>
    <!-- Right -->
    <div class="col-lg-4 col-md-6 hidden-sm hidden-xs">
        <div class="row">
--- a/resources/twig/partials/menu-sidebar.twig
+++ b/resources/twig/partials/menu-sidebar.twig
@@ -0,0 +1,120 @@
+<ul class="sidebar-menu">
+    <!-- home / dashboard -->
+    <li class="{{ activeRouteStrict('index') }} treeview">
+        <a href="{{ route('index') }}"><i class="fa fa-dashboard fa-fw"></i>
+            <span>{{ 'dashboard'|_ }}</span></a>
+    </li>
+    <!-- accounts -->
+    <li class="{{ activeRoutePartial('accounts') }} treeview">
+        <a href="#">
+            <i class="fa fa-credit-card fa-fw"></i>
+            <span>{{ 'accounts'|_ }}</span>
+            <i class="fa fa-angle-left pull-right"></i>
+        </a>
+        <!-- submenu for accounts -->
+        <ul class="treeview-menu">
+            <li class="{{ activeRoutePartialWhat('accounts', 'asset') }}">
+                <a href="{{ route('accounts.index','asset') }}">
+                    <i class="fa fa-money fa-fw"></i> {{ 'asset_accounts'|_ }}
+                </a>
+            </li>
+            <li class="{{ activeRoutePartialWhat('accounts', 'expense') }}">
+                <a href="{{ route('accounts.index','expense') }}">
+                    <i class="fa fa-shopping-cart fa-fw"></i> {{ 'expense_accounts'|_ }}
+                </a>
+            </li>
+            <li class="{{ activeRoutePartialWhat('accounts', 'revenue') }}">
+                <a href="{{ route('accounts.index','revenue') }}">
+                    <i class="fa fa-download fa-fw"></i> {{ 'revenue_accounts'|_ }}
+                </a>
+            </li>
+        </ul>
+    </li>
+    <!-- budgets-->
+    <li class="{{ activeRoutePartial('budgets') }}">
+        <a href="{{ route('budgets.index') }}">
+            <i class="fa fa-tasks fa-fw"></i>
+            <span>{{ 'budgets'|_ }}</span>
+        </a>
+    </li>
+    <!-- categories -->
+    <li class="{{ activeRoutePartial('categories') }}">
+        <a href="{{ route('categories.index') }}">
+            <i class="fa fa-bar-chart fa-fw"></i>
+            <span>{{ 'categories'|_ }}</span>
+        </a>
+    </li>
+    <!-- tags -->
+    <li class="{{ activeRoutePartial('tags') }}">
+        <a href="{{ route('tags.index') }}">
+            <i class="fa fa-tags fa-fw"></i>
+            <span>{{ 'tags'|_ }}</span>
+        </a>
+    </li>
+
+    <li class="{{ activeRoutePartial('reports') }}">
+        <a href="{{ route('reports.index') }}">
+            <i class="fa fa-line-chart fa-fw"></i>
+            <span>{{ 'reports'|_ }}</span>
+        </a>
+    </li>
+    <li class="{{ activeRoutePartial('transactions') }} treeview">
+        <a href="#">
+            <i class="fa fa-repeat fa-fw"></i>
+            <span>
+                {{ 'transactions'|_ }}<span class="fa arrow"></span>
+            </span>
+            <i class="fa fa-angle-left pull-right"></i>
+        </a>
+        <ul class="treeview-menu">
+            <li class="{{ activeRoutePartialWhat('transactions','withdrawal') }}">
+                <a href="{{ route('transactions.index','withdrawal') }}">
+                    <i class="fa fa-long-arrow-left fa-fw"></i> {{ 'expenses'|_ }}</a>
+            </li>
+            <li class="{{ activeRoutePartialWhat('transactions','deposit') }}">
+                <a href="{{ route('transactions.index','deposit') }}"><i
+                            class="fa fa-long-arrow-right fa-fw"></i> {{ 'income'|_ }}</a>
+            </li>
+            <li class="{{ activeRoutePartialWhat('transactions','transfers') }}">
+                <a href="{{ route('transactions.index','transfers') }}">
+                    <i class="fa fa-fw fa-exchange"></i> {{ 'transfers'|_ }}</a>
+            </li>
+        </ul>
+
+    </li>
+    <li class="{{ activeRoutePartial('bills') }} {{ activeRoutePartial('piggy-banks') }} treeview">
+            <a href="#">
+                <i class="fa fa-euro fa-fw"></i>
+                <span>{{ 'moneyManagement'|_ }}</span>
+                <i class="fa fa-angle-left pull-right"></i>
+            </a>
+        <ul class="treeview-menu">
+            <li class="{{ activeRoutePartial('piggy-banks') }}">
+                <a href="{{ route('piggy-banks.index') }}">
+                    <i class="fa fa-sort-amount-asc fa-fw"></i> {{ 'piggyBanks'|_ }}</a>
+            </li>
+            <li class="{{ activeRoutePartial('bills') }}">
+                <a href="{{ route('bills.index') }}">
+                    <i class="fa fa-calendar-o fa-fw"></i> {{ 'bills'|_ }}</a>
+            </li>
+        </ul>
+    </li>
+    <li class="hidden-sm hidden-md hidden-lg">
+        <a class="{{ activeRouteStrict('profile') }}" href="{{ route('profile') }}"><i class="fa fa-user fa-fw"></i> {{ Auth.user.email }}</a>
+    </li>
+
+    <li class="hidden-sm hidden-md hidden-lg">
+        <a class="{{ activeRouteStrict('preferences') }}" href="{{ route('preferences') }}"><i class="fa fa-gear fa-fw"></i> {{ 'preferences'|_ }}</a>
+    </li>
+    <li class="hidden-sm hidden-md hidden-lg">
+        <a class="{{ activeRoutePartial('currency') }}" href="{{ route('currency.index') }}"><i class="fa fa-usd fa-fw"></i> {{ 'currency'|_ }}</a>
+    </li>
+    <li class="hidden-sm hidden-md hidden-lg">
+        <a class="{{ activeRoutePartial('reminders') }}" href="{{ route('reminders.index') }}"><i class="fa fa-clock-o fa-fw"></i> {{ 'reminders'|_ }}</a>
+    </li>
+    <li class="hidden-sm hidden-md hidden-lg">
+        <a href="{{ route('logout') }}"><i class="fa fa-sign-out fa-fw"></i> {{ 'logout'|_ }}</a>
+    </li>
+
+    <!-- reminders, again-->
+</ul>
--- a/resources/twig/partials/page-header.twig
+++ b/resources/twig/partials/page-header.twig
@@ -0,0 +1,14 @@
+<h1>
+    {% if mainTitleIcon %}
+        <i class="hidden-xs fa {{ mainTitleIcon }}"></i>
+    {% endif %}
+    {{ title }}
+    {% if subTitle %}
+        <small id="subTitle">
+            {% if subTitleIcon %}
+                <i class="hidden-xs fa {{ subTitleIcon }}"></i>
+            {% endif %}
+            {{ subTitle }}
+        </small>
+    {% endif %}
+</h1>
--- a/resources/twig/piggy-banks/create.twig
+++ b/resources/twig/piggy-banks/create.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.open({'class' : 'form-horizontal','id' : 'store','url' : route('piggy-banks.store')}) }}
    <input type="hidden" name="repeats" value="0" />

--- a/resources/twig/piggy-banks/delete.twig
+++ b/resources/twig/piggy-banks/delete.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, piggyBank) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.open({'class' : 'form-horizontal','id' : 'destroy','url' : route('piggy-banks.destroy',piggyBank.id)})  }}
        <div class="row">
    <div class="col-lg-6 col-lg-offset-3 col-md-12 col-sm-12">
--- a/resources/twig/piggy-banks/edit.twig
+++ b/resources/twig/piggy-banks/edit.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, piggyBank) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.model(piggyBank, {'class' : 'form-horizontal','id' : 'update','url' : route('piggy-banks.update',piggyBank.id)}) }}

    <input type="hidden" name="repeats" value="0" />
--- a/resources/twig/piggy-banks/index.twig
+++ b/resources/twig/piggy-banks/index.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <p>
--- a/resources/twig/piggy-banks/show.twig
+++ b/resources/twig/piggy-banks/show.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, piggyBank) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-8 col-md-8 col-sm-6">
        <div class="panel panel-default">
--- a/resources/twig/preferences/index.twig
+++ b/resources/twig/preferences/index.twig
@@ -1,7 +1,10 @@
 {% extends "./layout/default.twig" %}
+
+{% block breadcrumbs %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
 {% block content %}
-    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, piggyBank) }}
-<!-- form -->
    {{ Form.open({'class' : 'form-horizontal','id' : 'preferences'}) }}

 <div class="row">
--- a/resources/twig/profile/change-password.twig
+++ b/resources/twig/profile/change-password.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-6 col-md-12 col-sm-12">
        <div class="panel panel-primary">
--- a/resources/twig/profile/delete-account.twig
+++ b/resources/twig/profile/delete-account.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-6 col-md-12 col-sm-12">
        <div class="panel panel-red">
--- a/resources/twig/profile/index.twig
+++ b/resources/twig/profile/index.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-6 col-md-12 col-sm-12">
        <div class="panel panel-primary">
--- a/resources/twig/reminders/index.twig
+++ b/resources/twig/reminders/index.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}

 <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
--- a/resources/twig/reminders/show.twig
+++ b/resources/twig/reminders/show.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, reminder) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
        <div class="panel panel-default">
--- a/resources/twig/reports/index.twig
+++ b/resources/twig/reports/index.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="panel panel-default">
--- a/resources/twig/reports/month.twig
+++ b/resources/twig/reports/month.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, start, shared) }}
+{% endblock %}
+
+{% block content %}

    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
--- a/resources/twig/reports/year.twig
+++ b/resources/twig/reports/year.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, start, shared) }}
+{% endblock %}
+
+{% block content %}

    <div class="row">
        <div class="col-lg-10 col-md-8 col-sm-12">
--- a/resources/twig/search/index.twig
+++ b/resources/twig/search/index.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, query) }}
+{% endblock %}
+
+{% block content %}
 {% if query %}
 <div class="row">
    {% if result.transactions|length > 0 %}
--- a/resources/twig/tags/create.twig
+++ b/resources/twig/tags/create.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.open({'class' : 'form-horizontal','id' : 'store','route' : 'tags.store'}) }}

 <div class="row">
--- a/resources/twig/tags/delete.twig
+++ b/resources/twig/tags/delete.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, tag) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.open({'class' : 'form-horizontal','id' : 'destroy','url' : route('tags.destroy',tag.id)}) }}
 <div class="row">
    <div class="col-lg-6 col-md-12 col-sm-12">
--- a/resources/twig/tags/edit.twig
+++ b/resources/twig/tags/edit.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, tag) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.model(tag, {'class' : 'form-horizontal','id' : 'update','url' : route('tags.update',tag.id)}) }}

    <input type="hidden" name="id" value="{{ tag.id }}" />
--- a/resources/twig/tags/index.twig
+++ b/resources/twig/tags/index.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default">
--- a/resources/twig/tags/show.twig
+++ b/resources/twig/tags/show.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, tag) }}
+{% endblock %}
+
+{% block content %}
    <!-- show this block only when the tag has some meta-data -->
    {% if tag.latitude and tag.longitude and tag.zoomLevel %}
        <div class="row">
--- a/resources/twig/transactions/create.twig
+++ b/resources/twig/transactions/create.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, what) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.open({'class' : 'form-horizontal','id' : 'store','url' : route('transactions.store',what)}) }}
    <input type="hidden" name="reminder_id" value="{{ Input.get('reminder_id') }}" />
    <input type="hidden" name="what" value="{{ what }}" />
--- a/resources/twig/transactions/delete.twig
+++ b/resources/twig/transactions/delete.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, journal) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.open({'class' : 'form-horizontal','id' : 'destroy','url' : route('transactions.destroy',journal.id)}) }}

 <div class="row">
--- a/resources/twig/transactions/edit.twig
+++ b/resources/twig/transactions/edit.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, journal) }}
+{% endblock %}
+
+{% block content %}
    {{ Form.open({'class' : 'form-horizontal','id' : 'update','url' : route('transactions.update',journal.id)}) }}

 <input type="hidden" name="id" value="{{journal.id}}" />
--- a/resources/twig/transactions/index.twig
+++ b/resources/twig/transactions/index.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, what) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-12 col-sm-12 col-md-12">
        <div class="panel panel-default">
--- a/resources/twig/transactions/show.twig
+++ b/resources/twig/transactions/show.twig
@@ -1,6 +1,10 @@
 {% extends "./layout/default.twig" %}
-{% block content %}
+
+{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, journal) }}
+{% endblock %}
+
+{% block content %}
 <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12">
        <div class="panel panel-default">