Use #/ annotation instead of HTML5 base.

accountant/frontend/static/js/app.js

@@ -75,11 +75,6 @@ angular.module('accountant', [
 
 }])
 
-.config(['$locationProvider', function($locationProvider) {
-    // Enable HTML5 mode.
-    $locationProvider.html5Mode(true);
-}])
-
 .config(['$storageProvider', function($storageProvider) {
     // Configure storage
     // Set global prefix for stored keys 

accountant/frontend/static/templates/accounts.html

@@ -43,7 +43,7 @@
             e-placeholder="Nom du compte"
             e-style="width: 100%"
             e-name="name" e-form="rowform" e-required>
-            <a href="account/{{ account.id }}/operations">{{ account.name }}</a>
+            <a href="#/account/{{ account.id }}/operations">{{ account.name }}</a>
           </span>
         </td>
 
@@ -102,7 +102,7 @@
               <!-- Open account scheduler. -->
               <a class="btn btn-default"
                 ng-if="account.id"
-                href="account/{{ account.id }}/scheduler">
+                href="#/account/{{ account.id }}/scheduler">
                 <span class="fa fa-clock-o"></span>
               </a>
             </div>

accountant/frontend/templates/layout.html

@@ -23,8 +23,6 @@
     <!-- Title -->
     <title>Accountant</title>
 
-    <base href="{{ url_for('frontend.index') }}">
-
     <!-- main css -->
     {% assets 'frontend_css' %}
     <link href="{{ ASSET_URL }}" rel="stylesheet">
@@ -47,7 +45,7 @@
       <div class="container-fluid">
         <!-- Brand -->
         <div class="navbar-header">
-          <a class="navbar-brand" href="accounts">&nbsp;Accountant</a>
+          <a class="navbar-brand" href="#/accounts">&nbsp;Accountant</a>
         </div>
       </div>
     </nav>